@import url('/play/_shell.css');
:root{font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#eef1e9;background:#101713;color-scheme:dark;font-synthesis:none;--muted:#9da89e;--mint:#c9e89b;--line:#354138}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;overscroll-behavior:none}body{word-break:keep-all;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{touch-action:manipulation;cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #c9e89b;outline-offset:4px}button,input{-webkit-appearance:none}button{border:0}input{min-width:0}#party{max-width:460px;margin:auto;padding:16px 20px max(24px,env(safe-area-inset-bottom));min-height:100dvh}.connection-line{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);letter-spacing:.03em;min-height:22px}.connection-dot{width:6px;height:6px;border-radius:50%;background:#c9e89b}.edition{margin-left:auto;font-size:9px;letter-spacing:.12em}.screen{display:flex;flex-direction:column;gap:20px;padding-top:30px}.heading{display:flex;flex-direction:column;gap:12px}.heading h1{font-size:clamp(26px,7.5vw,36px);line-height:1.24;letter-spacing:-.06em;margin:0;white-space:pre-line;font-weight:750}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--mint);font-weight:700;margin:0}.description{font-size:14px;line-height:1.65;color:#b1bcb2;margin:0;white-space:pre-line}.game-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-card{display:flex;flex-direction:column;gap:15px;padding:14px 8px;border:1px solid var(--line);border-radius:14px;font-size:11px;align-items:center;background:#19221c}.preview-icon{font-size:32px;line-height:1.1;color:var(--tile,#c9e89b)}.mint{--tile:#c9e89b}.peach{--tile:#edb299}.blue{--tile:#a7cce4}.lilac{--tile:#ceb8e5}.entry-form{display:flex;flex-direction:column;gap:12px}.entry-form label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:9px;color:#ccd4c9}input{width:100%;height:54px;border:1px solid #465248;border-radius:12px;padding:0 15px;background:#19221c;color:#f4f5f0;font-size:16px}input::placeholder{color:#829083;font-size:14px}input.code-input{letter-spacing:.12em;text-transform:uppercase}.button{min-height:56px;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:700;width:100%;transition:transform .1s,background .15s}.button.primary{background:#c9e89b;color:#15221a}.button.secondary{background:#202b23;color:#edf1e7;border:1px solid #465447}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.4}.divider{font-size:11px;display:flex;align-items:center;gap:12px;color:#879589;margin:8px 0}.divider:before,.divider:after{content:'';height:1px;flex:1;background:#344036}.footnote{font-size:11px;color:#87968a;line-height:1.75;text-align:center;white-space:pre-line;margin:0}.notice{position:sticky;top:8px;z-index:12;border:1px solid #637451;border-radius:12px;background:#253622;padding:12px 14px;color:#eff5e8;font-size:13px;line-height:1.5;margin:12px 0 0}.notice[hidden]{display:none}.room-code{border:1px solid #465442;border-radius:20px;padding:20px;background:radial-gradient(ellipse at top right,#34452b55,transparent 80%);display:flex;flex-direction:column;gap:15px;align-items:center}.room-code strong{font-size:clamp(26px,8vw,34px);font-family:ui-monospace,monospace;letter-spacing:.09em;color:#eef2e7}.share-button{background:transparent;color:var(--mint);font-size:13px;padding:8px 16px;min-height:40px}.roster{display:grid;grid-template-columns:1fr 1fr;gap:9px}.player-card{border:1px solid #3b473c;border-radius:14px;background:#1a231c;min-height:85px;padding:12px;position:relative;display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center}.avatar{font-size:11px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:29px;height:29px;color:#152117;background:var(--tile,#c9e89b);font-family:ui-monospace,monospace;flex-shrink:0}.player-name{font-size:12px;overflow-wrap:anywhere;min-width:0}.player-status{grid-column:2;font-size:10px;color:#a4b199}.host-mark{font-size:8px;position:absolute;top:5px;right:8px;color:var(--tile)}.player-card.empty{border-style:dashed;background:transparent;color:#78867a}.empty .avatar{background:#2c382f;color:#718375}.departed{opacity:.45}.lobby-controls{display:flex;flex-direction:column;gap:10px}.text-button{color:#a7b4a8;background:transparent;font-size:12px;min-height:44px;padding:12px}.waiting-text{font-size:12px;color:#9daa9c;text-align:center;margin:0;line-height:1.6}.share-link{font-size:12px}.round-hud{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;color:#b4c0b0;border-bottom:1px solid var(--line);padding-bottom:14px}.round-hud span:first-child{color:var(--mint);font-family:ui-monospace,monospace}.round-emblem{align-self:center;font-size:86px;color:var(--tile);width:140px;height:150px;display:grid;place-items:center;border:1px solid #485943;border-radius:35% 45% 38% 44%;margin:15px 0 5px;transform:rotate(-6deg)}.briefing-hint{text-align:center;color:var(--mint);font-size:13px;margin:0}.timer{display:flex;justify-content:space-between;align-items:center;color:#a4b39e;font-size:11px;gap:12px}.timer-value{color:var(--mint);font-size:18px;font-variant-numeric:tabular-nums}.timer-value[data-urgent=true]{color:#edb299}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:6px 0 8px}.door{height:clamp(150px,25dvh,205px);border:1px solid #52604e;background:#263228;border-radius:45px 45px 8px 8px;position:relative;color:var(--tile);transition:transform .15s,background .15s}.door:disabled{opacity:.6}.door.selected{background:color-mix(in srgb,var(--tile) 20%,#202b23);border:3px solid var(--tile);transform:translateY(-6px);opacity:1}.door-number{position:absolute;top:24px;left:0;right:0;font-size:24px;font-family:ui-monospace,monospace}.door-knob{position:absolute;right:12px;top:65%;width:9px;height:9px;border:2px solid var(--tile);border-radius:50%}.compact{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.compact .player-card{display:flex;flex-direction:column;gap:5px;padding:12px 3px;min-height:82px;border-color:#2c392e}.compact .player-name{font-size:10px;max-width:100%;text-align:center}.compact .player-status{font-size:10px}.compact .host-mark{display:none}.compact .empty .player-name{display:none}.memory-track{display:flex;gap:8px;justify-content:center;margin:2px 0 6px}.memory-slot{height:40px;width:40px;border:1px solid #485642;border-radius:10px;display:grid;place-items:center;font-size:20px;color:#cad5c4}.memory-slot.current{border-color:var(--mint);color:var(--mint);background:#34452d}.memory-pads{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memory-pad{height:clamp(85px,15dvh,125px);border-radius:24px;background:#202c23;border:1px solid #4b5d48;color:var(--tile);font-size:39px}.memory-pad:disabled{opacity:.6}.memory-pad.lit{background:var(--tile);color:#152219;box-shadow:0 0 30px color-mix(in srgb,var(--tile) 30%,transparent);opacity:1}.memory-pad:active:not(:disabled){background:#40553b}.memory-controls{display:grid;grid-template-columns:1fr 1.3fr;gap:9px}.memory-controls .button{font-size:13px;padding-inline:8px}.risk-bank{display:flex;flex-direction:column;align-items:center;gap:4px;padding:15px 0}.risk-bank strong{font-size:90px;color:var(--mint);letter-spacing:-.06em;line-height:1.1;font-variant-numeric:tabular-nums}.risk-bank>span:last-child{font-size:13px;color:#a6b29f}.risk-bank.busted strong{color:#edb299}.risk-steps{display:flex;justify-content:center;gap:9px;margin-bottom:7px}.risk-steps span{width:46px;height:36px;display:grid;place-items:center;border:1px solid #4b5947;border-radius:10px;color:#86967f;font-size:12px}.risk-steps .opened{background:#c9e89b;color:#152219;border-color:#c9e89b}.scoreboard{display:flex;flex-direction:column;gap:10px}.score-row{display:flex;align-items:center;gap:12px;border:1px solid #3a4a38;border-radius:15px;padding:15px 12px;background:#1b251d}.score-person{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.score-person strong{font-size:14px;overflow-wrap:anywhere}.score-person small{font-size:11px;line-height:1.45;color:#9caa97}.score-number{font-size:24px;font-variant-numeric:tabular-nums;color:var(--tile)}.answer-line{font-size:16px;text-align:center;color:var(--mint)}.final-emblem{font-size:72px;text-align:center;line-height:1.1;color:var(--mint);margin:-5px 0}.offline-banner{padding:12px;background:#463226;border:1px solid #916b4e;border-radius:12px;font-size:12px;line-height:1.6;color:#f6ddbe;display:flex;flex-direction:column;align-items:center;gap:8px}.inline-button{padding:8px 12px;color:#f3ddbc;background:#5a4430;border-radius:8px;min-height:38px}.spinner{width:48px;height:48px;border:2px solid #34452d;border-top-color:var(--mint);border-radius:50%;align-self:center;margin:45px 0;animation:turn 1s linear infinite}.reconnect-actions{display:flex;flex-direction:column;gap:10px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#030a07bb;display:grid;place-items:center;padding:24px}.leave-dialog{width:100%;max-width:360px;padding:26px 22px;border-radius:22px;background:#202c23;border:1px solid #53654a;display:flex;flex-direction:column;gap:15px}.leave-dialog h2{font-size:22px;margin:0}.leave-dialog .description{font-size:13px}#party[data-phase=memorize] .screen,#party[data-phase=playing] .screen{gap:16px;padding-top:18px}#party[data-phase=memorize] .heading h1,#party[data-phase=playing] .heading h1{font-size:28px}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:360px){#party{padding-inline:15px}.screen{gap:16px;padding-top:20px}.player-card{padding:10px 8px}.player-name{font-size:11px}.room-code{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.door.selected{transform:none}}@media(min-width:600px){#party{border-inline:1px solid #28372b;min-height:100dvh;padding-inline:30px}}