*{box-sizing:border-box}html,body{color:#f4f6f8;background:radial-gradient(circle at top,#242931 0%,#101318 58%,#07090c 100%);width:100%;height:100%;margin:0;font-family:Inter,ui-rounded,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;overflow:hidden}body{height:100vh;min-width:0;height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));overscroll-behavior:none;justify-content:center;align-items:center;display:flex}main{flex-direction:column;align-items:center;gap:5px;width:100%;min-width:0;max-width:760px;height:100%;min-height:0;display:flex}.portal-nav{flex:none;justify-content:flex-start;width:100%;display:flex}.portal-link{color:#dffbff;letter-spacing:.04em;background:#181d23d1;border:1px solid #2ed7e86b;border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;font-size:clamp(11px,1.5vmin,14px);font-weight:700;text-decoration:none;display:inline-flex}.portal-link:hover{background:#272f38f0}.portal-link:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ff8a2a}.lobby-card{text-align:center;background:#15191ef0;border:1px solid #737d887a;border-radius:28px;width:min(100%,520px);margin:auto 0;padding:clamp(22px,5vw,40px);box-shadow:0 24px 80px #00000075}.lobby-card[hidden],#game[hidden],.panel-stack[hidden]{display:none!important}.eyebrow{color:#9af3ff;letter-spacing:.18em;margin:0 0 8px;font-size:13px;font-weight:800}h1{letter-spacing:.02em;margin:0 0 28px;font-size:clamp(28px,8vw,42px)}.panel-stack{gap:14px;display:grid}button,input{font:inherit}.primary-button,.text-button{letter-spacing:.04em;cursor:pointer;border-radius:16px;min-height:58px;font-weight:900}.primary-button{color:#f7f9fa;background:#282f37;border:2px solid #2ed7e8}.primary-button:hover:not(:disabled){background:#343e48}.primary-button:disabled,.text-button:disabled{cursor:default;opacity:.5}.text-button{color:#c2c9d0;background:0 0;border:1px solid #9aa7b457}.divider{color:#8e98a3;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.divider:before,.divider:after{content:"";background:#919ba63d;flex:1;height:1px}.room-label{color:#aeb7c0;letter-spacing:.12em;margin:4px 0 -6px;font-size:12px;font-weight:800}.room-input,.invite-input{color:#fff;background:#0c0f13;border:1px solid #737d888a;width:100%}.room-input{letter-spacing:.18em;text-align:center;border-radius:16px;height:68px;font-size:32px;font-weight:900}.invite-input{border-radius:12px;height:48px;padding:0 12px;font-size:13px}.room-code{color:#ff8a2a;letter-spacing:.12em;font-size:clamp(40px,12vw,64px)}.lobby-status,.lobby-error{letter-spacing:.05em;min-height:20px;margin:4px 0 0;font-size:13px;font-weight:800}.lobby-status{color:#bfeef3}.lobby-error{color:#ff8f8f}#game{touch-action:none;flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}#game canvas{touch-action:none;background:#101318;border:1px solid #737d8847;border-radius:clamp(12px,2.4vmin,20px);max-width:100%;max-height:100%;display:block;box-shadow:0 18px 54px #00000080;width:auto!important;height:auto!important}.invite-qr{color:#111;background:#fff;border-radius:16px;justify-items:center;gap:6px;width:max-content;max-width:100%;margin:0 auto;padding:10px;display:grid;box-shadow:0 8px 24px #00000040}.invite-qr__image{aspect-ratio:1;width:clamp(112px,24dvh,184px);max-width:44vw;height:auto;display:block}.invite-qr__caption{color:#151515;letter-spacing:.12em;margin:0;font-size:11px;font-weight:900}#waiting-panel{overscroll-behavior:contain;max-height:min(620px,100dvh - 170px);padding-inline:2px;overflow-y:auto}@media (max-height:640px){.invite-qr{gap:4px;padding:6px}.invite-qr__image{width:104px}}