html,body{overscroll-behavior:none;color:#d6c49e;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#1c261e;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;width:100%;height:100%;display:block}#connection-status{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);pointer-events:none;background:#0000008c;border-radius:12px;padding:4px 10px;font-size:14px;position:fixed}#connection-status:before{content:"";background:#c9a227;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#connection-status[data-state=connected]:before{background:#5fa35f}#connection-status[data-state=lost]:before,#connection-status[data-state=closed]:before{background:#b5483b}#name-form{z-index:10;top:calc(env(safe-area-inset-top,0px) + 10vh);box-sizing:border-box;touch-action:manipulation;background:#1c261eeb;border-radius:12px;width:min(26rem,100vw - 32px);padding:20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}#name-form label{margin-bottom:12px;font-size:20px;display:block}#name-form .name-row{gap:8px;display:flex}#name-input{color:#1c261e;min-width:0;min-height:44px;font:inherit;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#f4ecd8;border:1px solid #6b5f45;border-radius:8px;flex:1;padding:0 12px;font-size:18px}#name-form button{color:#10170f;min-width:72px;min-height:44px;font:inherit;touch-action:manipulation;background:#5fa35f;border:0;border-radius:8px;font-size:18px;font-weight:600}#name-form button:disabled{color:#9a9a8c;background:#4a5246}#name-hint{margin:12px 0 0;font-size:15px}#name-hint[data-problem=true]{color:#e8a090}#rotate-hint{display:none}@media (orientation:portrait){#rotate-hint{z-index:20;background:#1c261e;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;inset:0}}