:root{color-scheme:dark;font-family:Segoe UI,Inter,system-ui,sans-serif;background:#050612;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#game-shell,#game{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html{height:100vh;height:100dvh}body{position:fixed;inset:0;background:#050612}#game-shell{width:var(--game-viewport-width, 100%);height:var(--game-viewport-height, 100%)}#game{position:relative;display:block;background:#02030a}#mobile-fullscreen{position:fixed;z-index:10005;left:50%;bottom:max(8px,calc(env(safe-area-inset-bottom) + 8px));transform:translate(-50%);min-height:32px;padding:6px 12px;border:1px solid #48eaf2;border-radius:4px;color:#bdfcff;background:#080b1cee;font:700 11px monospace;touch-action:manipulation}#mobile-fullscreen[hidden]{display:none}#game canvas{display:block;max-width:100%;max-height:100%;touch-action:none;outline:none}.lan-ip-input{appearance:none;border:2px solid rgba(143,145,255,.88);border-radius:3px;outline:none;padding:0 22px;color:#e7fbff;background:#090d20f5;box-shadow:0 0 18px #8f91ff1f,inset 0 0 14px #48eaf20a;font-family:monospace;font-weight:700;letter-spacing:.08em;text-align:center;touch-action:manipulation;user-select:text;-webkit-user-select:text}.lan-ip-input:focus{border-color:#48eaf2;box-shadow:0 0 24px #48eaf23d,inset 0 0 16px #48eaf212}#rotate-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#bdfcff;background:radial-gradient(circle at center,#111937f7,#03040dfc);letter-spacing:.13em;text-align:center}#rotate-overlay.visible{display:flex}.phone-icon{width:42px;height:72px;border:3px solid #54f5ff;border-radius:9px;box-shadow:0 0 18px #54f5ff8c,inset 0 0 12px #54f5ff29;animation:rotate-phone 1.8s ease-in-out infinite}.phone-icon span{display:block;width:5px;height:5px;margin:58px auto 0;border-radius:50%;background:#54f5ff}.rotate-title{font-size:clamp(16px,4vw,24px);font-weight:700}.rotate-subtitle{max-width:300px;color:#bdfcff94;font-size:11px;letter-spacing:.06em}@keyframes rotate-phone{0%,18%{transform:rotate(0)}62%,to{transform:rotate(90deg)}}