body,html{background:#000;color:#fff;font-family:Courier New,monospace;height:100%;margin:0;overflow:hidden;padding:0}body{display:flex;flex-direction:column}.ws-display{align-items:center;background:#0f0f0f;display:flex;justify-content:center;width:100%}.ws-display canvas{display:block!important;height:auto!important;max-height:100%!important;width:100%!important}#ws-avatar-display{align-items:center;background:#0f0f0f!important;border-bottom:1px solid #333!important;display:flex;flex-shrink:0;justify-content:center;padding:0;position:relative;width:100%}#ws-main-display{border:1px solid #333!important;flex:1}#ws-main-display,#ws-message-display{align-items:center;background:#0f0f0f!important;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative;width:100%}#ws-message-display{border-top:1px solid #333!important;flex-shrink:0;margin:0}@media (max-width:768px){#mobile-start-btn{background:#222;border:2px solid #888;border-radius:1em;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;display:block;font-family:Courier New,monospace;font-size:1.1em;opacity:.95;padding:.4em 1.5em;touch-action:manipulation}#mobile-persistence-btns,#mobile-start-btn{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1100}#mobile-persistence-btns{align-items:center;display:flex;flex-direction:column;gap:1em}#mobile-persistence-btns button{background:#222;border:2px solid #888;border-radius:1em;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;font-family:Courier New,monospace;font-size:1.1em;opacity:.95;padding:.6em 1.5em;touch-action:manipulation}#mobile-pause-btn{border:2px solid #888;border-radius:.8em;font-size:.9em;max-width:80px;padding:.4em 1em;right:2vw;top:2vh;white-space:nowrap;z-index:1200}#mobile-pause-btn,#mobile-restart-btn{background:#222;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;display:block;font-family:Courier New,monospace;opacity:.95;position:fixed;touch-action:manipulation}#mobile-restart-btn{border:2px solid #888;border-radius:1em;font-size:1.1em;padding:.4em 1.5em}#mobile-pause-btns,#mobile-restart-btn{left:50%;top:50%;transform:translate(-50%,-50%);z-index:1100}#mobile-pause-btns{align-items:center;display:flex;flex-direction:column;gap:1em;position:fixed}#mobile-pause-btns button{background:#222;border:2px solid #888;border-radius:1em;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;font-family:Courier New,monospace;font-size:1.1em;opacity:.95;padding:.6em 1.5em;touch-action:manipulation}#mobile-dpad{bottom:4vw;display:flex!important;position:fixed;right:4vw;z-index:1000}.circular-joystick{background:rgba(23,23,23,.7);border:2px solid #666;border-radius:50%;height:30vw;max-height:140px;max-width:140px;min-height:100px;min-width:100px;position:relative;touch-action:none;width:30vw}@media (orientation:landscape){.circular-joystick{height:20vw;max-height:80px;max-width:80px;min-height:60px;min-width:60px;width:20vw}}.joystick-stick{background:#888;border-radius:50%;height:30%;left:35%;position:absolute;top:35%;touch-action:none;width:30%}#ws-message-display canvas{transform:scale(1.3);transform-origin:top left}#ws-message-display{overflow:visible!important}#ws-avatar-display canvas{transform:scale(1.3);transform-origin:top left}#ws-avatar-display{overflow:visible!important}@media (orientation:portrait){#ws-main-display canvas{transform:scale(1.2);transform-origin:top left}#ws-main-display{overflow:visible!important}}}@media (min-width:769px){#mobile-dpad,#mobile-pause-btn,#mobile-pause-btns,#mobile-persistence-btns,#mobile-restart-btn,#mobile-start-btn{display:none!important}}