:root{--bg: #0e1013;--surface: #16191d;--line: #262b31;--text: #e9ecef;--muted: #98a1aa;--accent: #f2c14e;--danger: #e5735b;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{min-height:100vh;display:flex;flex-direction:column}.gate{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:3.5rem;padding:0 1rem;border-bottom:1px solid var(--line)}.brand{font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;color:var(--accent)}.brand span{margin-left:.4rem;color:var(--muted)}.account{position:relative}.account-toggle{display:flex;align-items:center;gap:.55rem;max-width:15rem;padding:.3rem .5rem;border:1px solid transparent;border-radius:999px;background:transparent}.account-toggle:hover{border-color:var(--line)}.avatar{flex:0 0 auto;width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#14181c;font-size:.8rem;font-weight:600}.account-email{overflow:hidden;color:var(--muted);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.chevron{flex:0 0 auto;width:.4rem;height:.4rem;margin-bottom:.2rem;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg)}.account-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:10;min-width:10rem;padding:.25rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface)}.account-menu button{width:100%;padding:.5rem .6rem;border:0;border-radius:.35rem;background:transparent;text-align:left}.account-menu button:hover:not(:disabled){background:#1f242a}.center{flex:1;display:grid;place-items:center;padding:2rem 1rem 4rem}.panel{width:min(22rem,100%);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface)}.panel>form{display:contents}.tabs{display:flex;gap:.25rem;padding:.25rem;border-radius:.5rem;background:#1d2126}.tabs button{flex:1;padding:.45rem;border:0;border-radius:.35rem;background:transparent;color:var(--muted);font-size:.9rem}.tabs button[aria-selected=true]{background:var(--surface);color:var(--text)}fieldset{display:flex;flex-direction:column;gap:1rem;min-width:0;margin:0;padding:0;border:0}.field label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.8rem}.field input{width:100%;height:2.5rem;padding:0 .7rem;border:1px solid var(--line);border-radius:.4rem;background:#101418}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error,.field-hint{margin-top:.3rem;font-size:.75rem}.field-error{color:var(--danger)}.field-hint{color:var(--muted)}.code-input{font-family:var(--mono);font-size:1.1rem;letter-spacing:.3em;text-align:center;text-transform:uppercase}.button{height:2.5rem;padding:0 1rem;border:1px solid var(--line);border-radius:.4rem;background:transparent;font-size:.9rem}.button:hover:not(:disabled){border-color:#3a424a}.button.primary{border-color:var(--accent);background:var(--accent);color:#14181c;font-weight:600}.button.block{width:100%}.link{padding:0;border:0;background:transparent;color:var(--muted);font-size:.85rem;text-decoration:underline;text-underline-offset:.2em}.leave{align-self:center}.divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.75rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.alert,.notice{padding:.6rem .7rem;border-radius:.4rem;font-size:.85rem;line-height:1.4}.alert{border:1px solid #4a2b26;background:#241a19;color:#f2c0b3}.notice{border:1px solid var(--line);background:#1b1f24;color:var(--muted)}.label{color:var(--muted);font-size:.75rem}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.code{font-family:var(--mono);font-size:1.6rem;letter-spacing:.2em}.status{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.75rem}.status:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--danger)}.status-connected:before{background:#8ec96a}.players{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none}.players li{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.4rem;font-size:.875rem}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{padding:.1rem .35rem;border-radius:.25rem;background:#22282e;color:var(--muted);font-size:.7rem}.state{margin-left:auto;color:var(--muted);font-size:.75rem}.state.is-ready{color:#8ec96a}.empty-slot{border-style:dashed!important;color:var(--muted)}.game-route{width:100vw;height:100dvh;min-height:34rem;position:relative;overflow:hidden;color:#f7f4e9;background:#132126}.phaser-focus-frame{position:absolute;top:0;right:0;bottom:0;left:0;outline:0}.phaser-focus-frame canvas{width:100%!important;height:100%!important;display:block}.phaser-focus-frame:focus-visible:after{content:"";position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border:2px solid #f6ca61;pointer-events:none;z-index:2}.game-hud{position:absolute;inset:1rem 1rem auto;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem 1rem;pointer-events:none;font-family:var(--mono)}.game-hud-topline{grid-column:1 / -1;min-height:3.2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.65rem .85rem;border:1px solid #789087;color:#f6f1e6;background:#121f23e6;box-shadow:4px 4px #0b15178c}.game-hud-topline>div{display:flex;flex-direction:column;gap:.1rem}.game-hud-topline>div:last-child{align-items:flex-end}.hud-label{color:#aebeb6;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.game-hud-topline strong{font-size:.78rem;letter-spacing:.08em}.hud-status{flex-direction:row!important;align-items:center;gap:.45rem!important;color:#cbd7d1;font-size:.68rem;text-transform:uppercase}.hud-status i{width:.5rem;aspect-ratio:1;border-radius:50%;background:#d07958;box-shadow:0 0 0 3px #d079582e}.hud-status.is-ready i{background:#d2ec74;box-shadow:0 0 0 3px #d2ec742e}.game-controls{align-self:end;display:flex;flex-wrap:wrap;gap:.45rem;padding:.55rem;border:1px solid #70877e;background:#142326e6}.game-controls span{display:flex;align-items:center;gap:.35rem;color:#c6d1cb;font-size:.66rem;white-space:nowrap}.game-controls kbd{min-width:2rem;padding:.22rem .35rem;border:1px solid #96aaa1;border-bottom-width:3px;color:#f8f4e7;background:#2f4743;font:inherit;text-align:center}.carry-hud{display:flex;align-items:center;gap:.55rem;padding:.5rem .6rem;border:1px solid #70877e;background:#142326e6}.carry-hud ol{display:flex;gap:.35rem;margin:0;padding:0;list-style:none}.carry-hud li{width:2.5rem;aspect-ratio:1;position:relative;display:grid;place-items:center;border:2px dashed #768b82;color:#91a39b;background:#0812148c}.carry-hud li span{position:absolute;top:.18rem;left:.25rem;font-size:.52rem}.hud-leave{align-self:stretch;pointer-events:auto;border:1px solid #d77b5f;padding:.45rem .75rem;color:#fff3e9;background:#552a23eb;font:inherit;font-size:.68rem;font-weight:700;text-transform:uppercase}.game-action-indicator{position:absolute;top:7rem;left:50%;z-index:7;min-width:10rem;padding:.6rem .8rem;opacity:0;transform:translate(-50%,-8px);color:#182126;background:#f6ca61;box-shadow:4px 4px #bc523b;font-family:var(--mono);font-size:.72rem;font-weight:700;text-align:center;transition:opacity .1s ease,transform .1s ease;pointer-events:none}.game-action-indicator.is-visible{opacity:1;transform:translate(-50%)}.focus-hint{position:absolute;right:1rem;bottom:.85rem;z-index:5;margin:0;padding:.38rem .55rem;color:#d6ded9;background:#121f23d1;font:.62rem var(--mono);pointer-events:none}@media(max-width:720px){.game-hud{inset:.55rem .55rem auto;grid-template-columns:1fr auto;gap:.45rem}.game-hud-topline{grid-template-columns:1fr 1fr}.hud-status{display:none!important}.game-controls{display:none}.carry-hud li{width:2.15rem}.focus-hint{right:.55rem;bottom:.55rem;max-width:calc(100% - 1.1rem);text-align:right}}@media(max-width:480px){.account-email{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}