:root{--ground:#12162a;--ground-deep:#0b0e1c;--pile-shadow:#0c0f1e;--surface:#1b2140;--surface-2:#252c52;--table:#161b33;--line:#343c68;--line-2:#3d4677;--divider:#2a3156;--text:#f5f2ea;--muted:#aeb3cc;--faint:#7d84a6;--accent:#f7b500;--accent-hover:#ffd15c;--accent-shadow:#b98800;--on-accent:#1a1405;--whatsapp:#25d366;--whatsapp-hover:#4be083;--on-whatsapp:#06210f;--danger:#ff8a7e;--danger-timer:#ff6b5e;--danger-border:#6b3440;--danger-bg:#3a2330;--cream:#fff8e7;--card-red:#d3362f;--card-yellow:#f5b400;--card-green:#17803f;--card-blue:#2b6be0;--card-wild:#17171f;--ink-red:#a3241e;--ink-yellow:#8a6100;--ink-green:#0f6630;--ink-blue:#1c4fb8;--ink-wild:#1a1b2e;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--flight-ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4}h1,h2,h3,p{margin:0}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active:not(:disabled),a.btn:active{filter:brightness(.9);scale:.97}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{font-family:var(--font-display)}.wordmark{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-weight:800;line-height:1;display:inline-block}.wordmark-heading{font-size:inherit;display:contents}.wordmark-stem{background:var(--text);border-radius:.105em;width:.21em;height:.49em;margin-right:.05em;display:inline-block;position:relative}.wordmark-dot{background:#f5b400;border-radius:.07em;width:.3em;height:.37em;margin-left:-.15em;position:absolute;bottom:.62em;left:50%;transform:rotate(-12deg);box-shadow:0 .04em #b98800}.card{border-style:solid;border-color:var(--cream);font-family:var(--font-display);flex:none;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.card--dim{border-color:#76778a}.card--dim:after{content:"";z-index:2;background:var(--surface);opacity:.58;pointer-events:none;position:absolute;inset:0}.card-corner{flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute}.card-plate{background:var(--cream);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:rotate(-8deg)}.card-caption{text-align:center;letter-spacing:.06em;font-weight:800;line-height:1;position:absolute;left:0;right:0}.card-back-panel{border:1px solid var(--line);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.card-back-logo{color:var(--text);font-weight:800;line-height:1;display:inline-block;transform:rotate(-14deg)}.btn{text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:44px;text-decoration:none;transition:background .15s;display:inline-flex}.btn--primary{background:var(--accent);height:58px;color:var(--on-accent);box-shadow:0 4px 0 var(--accent-shadow);font-family:var(--font-display);border:0;font-size:21px;font-weight:700}a.btn--primary:hover,.btn--primary:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.btn--primary:disabled{background:var(--divider);color:#8f96b8;box-shadow:none}.btn--secondary{border:1px solid var(--line-2);background:var(--surface-2);height:56px;color:var(--text);font-family:var(--font-display);font-size:20px;font-weight:700}a.btn--secondary:hover,.btn--secondary:hover:not(:disabled){color:var(--text);background:#2e3663}.btn--ghost{border:1px dashed var(--line-2);height:52px;color:var(--text);background:0 0;font-size:16px;font-weight:500}a.btn--ghost:hover,.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn--danger{border:1px solid var(--danger-border);height:48px;color:var(--danger);background:0 0;border-radius:14px;font-size:15px;font-weight:700}.btn--danger:hover:not(:disabled){background:var(--danger-bg)}.btn--sm{height:44px;font-family:var(--font-body);box-shadow:none;border-radius:12px;padding:0 14px;font-size:15px;font-weight:700}.btn--plain{border:1px solid var(--line-2);height:48px;color:var(--text);font-family:var(--font-body);background:0 0;border-radius:14px;font-size:15px;font-weight:700}.round-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:22px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.round-btn:hover{color:var(--text)}.link-btn{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;font-size:14px;text-decoration:none;display:inline-flex}a.link-btn:hover,.link-btn:hover{color:var(--text)}.link-btn--accent,a.link-btn--accent{color:var(--accent);font-size:15px;font-weight:700}.switch{background:var(--line-2);border:0;border-radius:16px;flex:none;width:54px;height:32px;padding:0;transition:background .15s;position:relative}.switch[aria-checked=true]{background:var(--accent)}.switch:before{content:"";position:absolute;inset:-6px 0}.switch-knob{background:var(--cream);border-radius:13px;width:26px;height:26px;transition:left .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch-knob{left:25px}.switch--compact{border-radius:15px;width:50px;height:30px}.switch--compact .switch-knob{border-radius:12px;width:24px;height:24px}.switch--compact[aria-checked=true] .switch-knob{left:23px}.segmented{background:var(--ground);border-radius:14px;gap:4px;padding:4px;display:grid}.segment{min-height:44px;color:var(--text);background:0 0;border:0;border-radius:11px;padding:0 4px;font-size:15px;font-weight:700}.segment[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.segment:disabled{color:var(--faint);text-decoration:line-through}.segmented--compact{border-radius:12px;padding:3px}.segmented--compact .segment{border-radius:9px;min-height:40px;font-size:14px}.chip{background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.toggle-chip:before{content:"";position:absolute;inset:-2px 0}.toggle-chip{border:1px solid var(--line-2);min-width:44px;min-height:40px;color:var(--text);background:0 0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:700;position:relative}.toggle-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.toggle-chip:disabled{cursor:default}.toggle-chip--compact{min-height:34px;padding:0 12px;font-size:13px}.avatar{font-family:var(--font-display);flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.qr{background:var(--cream);flex:none}.qr img{width:100%;height:100%;display:block}.spinner{border:4px solid var(--divider);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite spin}.spinner--large{border-width:6px;width:76px;height:76px}@keyframes spin{to{transform:rotate(360deg)}}.system-screen{flex-direction:column;justify-content:center;align-items:stretch;gap:20px;width:100%;max-width:420px;min-height:100dvh;margin:0 auto;padding:32px;display:flex}.system-screen>.spinner,.system-center{align-self:center}.system-title{font-family:var(--font-display);text-align:center;font-size:28px;font-weight:800;line-height:1.15}.system-title--big{font-size:30px;line-height:1.1}.system-text{color:var(--muted);text-align:center;font-size:15px;line-height:1.45}.system-note{color:var(--muted);text-align:center;font-size:13px;line-height:1.4}.tap-fan{align-self:center;width:150px;height:120px;position:relative}.tap-fan>*{position:absolute}.btn--tap{border-radius:18px;width:100%;height:64px;font-size:22px;font-weight:800}.system-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:16px;font-size:15px;display:flex}.system-panel>div{justify-content:space-between;display:flex}.system-panel span{color:var(--muted)}.lock-circle{background:var(--surface-2);width:72px;height:72px;color:var(--accent);border-radius:36px;justify-content:center;align-self:center;align-items:center;display:inline-flex}.toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:0 16px;display:flex;position:fixed;top:12px;left:0;right:0}.toast{background:var(--cream);color:#1a1b2e;text-align:center;border-radius:999px;max-width:100%;padding:10px 16px;font-size:14px;font-weight:700;box-shadow:0 6px 18px #00000059}.debug{z-index:1000;color:#e2e8f0;pointer-events:none;background:#0f172ae0;border-radius:6px;max-width:min(360px,100vw - 16px);max-height:30vh;padding:6px 8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:8px;left:8px;overflow:hidden}.debug__toggle{all:unset;cursor:pointer;color:#93c5fd;pointer-events:auto}.debug__list{margin:4px 0 0;padding:0;list-style:none}.debug__at{color:#94a3b8}.debug__detail{color:#fcd34d}.toast--patient{animation:.15s .25s both toast-patient}@keyframes toast-patient{0%{opacity:0}to{opacity:1}}.sheet-overlay{z-index:50;background:#0b0e1cb8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:90dvh;padding:20px 20px calc(24px + env(safe-area-inset-bottom));background:var(--surface);border-radius:24px 24px 0 0;flex-direction:column;gap:16px;display:flex;overflow-y:auto}.sheet:focus{outline:none}.sheet-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-title{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.15}.sheet-icon{background:var(--danger-bg);width:40px;height:40px;color:var(--danger);border-radius:20px;justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.sheet-text{color:var(--muted);font-size:15px}.sheet-actions{flex-direction:column;gap:10px;display:flex}@media (width>=960px){.sheet-overlay{align-items:center;padding:24px}.sheet{border-radius:24px;max-width:440px;padding:24px}}.sheet--picker .sheet-title-row{justify-content:center}.sheet--picker .sheet-title{font-size:22px;font-weight:700}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-size:15px;font-weight:700}.field-help{color:var(--muted);font-size:13px}.text-input{border:2px solid var(--line);background:var(--surface);width:100%;height:56px;color:var(--text);border-radius:14px;padding:0 16px;font-size:18px}.text-input:focus{border-color:var(--accent);outline:none}.text-input::placeholder{color:var(--faint)}.code-input{height:76px;font-family:var(--font-display);letter-spacing:10px;text-align:center;text-transform:uppercase;border-radius:16px;font-size:38px;font-weight:800}.code-input--complete{border-color:var(--accent)}.code-input::placeholder{letter-spacing:10px}.screen{flex-direction:column;gap:18px;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px 20px 24px;display:flex}.top-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.screen-title{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.15}.rejoin-banner{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:12px;padding:14px 14px 14px 16px;display:flex}.rejoin-banner>div{flex-direction:column;flex:1;min-width:0;display:flex}.rejoin-banner strong{font-size:15px}.rejoin-banner span{color:var(--muted);font-size:13px}.rejoin-banner .btn{height:44px;font-family:var(--font-body);box-shadow:none;border-radius:12px;padding:0 16px;font-size:15px;font-weight:700}.home-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.fan{flex:none;position:relative}.fan>*{position:absolute}.fan--m{width:210px;height:128px}.fan--xl{width:420px;max-width:100%;height:340px}.tagline{max-width:290px;color:var(--muted);font-size:16px}.nowrap{white-space:nowrap}.stack{flex-direction:column;gap:12px;display:flex}.btn--create{font-size:21px}.btn--join{font-size:20px}.footnote{color:var(--muted);text-align:center;font-size:13px}.how-to{flex-direction:column;gap:12px;padding-top:24px;scroll-margin-top:16px;display:flex}.how-to h2{font-family:var(--font-display);font-size:22px;font-weight:700}.how-to ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.how-to li{border:1px solid var(--line);background:var(--table);color:var(--muted);border-radius:18px;padding:14px 16px;font-size:14px}.how-to li strong{color:var(--text);font-family:var(--font-display);margin-bottom:2px;font-size:17px;font-weight:700;display:block}.d-home{width:100%}.d-home-header{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}.d-home-header-end{align-items:center;gap:16px;display:flex}.d-home-header .link-btn{font-size:15px}.d-hero{flex-wrap:wrap;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:24px;display:flex}.d-hero-copy{flex-direction:column;flex:440px;gap:20px;display:flex}.d-hero h1{font-family:var(--font-display);font-size:64px;font-weight:800;line-height:1.02}.d-hero h1 em{color:var(--accent);font-style:normal}.d-hero-copy>p{max-width:480px;color:var(--muted);font-size:18px}.d-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.d-hero-actions .btn--primary{padding:0 28px}.d-hero-actions .btn--ghost{height:58px;padding:0 24px;font-size:17px}.join-inline{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-wrap:wrap;align-items:flex-end;gap:12px;max-width:560px;padding:18px;display:flex}.join-inline .field{flex:140px;gap:6px}.join-inline .field-label{color:var(--muted);font-size:13px;font-weight:500}.join-inline .text-input{background:var(--ground);border-radius:12px;height:52px;font-size:17px}.join-inline .code-input{letter-spacing:5px;font-size:22px}.join-inline .code-input::placeholder{letter-spacing:5px}.join-inline .btn{border-radius:12px;height:52px;padding:0 22px;font-size:18px}.d-how{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1200px;margin:0 auto;padding:24px 24px 40px;display:grid}.d-how>div{border:1px solid var(--line);background:var(--table);border-radius:18px;flex-direction:column;gap:4px;padding:18px;display:flex}.d-how span{color:var(--accent);font-family:var(--font-display);font-size:24px;font-weight:800}.d-how strong{font-family:var(--font-display);font-size:19px;font-weight:700}.d-how p{color:var(--muted);font-size:14px}.d-home .how-to{max-width:1200px;margin:0 auto;padding:0 24px 40px}.d-home .how-to ol{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.join-or{color:var(--faint);align-items:center;gap:12px;font-size:13px;display:flex}.join-or:before,.join-or:after{content:"";background:var(--divider);flex:1;height:1px}.btn--outline{border:1px solid var(--line-2);height:52px;color:var(--text);background:0 0;border-radius:16px;font-size:16px;font-weight:500}a.btn--outline:hover,.btn--outline:hover{background:var(--surface);color:var(--text)}.leave-pill{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--text);border-radius:22px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.lobby-title{font-family:var(--font-display);font-size:22px;font-weight:700}.code-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;display:flex}.code-card-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.code-card-label{color:var(--muted);font-size:13px}.code-value{font-family:var(--font-display);letter-spacing:5px;font-size:42px;font-weight:800;line-height:1}.code-actions{flex-wrap:wrap;gap:8px;display:flex}.code-actions .btn{height:44px;font-family:var(--font-body);box-shadow:none;border-radius:12px;flex:auto;gap:6px;padding:0 10px;font-size:14px;font-weight:700}.code-card>.code-actions{flex-basis:100%}.code-actions .btn--whatsapp{background:var(--whatsapp);color:var(--on-whatsapp);border:0;flex-basis:100%}.code-actions .btn--whatsapp:hover{background:var(--whatsapp-hover)}.qr-block{color:var(--muted);flex-direction:column;flex:none;align-items:center;gap:6px;font-size:12px;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head h2{font-family:var(--font-display);font-size:20px;font-weight:700}.section-head span{color:var(--muted);font-size:14px}.player-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.player-row{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:6px 6px 6px 10px;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:500;overflow:hidden}.badge{background:var(--accent);color:var(--on-accent);border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:700}.badge--bot{background:var(--line);color:var(--text)}.remove-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.remove-btn:hover{color:var(--danger)}.add-bot{border-radius:14px;width:100%;font-size:15px;font-weight:700}.rules-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.rules-card h2{font-family:var(--font-display);font-size:18px;font-weight:700}.rules-card .section-head{align-items:center}.lobby-footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.lobby-footer .btn--primary{width:100%}.waiting-panel{border:1px solid var(--line);background:var(--surface);min-height:58px;color:var(--muted);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:15px;display:flex}.waiting-dot{background:var(--accent);border-radius:4px;flex:none;width:8px;height:8px}.d-lobby{flex-direction:column;gap:20px;max-width:1200px;min-height:100dvh;margin:0 auto;padding:20px 24px 32px;display:flex}.d-lobby-head{align-items:center;gap:16px;display:flex}.d-lobby-head h1{font-family:var(--font-display);flex:1;font-size:28px;font-weight:700}.d-lobby-body{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.d-lobby-left{flex-direction:column;flex:420px;gap:20px;min-width:0;display:flex}.d-lobby-right{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;flex:380px;gap:14px;min-width:0;padding:22px;display:flex}.d-lobby .code-card{border-radius:22px;gap:24px;padding:24px}.d-lobby .code-value{letter-spacing:8px;font-size:64px}.d-lobby .code-link{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.d-lobby .code-actions .btn{flex:0 auto;padding:0 16px}.d-lobby .code-actions .btn--whatsapp{flex-basis:100%}.d-lobby .qr-block{font-size:13px}.d-lobby .section-head h2{font-size:22px}.player-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.player-grid .player-row{min-height:60px;padding:8px 8px 8px 12px}.player-grid .player-info{flex-direction:column;flex:1;min-width:0;display:flex}.player-grid .player-sub{color:var(--muted);font-size:12px}.player-grid .add-bot{height:100%;min-height:60px}.player-grid .remove-btn{width:40px;height:40px}.rules-intro{color:var(--muted);font-size:14px}.rules-group{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.rules-group-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:14px 16px 0;font-size:13px;font-weight:700}.rule-row{align-items:center;gap:14px;padding:12px 16px;display:flex}.rule-row+.rule-row{border-top:1px solid var(--divider)}.rule-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rule-copy strong{font-size:15px}.rule-copy span{color:var(--muted);font-size:13px}.rule-block{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.rule-block+.rule-block{border-top:1px solid var(--divider)}.rule-block-title{font-size:15px;font-weight:700}.rule-help{color:var(--muted);font-size:13px}.rule-reason{color:var(--danger);font-size:13px}.stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper-controls{align-items:center;gap:8px;display:flex}.stepper button{border:1px solid var(--line-2);background:var(--surface-2);border-radius:12px;width:44px;height:44px;font-size:20px;font-weight:700}.stepper button:disabled{color:var(--faint)}.stepper output{min-width:72px;font-family:var(--font-display);text-align:center;font-size:24px;font-weight:800}.d-lobby-right h2{font-family:var(--font-display);font-size:22px;font-weight:700}.d-lobby-right .rule-row,.d-lobby-right .rule-block{border:0;padding:8px 0}.d-lobby-right .btn--primary{width:100%}.d-lobby-right .rule-copy strong,.d-lobby-right .rule-block-title{font-size:14px}.game{background:var(--ground);flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.game-top{align-items:center;gap:8px;height:56px;padding:6px 12px 0;display:flex}.game-title{flex-direction:column;flex:1;align-items:center;min-width:0;line-height:1.2;display:flex}.game-code{font-family:var(--font-display);letter-spacing:2px;font-size:17px;font-weight:800}.game-sub{color:var(--muted);font-size:12px}.game--desktop{flex-direction:column;gap:16px;max-width:1360px;min-height:100dvh;margin:0 auto;padding:16px 24px 24px;display:flex}.game-header{align-items:center;gap:16px;display:flex}.game-leave{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:14px;font-weight:500;display:inline-flex}.game-brand{color:inherit;text-decoration:none;display:inline-flex}.game-room{color:var(--muted);flex:1;font-size:14px}.game-room strong{color:var(--text);letter-spacing:2px}.game-main{flex-wrap:wrap;flex:1;align-items:flex-start;gap:16px;display:flex}.game-board{border:1px solid var(--divider);background:var(--table);border-radius:32px;flex-direction:column;flex:999 640px;min-width:0;display:flex;overflow:hidden}.game-side{flex-direction:column;flex:280px;gap:16px;display:flex}.side-panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:18px}.side-title{font-family:var(--font-display);margin:0 0 10px;font-size:18px;font-weight:700}.side-log{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.side-line{color:var(--muted);font-size:14px;line-height:1.4}.side-line--new{color:var(--text)}.side-chips{flex-wrap:wrap;gap:6px;display:flex}.side-chip{background:var(--surface-2);border-radius:999px;padding:5px 10px;font-size:12px}.seats{scrollbar-width:none;flex-shrink:0;justify-content:space-between;padding:12px 8px 2px;display:flex;overflow-x:auto}.seat-slot{flex-shrink:0;align-items:flex-start;display:flex}.seat{flex-direction:column;align-items:center;gap:3px;width:52px;display:flex;position:relative}.seat--offline{opacity:.45}.seat-ikka{z-index:1;background:var(--accent);color:var(--on-accent);font-family:var(--font-display);white-space:nowrap;border-radius:999px;padding:0 6px;font-size:11px;font-weight:800;position:absolute;top:-11px}.seat-ring{box-sizing:border-box;border:3px solid #0000;border-radius:50%;width:48px;height:48px;padding:2px;display:block;position:relative}.seat--now .seat-ring{border-color:var(--accent);box-shadow:0 0 0 5px #f7b50038}.seat--next .seat-ring{border-color:#6e78b8}.seat--caught .seat-ring{border-color:var(--danger-timer);box-shadow:0 0 0 5px #ff6b5e47}.seat-count{box-sizing:border-box;border:2px solid var(--ground);background:var(--cream);color:#1a1b2e;text-align:center;border-radius:10px;min-width:20px;height:20px;padding:0 3px;font-size:11px;font-weight:700;line-height:16px;position:absolute;bottom:-6px;right:-8px}.seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:52px;font-size:11px;font-weight:700;overflow:hidden}.seat--now .seat-name{color:var(--accent)}.seat-tag{height:13px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:13px}.seat-chevron{color:#4a5390;flex-shrink:0;transition:transform .35s}.seat-chevron--lit{color:var(--accent)}.game--desktop .seats{flex-wrap:wrap;justify-content:center;gap:6px;padding:24px 16px 4px;overflow:visible}.game--desktop .seat{gap:4px;width:92px}.game--desktop .seats--dense{gap:0}.game--desktop .seats--dense .seat{width:68px}.game--desktop .seats--dense .seat-chevron{width:14px}.game--desktop .seats--dense .seat-name{font-size:12px}.game--desktop .seat-ring{width:64px;height:64px;padding:3px}.game--desktop .seat--now .seat-ring{box-shadow:0 0 0 6px #f7b50038}.game--desktop .seat-ikka{padding:1px 8px;font-size:13px;top:-12px}.game--desktop .seat-count{border-color:var(--table);border-radius:12px;min-width:24px;height:24px;font-size:12px;line-height:20px}.game--desktop .seat-name{max-width:92px;font-size:14px}.game--desktop .seat-tag{letter-spacing:.05em;height:14px;font-size:11px;line-height:14px}.table{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:300px;padding:0 12px;display:flex;position:relative}.game--desktop .table{gap:14px;min-height:330px}.toast-area{z-index:3;pointer-events:none;position:absolute;top:2px;left:0;right:0}.toasts--anchored{position:static}.toasts--anchored .toast{box-shadow:none;padding:8px 14px}.game--desktop .toast-area{top:4px}.game--desktop .toasts--anchored .toast{padding:8px 16px;font-size:15px}.status-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:30px;display:flex}.status-pill{background:var(--surface);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.status-pill--mine{background:var(--accent);color:var(--on-accent)}.direction-pill{border:1px solid var(--line);background:var(--surface);height:30px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.direction-arrow{color:var(--accent);transition:transform .35s}.game--desktop .status-row{gap:10px;margin-top:34px}.game--desktop .status-pill{padding:6px 16px;font-size:15px}.game--desktop .direction-pill{height:32px;font-size:13px}.piles{align-items:center;gap:30px;display:flex}.game--desktop .piles{gap:44px}.draw-pile{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;position:relative}.draw-pile:disabled{cursor:default}.draw-pile .card{position:relative}.pile-shadow{box-sizing:border-box;background:var(--pile-shadow);border-radius:12px;width:96px;height:138px;position:absolute}.pile-shadow--far{border:3px solid var(--divider);top:6px;left:6px}.pile-shadow--near{border:3px solid var(--line);top:3px;left:3px}.game--desktop .pile-shadow{border-radius:16px;width:128px;height:184px}.game--desktop .pile-shadow--far{top:8px;left:8px}.game--desktop .pile-shadow--near{top:4px;left:4px}.discard{display:block;transform:rotate(6deg)}.pile-info{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.game--desktop .pile-info{font-size:14px}.color-chip{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.game--desktop .color-chip{padding:5px 12px}.reconnecting{color:var(--muted);margin:0;font-size:13px}.moment{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;padding:30px 24px 0;display:flex}.moment--stack{gap:12px}.stack-pill{background:var(--card-red);color:var(--cream);font-family:var(--font-display);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:18px;font-weight:800;display:inline-flex}.stack-cards{width:140px;height:150px;position:relative}.stack-card{position:absolute}.stack-card--0{top:8px;left:0;transform:rotate(-8deg)}.stack-card--1{top:0;left:34px;transform:rotate(7deg)}.stack-chain,.stack-hint{color:var(--muted);margin:0;font-size:14px}.stack-hint strong{color:var(--text)}.catch-text{margin:0;font-size:16px}.catch-text span{color:var(--muted)}.catch-btn{background:var(--accent);width:100%;max-width:420px;height:72px;box-shadow:0 5px 0 var(--accent-shadow);color:var(--on-accent);font-family:var(--font-display);cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;font-size:24px;font-weight:800;display:inline-flex}.catch-btn:disabled{opacity:.6;cursor:default}.catch-closes{color:var(--muted);margin:0;font-size:13px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.color-btn{height:84px;color:var(--cream);font-family:var(--font-display);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:21px;font-weight:800;display:inline-flex}.color-btn--red{background:var(--card-red)}.color-btn--yellow{background:var(--card-yellow);color:#1a1b2e}.color-btn--green{background:var(--card-green)}.color-btn--blue{background:var(--card-blue)}.sheet-cancel{border:1px solid var(--line-2);width:100%;height:48px;color:var(--text);cursor:pointer;background:0 0;border-radius:14px;font-size:15px;font-weight:700}.sheet-note{color:var(--muted);text-align:center;margin:0;font-size:13px}.swap-list{flex-direction:column;gap:8px;display:flex}.swap-btn{border:1px solid var(--line);background:var(--surface-2);min-height:56px;color:var(--text);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:8px 14px;display:flex}.swap-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:700;overflow:hidden}.swap-count{color:var(--muted);font-size:13px}.challenge-clock{color:var(--accent);font-family:var(--font-display);flex:none;font-size:16px;font-weight:800}.challenge-box{background:var(--ground);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;font-size:14px;display:flex}.challenge-box p{margin:0}.challenge-right{color:var(--accent)}.challenge-wrong{color:var(--danger)}.challenge-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hand-panel{border-top:1px solid var(--line);background:var(--surface);border-radius:24px 24px 0 0;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 16px;display:flex}.hand-header{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.hand-title{white-space:nowrap;font-size:14px;font-weight:700}.timer-bar{background:var(--divider);border-radius:3px;flex:1;height:6px;overflow:hidden}.timer-fill{background:var(--accent);border-radius:3px;height:100%;transition:width 1s linear;display:block}.timer-fill--danger{background:var(--danger-timer)}.timer-text{color:var(--accent);font-family:var(--font-display);font-size:16px;font-weight:800}.timer-text--danger{color:var(--danger-timer)}.hand-actions{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:relative}.draw-btn,.ikka-btn{height:50px;font-family:var(--font-display);cursor:pointer;border-radius:14px}.draw-btn{border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);font-size:18px;font-weight:700}.draw-btn:disabled{color:var(--faint);cursor:default}.ikka-btn{font-size:20px;font-weight:800}.ikka-btn--idle{border:1px solid var(--line-2);background:var(--surface-2);color:#c9cde0}.ikka-btn--now{background:var(--accent);box-shadow:0 4px 0 var(--accent-shadow);color:var(--on-accent);border:0;animation:1.2s ease-out infinite ikkapulse}.ikka-btn--done{border:2px solid var(--accent);color:var(--accent);background:#2e2a12}.game--desktop .ikka-btn--now{animation-name:ikkapulse-lg}@keyframes ikkapulse-lg{0%{box-shadow:0 4px 0 var(--accent-shadow), 0 0 0 0 #f7b50099}70%{box-shadow:0 4px 0 var(--accent-shadow), 0 0 0 16px #f7b50000}to{box-shadow:0 4px 0 var(--accent-shadow), 0 0 0 0 #f7b50000}}@keyframes ikkapulse{0%{box-shadow:0 4px 0 var(--accent-shadow), 0 0 0 0 #f7b50099}70%{box-shadow:0 4px 0 var(--accent-shadow), 0 0 0 14px #f7b50000}to{box-shadow:0 4px 0 var(--accent-shadow), 0 0 0 0 #f7b50000}}.hand-hint{min-height:18px;color:var(--muted);text-align:center;margin:0;font-size:13px;font-weight:500}.hand-hint--accent{color:var(--accent)}.hand-cards{scrollbar-width:none;min-height:136px;margin:-14px -16px -16px;padding:24px 20px 20px;display:flex;overflow-x:auto}.hand-card{margin-left:var(--hand-margin);cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;padding:0;transition:transform 60ms ease-out}.hand-card:active:not(:disabled),.hand-card--pressed:not(:disabled),.hand-card--pending{z-index:1;filter:none;position:relative;transform:translateY(-10px)scale(1.04)}.hand-card--pending{animation:.9s ease-in-out infinite alternate hand-card-pulse}.hand-card--shake{animation:.26s ease-in-out hand-card-shake}@keyframes hand-card-pulse{to{transform:translateY(-12px)scale(1.06)}}@keyframes hand-card-shake{25%{translate:-3px}75%{translate:3px}}.hand-card:first-child{margin-left:auto}.hand-card:last-child{margin-right:auto}.hand-card:disabled{cursor:default}.game--desktop .hand-panel{border-radius:0 0 32px 32px;padding:16px 22px 22px}.game--desktop .hand-header{flex-wrap:wrap;gap:14px}.game--desktop .hand-title{margin-right:auto;font-size:15px}.game--desktop .timer-bar{flex:160px}.game--desktop .timer-text{font-size:18px}.game--desktop .draw-btn{padding:0 28px}.game--desktop .ikka-btn{padding:0 34px}.game--desktop .hand-hint{font-size:14px}.game--desktop .hand-cards{min-height:196px;margin:-14px -22px -22px;padding:28px 26px 26px}.game--desktop .hand-card{border-radius:12px}.flight-layer{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.flight{transform-origin:0 0;transition:transform .42s var(--flight-ease);will-change:transform;position:absolute;top:0;left:0}.flight--fade{animation:.2s ease-out flightfade}@keyframes flightfade{0%{opacity:0}to{opacity:1}}.results{justify-content:center;min-height:100dvh;display:flex}.results-layout{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;max-width:560px;min-height:100dvh;padding:24px 20px;display:flex}.results-winner{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.results-fan{width:170px;height:104px;position:relative}.results-fan-card{position:absolute}.results-fan-card--left{top:18px;left:10px;transform:rotate(-14deg)}.results-fan-card--middle{top:0;left:62px}.results-fan-card--right{top:18px;left:116px;transform:rotate(14deg)}.results-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.results-title{color:var(--accent);font-family:var(--font-display);margin:0;font-size:46px;font-weight:800;line-height:1}.results-points{margin:0;font-size:16px;font-weight:700}.results-table{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.results-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.results-row{border-top:1px solid var(--divider);flex-direction:column;gap:6px;padding:10px 16px;display:flex}.results-row--winner{background:#232a4e}.results-line{align-items:center;gap:12px;display:flex}.results-rank{width:22px;color:var(--muted);font-family:var(--font-display);font-size:16px;font-weight:800}.results-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.results-value{font-family:var(--font-display);white-space:nowrap;font-size:18px;font-weight:800}.results-bar{background:var(--divider);border-radius:3px;height:6px;margin-left:68px;display:block;overflow:hidden}.results-fill{background:var(--accent);height:100%;display:block}.results-footer{flex-direction:column;gap:10px;width:100%;margin-top:auto;display:flex}.results-note{color:var(--muted);text-align:center;margin:0;font-size:13px}.results-more{min-height:44px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.results-waiting{border:1px solid var(--line);background:var(--surface);height:58px;color:var(--muted);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:16px;display:flex}.results-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.win-overlay{z-index:55;background:#080a14d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.win-card{box-sizing:border-box;background:var(--surface);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;padding:28px 20px;display:flex}.win-title{color:var(--accent);font-family:var(--font-display);margin:0;font-size:44px;font-weight:800;line-height:1}.win-text{color:var(--muted);margin:0 0 8px;font-size:15px}.win-card .btn{width:100%}@media (width>=960px){.results{align-items:center;padding:40px 24px}.results-layout{flex-flow:wrap;align-items:flex-start;gap:24px;max-width:880px;min-height:0;padding:0}.results-winner{border:1px solid var(--line);background:var(--surface);border-radius:28px;flex:320px;gap:14px;padding:32px 24px}.results-fan{width:240px;height:150px}.results-fan-card--left{top:26px;left:10px}.results-fan-card--middle{left:72px}.results-fan-card--right{top:26px;left:166px}.results-title{font-size:60px}.results-points{font-size:18px}.results-footer{margin-top:12px}.results-waiting{background:var(--ground)}.results-table{border-radius:28px;flex:360px}.results-head{padding:18px 22px 12px;font-size:13px}.results-row{gap:8px;padding:14px 22px}.results-rank{width:24px;font-size:18px}.results-name{font-size:17px}.results-value{font-size:20px}.results-bar{margin-left:78px}.win-title{font-size:52px}.win-card{padding:32px 24px}}@media (width>=960px) and (height<=860px){.game--desktop{gap:10px;padding:8px 24px 12px}.game--desktop .seats{padding-top:12px}.game--desktop .piles,.game--desktop .stack-cards,.game--desktop .moment--catch .discard{zoom:.72}.game--desktop .catch-btn{height:60px}.game--desktop .hand-panel{padding-top:10px;padding-bottom:10px}.game--desktop .hand-cards{min-height:184px;margin-bottom:-10px;padding-bottom:14px}}@media (height<=640px) and (width<=959px){.game{height:100dvh;min-height:0}.game-top{height:48px;padding-top:2px}.seats{padding-top:8px}.seat-tag{display:none}.table{gap:4px;min-height:0}.piles,.stack-cards,.moment--catch .discard{zoom:.62}.moment{gap:4px}.stack-pill{white-space:nowrap;padding:4px 12px;font-size:15px}.stack-chain,.stack-hint,.catch-text,.catch-closes{margin:0;font-size:12px;line-height:1.25}.catch-btn{height:48px;font-size:18px}.hand-panel{gap:6px;padding:8px 12px 10px}.hand-hint{min-height:0;font-size:12px}.hand-cards{zoom:.8;min-height:132px;margin:-14px -15px -12px;padding:24px 19px 16px}}@media (height<=500px) and (width>=600px) and (width<=959px){.game{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:none;display:grid}.game-top,.seats{grid-column:1/-1}.seats{justify-content:center;gap:8px;padding-top:0}.hand-panel{border-left:1px solid var(--line);border-top-right-radius:0;justify-content:flex-end}.hand-hint{display:none}}@media (width<=359px){.code-value{letter-spacing:.06em;font-size:34px}.screen-title{font-size:20px}}@media (prefers-reduced-motion:reduce){.ikka-btn--now,.game--desktop .ikka-btn--now,.hand-card--pending,.hand-card--shake{animation:none}.seat-chevron,.direction-arrow,.timer-fill{transition:none}}