.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;overflow:hidden;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:result-fade .25s ease both}.result-win{background:radial-gradient(80% 60% at 50% 40%,#35d0a538,#06060ad1)}.result-lose{background:radial-gradient(80% 60% at 50% 40%,#ff6b812e,#06060ad9)}.result-draw{background:radial-gradient(80% 60% at 50% 40%,#7c6cff2e,#06060ad1)}@keyframes result-fade{0%{opacity:0}}.result-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.result-icon{width:clamp(96px,30vw,150px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));animation:result-pop .5s cubic-bezier(.2,1.4,.4,1) both}.result-title{font-size:clamp(2.4rem,10vw,4rem);font-weight:800;letter-spacing:-.03em;margin:0;animation:result-rise .4s ease .08s both}.result-win .result-title{background:linear-gradient(115deg,#7bf0cf,#35d0a5);-webkit-background-clip:text;background-clip:text;color:transparent}.result-lose .result-title{color:#ff6b81}.result-draw .result-title{color:var(--text)}.result-subtitle{margin:-4px 0 0;font-size:1.3rem;font-weight:700;color:var(--text);letter-spacing:1px;font-variant-numeric:tabular-nums;animation:result-rise .4s ease .12s both}.result-btn{margin-top:10px;padding:15px 34px;border-radius:999px;font-size:1.05rem;font-weight:700;background:linear-gradient(120deg,#7c6cff,#6a58f0);box-shadow:0 10px 30px #7c6cff59;animation:result-rise .4s ease .18s both}@keyframes result-pop{0%{transform:scale(.3);opacity:0}}@keyframes result-rise{0%{transform:translateY(14px);opacity:0}}.result-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti-piece{position:absolute;top:-20px;border-radius:2px;opacity:.9;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.9}}@media (prefers-reduced-motion: reduce){.confetti-piece{display:none}.result-emoji,.result-title,.result-btn{animation:none}}.asgard{display:flex;flex-direction:column;align-items:center;gap:12px}.asgard.asg-center{justify-content:center;min-height:50vh;gap:18px}.asgard.asg-play{gap:10px}.asg-stage{position:relative;width:100%;height:clamp(400px,70vh,780px);border-radius:var(--radius);overflow:hidden;background:#0c0b1a;touch-action:none}.asg-stage canvas{display:block}.asg-canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:.85rem}.asg-hud{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:10px;padding:10px;pointer-events:none;z-index:2}.asg-hud-top{top:0}.asg-hud-bottom{bottom:0;flex-direction:column;align-items:center;gap:8px}.asg-hud>*{pointer-events:auto}.asg-chip{display:flex;align-items:center;gap:9px;padding:7px 13px 7px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0e0d1eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.asg-chip.is-turn{border-color:var(--brand-2);box-shadow:0 0 0 1px var(--brand-2),0 6px 20px #35d0a538}.asg-chip.is-tappable{cursor:pointer}.asg-chip.is-tappable:hover{border-color:var(--brand);background:#1c1937d9}.asg-chip:disabled{opacity:1}.asg-chip-flag{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#ffffffeb;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff40}.asg-chip-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.asg-chip-text strong{font-size:.88rem}.asg-chip-text .muted{font-size:.68rem}.asg-zoom{position:absolute;right:10px;bottom:50%;transform:translateY(50%);display:flex;flex-direction:column;gap:6px;z-index:3}.asg-zoom button{width:38px;height:38px;padding:0;border-radius:10px;font-size:1.25rem;font-weight:700;line-height:1;display:grid;place-items:center;background:#0e0d1eb8;border:1px solid rgba(255,255,255,.14);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.asg-zoom button:hover:not(:disabled){background:#1e1c38e6;border-color:var(--brand)}.asg-zoom .asg-cam{margin-bottom:4px;color:var(--text-dim)}.asg-zoom .asg-cam.is-free{color:#04150f;background:var(--brand-2);border-color:transparent}.asg-zoom .asg-cam.is-free:hover{background:#2cbb93;border-color:transparent}.asg-status{text-align:center;font-weight:600;font-size:.92rem;padding:9px 18px;border-radius:999px;background:#0e0d1ec7;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.asg-status.is-you{background:var(--brand-2);color:#04150f;border-color:transparent}.asg-center .asg-status{background:var(--bg-elev-2);border-color:var(--border)}.asg-controls{display:flex;gap:10px}.asg-primary{padding:12px 26px;border-radius:999px;font-weight:700}.asg-draft-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.asg-draft-actions .btn-ghost{padding:12px 22px;border-radius:999px;font-weight:700}.asg-toggle{padding:11px 18px;border-radius:999px;font-weight:700;background:#0e0d1ecc;border:1px solid var(--border-strong);color:var(--text)}.asg-toggle.is-on{background:#e0a63a;border-color:transparent;color:#241801}.asg-mode{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0d1ed1}.asg-undo{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;font-weight:700;font-size:.86rem;background:#0e0d1ed1;border:1px solid var(--border-strong);color:var(--text-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.asg-undo:hover:not(:disabled){color:var(--text);border-color:var(--danger);background:#281018d9}.asg-info{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:18px;background:#06050e9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:asg-fade .16s var(--ease)}@keyframes asg-fade{0%{opacity:0}}.asg-info-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev);box-shadow:0 20px 50px #00000080}.asg-info-head{display:flex;align-items:center;gap:11px}.asg-info-card p{margin:0;font-size:.88rem;color:var(--text-dim);line-height:1.55}.asg-info-card .btn-ghost{align-self:flex-end}.asg-setup{display:flex;flex-direction:column;gap:20px;width:100%;max-width:420px}.asg-setup-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.asg-setup-label{display:flex;flex-direction:column;gap:2px;font-weight:600;font-size:.95rem}.asg-setup-label small{font-weight:400;font-size:.75rem;color:var(--text-faint);max-width:180px}.asg-setup-row.is-stacked{flex-direction:column;align-items:stretch;gap:10px}.asg-modes{display:flex;flex-direction:column;gap:8px}.asg-mode-card{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);transition:border-color .16s var(--ease),background .16s var(--ease)}.asg-mode-card:hover{border-color:var(--brand);background:var(--bg-elev-3)}.asg-mode-card.is-selected{border-color:var(--brand);background:var(--brand-soft)}.asg-mode-card strong{font-size:.95rem}.asg-mode-card .muted{font-size:.76rem;line-height:1.4}.asg-god-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;width:100%;max-width:780px}.asg-god-grid.is-offer{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:560px}.asg-god{display:flex;flex-direction:column;gap:8px;text-align:left;padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);transition:border-color .16s var(--ease),transform .16s var(--ease),background .16s var(--ease)}button.asg-god:hover{transform:translateY(-2px);border-color:var(--brand);background:var(--bg-elev-3)}.asg-god.is-selected{border-color:var(--brand);background:var(--brand-soft)}.asg-god.is-selected .asg-god-sigil{color:var(--brand);border-color:var(--brand)}.asg-god.is-dim{opacity:.6}.asg-god.is-locked{opacity:.42;cursor:not-allowed;filter:grayscale(.7)}button.asg-god.is-locked:hover{transform:none;border-color:var(--border);background:var(--bg-elev-2)}.asg-god-when.is-locked{color:var(--danger);background:#ff6b811f}.asg-god-head{display:flex;align-items:center;gap:10px}.asg-god-sigil{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;color:var(--brand-2);border:1px solid var(--border-strong);background:#35d0a512;transition:color .16s var(--ease),border-color .16s var(--ease)}.asg-god-name{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}.asg-god-name strong{font-size:1rem}.asg-god-title{font-size:.72rem;color:var(--text-faint)}.asg-god-when{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-2);background:#35d0a51f;border-radius:999px;padding:2px 7px;flex-shrink:0;align-self:flex-start}.asg-god-power{font-size:.78rem;color:var(--text-dim);line-height:1.45}.asg-spinner{width:26px;height:26px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--brand);animation:asg-spin .8s linear infinite}@keyframes asg-spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.asg-stage{height:clamp(360px,62vh,620px)}.asg-chip-text .muted{display:none}.asg-setup-row{flex-direction:column;align-items:stretch;gap:8px}.asg-setup-label small{max-width:none}}.noir{--noir-blood: #c0303f;--noir-elite: #3d5a8a;--noir-elite-2: #22355c;--noir-plain: #6b4c33;--noir-plain-2: #3d2b1c;display:flex;flex-direction:column;gap:12px;animation:rise .35s ease both}.noir-setup,.noir-wait{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.noir-setup-logo{width:72px;height:72px}.noir-setup h2{font-size:1.25rem}.noir-setup p{margin:0;font-size:.92rem}.noir-side-picks{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.noir-hud{display:flex;align-items:center;justify-content:space-between;gap:10px}.noir-role{display:flex;align-items:baseline;gap:8px;min-width:0}.noir-role-tag{font-size:.68rem;font-weight:800;letter-spacing:.12em;padding:3px 8px;border-radius:999px;border:1px solid var(--border-strong)}.noir-role-katil .noir-role-tag{color:#ff9aa6;border-color:#c0303f8c;background:#c0303f24}.noir-role-dedektif .noir-role-tag{color:#9fc0f0;border-color:#3d5a8a99;background:#3d5a8a2e}.noir-role-name{font-size:.86rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noir-counters{display:flex;align-items:center;gap:8px}.noir-counter{display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-dim)}.noir-dot{width:9px;height:9px;border-radius:3px}.noir-dot-elite{background:var(--noir-elite)}.noir-dot-corpse{background:var(--noir-blood)}.noir-help{width:26px;height:26px;padding:0;border-radius:50%;background:transparent;border:1px solid var(--border-strong);color:var(--text-dim);font-size:.8rem;line-height:1}.noir-rules{padding:14px 16px;font-size:.86rem}.noir-rules p{margin:0 0 8px}.noir-rules p:last-child{margin-bottom:0}.noir-status{margin:0;text-align:center;font-size:.9rem;color:var(--text-dim);min-height:1.3em}.noir-flash,.noir-cheat{text-align:center;font-size:.84rem;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev-2)}.noir-cheat{font-weight:800;letter-spacing:.04em;color:#ffc9cf;border-color:#c0303f99;background:#c0303f2e}.noir-modes{display:flex;gap:8px;justify-content:center}.noir-modes button{padding:9px 20px;font-size:.88rem}.noir-board{display:grid;grid-template-columns:20px repeat(5,1fr) 20px;gap:4px;align-items:center;justify-items:center}@media (min-width: 700px){.noir-board{gap:7px;grid-template-columns:26px repeat(5,1fr) 26px;max-width:620px;margin:0 auto;width:100%}}.noir-corner{width:100%;height:100%}.noir-arrow{width:100%;aspect-ratio:1;max-width:26px;padding:0;display:grid;place-items:center;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--text-faint);opacity:0;transition:opacity .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}.noir-board[data-shift=true] .noir-arrow{opacity:1;color:var(--brand);border-color:var(--border);background:var(--bg-elev-2)}.noir-arrow:hover:not(:disabled){background:var(--brand-soft)}.noir-arrow:disabled{opacity:0;cursor:default}.noir-arrow svg{width:14px;height:14px}.noir-arrow-down svg{transform:rotate(180deg)}.noir-arrow-left svg{transform:rotate(-90deg)}.noir-arrow-right svg{transform:rotate(90deg)}.noir-card{position:relative;width:100%;aspect-ratio:100 / 128;padding:0;overflow:hidden;border-radius:8px;border:1px solid rgba(0,0,0,.5);background:linear-gradient(160deg,var(--noir-plain),var(--noir-plain-2));box-shadow:inset 0 -18px 26px #0000006b,0 2px 6px #0006;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .2s var(--ease);cursor:default}.noir-card.is-elite{background:linear-gradient(160deg,var(--noir-elite),var(--noir-elite-2))}.noir-card:disabled{opacity:1;cursor:default}.noir-portrait{display:block;width:100%;height:100%}.noir-card-name{position:absolute;inset:auto 0 0 0;padding:2px 3px 3px;font-size:clamp(7px,1.6vw,10px);font-weight:700;letter-spacing:.02em;line-height:1.1;color:#ffffffd1;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noir-dead-mark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.9}.noir-card.is-dead{filter:grayscale(1) brightness(.45)}.noir-card.is-dead .noir-dead-mark{filter:grayscale(0) brightness(2.4)}.noir-me-pin{position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 0 2px #00000080,0 0 10px var(--brand-2)}.noir-card.is-mine{border-color:var(--brand-2)}.noir-card.is-suspect:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;border:2px solid rgba(255,207,77,.85);box-shadow:inset 0 0 14px #ffcf4d47;pointer-events:none}.noir-card.is-target{cursor:pointer;filter:brightness(1.12)}.noir-card.is-target:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 22px #0000008c,0 0 0 2px var(--noir-blood);z-index:2}.noir-card.is-pickable{cursor:pointer}.noir-card.is-pickable:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 22px #0000008c,0 0 0 2px var(--brand);z-index:2}.noir-card.is-confirm{box-shadow:0 0 0 3px var(--noir-blood),0 8px 22px #0009;z-index:2}.noir-confirm{padding:16px;text-align:center}.noir-confirm p{margin:0 0 6px;font-size:.92rem}.noir-confirm-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.noir-confirm-actions button:first-child{background:var(--noir-blood)}.noir-confirm-actions button:first-child:hover{background:#a52736}.noir-chain{border-top:1px solid var(--border);padding-top:10px}.noir-chain-label{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px}.noir-chain-list{display:flex;flex-wrap:wrap;gap:6px;font-size:.82rem;color:var(--text-dim)}.noir-chain-item{display:inline-flex;align-items:center;gap:6px}.noir-chain-arrow{color:var(--text-faint)}.senet{--senet-gold: #c9a227;--senet-red: #b23a48;display:flex;flex-direction:column;gap:12px;animation:rise .35s ease both}.senet-dealing{align-items:center;text-align:center;padding:40px 12px;gap:10px}.senet-deal-logo{width:76px;height:76px;animation:senet-pulse 1.6s ease-in-out infinite}@keyframes senet-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.senet-deal-note{margin:0;max-width:42ch;font-size:.8rem;color:var(--text-faint);line-height:1.5}.senet-hud{display:flex;align-items:center;justify-content:space-between}.senet-opp{display:flex;align-items:baseline;gap:7px;font-size:.85rem}.senet-opp-count{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--senet-gold)}.senet-hud-right{display:flex;align-items:center;gap:10px}.senet-discard{font-size:.78rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.senet-help{width:26px;height:26px;padding:0;border-radius:50%;background:transparent;border:1px solid var(--border-strong);color:var(--text-dim);font-size:.8rem;line-height:1}.senet-rules{padding:14px 16px;font-size:.86rem}.senet-rules p{margin:0 0 8px}.senet-rules p:last-child{margin-bottom:0}.senet-flash,.senet-cheat{text-align:center;font-size:.84rem;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev-2)}.senet-cheat{font-weight:800;letter-spacing:.04em;color:#ffc9cf;border-color:#b23a48a6;background:#b23a4833}.senet-card{padding:0;border:none;background:none;border-radius:6px;line-height:0;flex:0 0 auto;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}.senet-face{display:block;width:100%;height:auto;border-radius:6px;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5))}.senet-opp-hand{display:flex;justify-content:center;min-height:34px}.senet-card-back{width:clamp(26px,6.5vw,34px)}.senet-card-back+.senet-card-back{margin-left:clamp(-16px,-4vw,-10px)}.senet-card-back .senet-face{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.senet-table{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:150px;justify-content:center;padding:16px 12px;border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(120% 90% at 50% 0%,rgba(201,162,39,.07),transparent 70%),var(--bg-elev)}.senet-table-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.senet-table-empty{letter-spacing:.04em;text-transform:none;font-size:.86rem}.senet-play{display:flex;gap:4px}.senet-card-table{width:clamp(42px,11vw,56px)}.senet-table-value{font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:700;color:var(--senet-gold);font-variant-numeric:tabular-nums;line-height:1}.senet-give{padding:14px 16px;text-align:center;border-color:#b23a4880}.senet-give p{margin:0 0 12px;font-size:.88rem}.senet-give-cards{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.senet-card-give{width:clamp(46px,12vw,58px);cursor:pointer}.senet-card-give:hover{transform:translateY(-5px)}.senet-card-give:hover .senet-face{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}.senet-status{margin:0;text-align:center;font-size:.9rem;color:var(--text-dim);min-height:1.3em}.senet-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:6px 0 10px}.senet-card-hand{width:clamp(44px,12vw,62px);cursor:default}.senet-hand[data-active=true] .senet-card-hand{cursor:pointer}.senet-hand[data-active=true] .senet-card-hand:hover{transform:translateY(-6px)}.senet-card-hand:disabled{opacity:1}.senet-card-hand.is-picked{transform:translateY(-12px)}.senet-card-hand.is-picked .senet-face{filter:drop-shadow(0 0 0 2px var(--senet-gold)) drop-shadow(0 8px 16px rgba(201,162,39,.35))}.senet-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--border)}.senet-selection{display:flex;align-items:baseline;gap:8px;min-height:34px;font-size:.82rem}.senet-selection-value{font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:700;color:var(--senet-gold);font-variant-numeric:tabular-nums;line-height:1}.senet-buttons{display:flex;gap:8px}.senet-buttons button{padding:11px 24px}.senet-buttons button:first-child{background:var(--senet-red)}.senet-buttons button:first-child:hover:not(:disabled){background:#9c2f3c}.flip-card{aspect-ratio:3 / 4;display:grid}.flip-face{grid-area:1 / 1;height:100%;display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.flip-front{position:relative;cursor:pointer;font:inherit;padding:0;transition:border-color .16s var(--ease),transform .16s var(--ease)}.flip-front:hover{border-color:var(--border-strong);transform:translateY(-3px)}.flip-front:active{transform:translateY(-1px) scale(.985)}.flip-logo-full{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:#0c0a18}.flip-glow{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:radial-gradient(circle at 30% 24%,var(--a1),transparent 55%),radial-gradient(circle at 76% 78%,var(--a2),transparent 55%);filter:blur(34px);opacity:.5;animation:glow-drift 14s ease-in-out infinite alternate}@keyframes glow-drift{to{transform:translate3d(6%,-5%,0) scale(1.12)}}.flip-logo-full svg{position:relative;z-index:1;width:62%;max-width:150px;height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.flip-peel{position:absolute;top:0;right:0;width:42px;height:42px;clip-path:polygon(100% 0,0 0,100% 100%);background:linear-gradient(225deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.14) 38%,var(--a2) 38%,var(--a1) 100%);box-shadow:-5px 5px 12px #00000080;border-top-right-radius:var(--radius);transition:width .28s var(--ease),height .28s var(--ease)}.flip-front:hover .flip-peel{width:60px;height:60px}.flip-front-label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:12px 14px;background:linear-gradient(transparent,#000000b3)}.flip-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:#fff}.gd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#06060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:gd-fade .22s ease both;perspective:1600px}@keyframes gd-fade{0%{opacity:0}}.gd-panel{position:relative;width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 30px 90px #0009;overflow:hidden;outline:none;animation:gd-flip .44s var(--ease) both;transform-origin:center}@keyframes gd-flip{0%{opacity:0;transform:rotateY(-88deg) scale(.72)}60%{opacity:1}to{opacity:1;transform:rotateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.gd-panel{animation:gd-fade .2s ease both}}.gd-close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%;background:#0a0a128c;border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gd-close:hover{background:#1e1c38e6;border-color:var(--border-strong)}.gd-head{display:flex;gap:14px;align-items:center;padding:18px 18px 14px;border-bottom:1px solid var(--border)}.gd-logo{position:relative;flex:0 0 auto;width:78px;height:78px;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:#0c0a18}.gd-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 24%,var(--a1),transparent 55%),radial-gradient(circle at 76% 78%,var(--a2),transparent 55%);filter:blur(22px);opacity:.55}.gd-logo svg{position:relative;z-index:1;width:66%;height:auto}.gd-title{min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.gd-title h2{font-size:1.35rem}.gd-badge{font-size:.68rem;color:var(--text-dim);border:1px solid var(--border);padding:3px 8px;border-radius:999px;white-space:nowrap}.gd-desc{margin:0;font-size:.84rem;color:var(--text-dim);line-height:1.4}.gd-body{flex:1;overflow-y:auto;padding:4px 18px 16px;-webkit-overflow-scrolling:touch}.gd-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.gd-step{display:flex;gap:14px;align-items:center;padding:16px 0}.gd-step+.gd-step{border-top:1px solid var(--border)}.gd-step-art{flex:0 0 auto;width:132px;display:block;border-radius:10px;background:var(--bg-elev-2);border:1px solid var(--border);padding:4px}.howto-art{display:block;width:100%;height:auto}.gd-step-text h3{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:.95rem}.gd-step-no{flex:0 0 auto;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font-size:.68rem;font-weight:800;color:#0b0a14;background:var(--a2, var(--brand-2))}.gd-step-text p{margin:0;font-size:.82rem;line-height:1.5;color:var(--text-dim)}.gd-foot{padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-elev)}.gd-play{width:100%;padding:13px 12px;font-size:.95rem}@media (max-width: 460px){.gd-step{flex-direction:column;align-items:stretch;gap:10px}.gd-step-art{width:100%}.gd-head{gap:12px}.gd-logo{width:62px;height:62px}.gd-title h2{font-size:1.15rem}}.namebadge{position:fixed;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.namebadge-chip{display:flex;align-items:center;gap:8px;padding:7px 11px;background:#131317b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.82rem;font-weight:600;max-width:46vw}.namebadge-chip:hover{border-color:var(--border-strong)}.namebadge-dot{width:9px;height:9px;border-radius:50%;flex:none}.namebadge-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.namebadge-pencil{color:var(--text-faint);flex:none}.namebadge-pop{display:flex;align-items:center;gap:6px;padding:8px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);animation:rise .18s ease both}.namebadge-pop input{width:150px;padding:9px 11px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:9px;color:var(--text);font:inherit;font-size:.88rem;outline:none}.namebadge-pop input:focus{border-color:var(--brand)}.namebadge-pop button[type=submit]{padding:9px 13px;font-size:.82rem;border-radius:9px}.namebadge-dice{display:grid;place-items:center;padding:9px;border-radius:9px;color:var(--text-dim)}.landing{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;background:radial-gradient(90% 30% at 50% 0%,rgba(124,108,255,.12),transparent 62%),linear-gradient(180deg,#13092c,#1a0a24,#0b1226,#06140f);background-attachment:local}.landing::-webkit-scrollbar{width:0;height:0;display:none}.landing-section{position:relative;min-height:100vh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:72px 22px;box-sizing:border-box;text-align:center}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.aurora-blob{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}.aurora-blob.b1{background:#6d5cff;top:-20%;left:-15%;animation:drift1 18s ease-in-out infinite}.aurora-blob.b2{background:#35d0a5;bottom:-25%;right:-15%;animation:drift2 22s ease-in-out infinite}.aurora-blob.b3{background:#ff5c9d;top:30%;right:10%;width:40vmax;height:40vmax;opacity:.4;animation:drift3 26s ease-in-out infinite}@keyframes drift1{50%{transform:translate(18vw,12vh) scale(1.2)}}@keyframes drift2{50%{transform:translate(-16vw,-10vh) scale(1.15)}}@keyframes drift3{50%{transform:translate(-12vw,14vh) scale(.85)}}.hero-content{position:relative;z-index:1;margin-top:-7vh;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:460px}.brand{font-size:clamp(3.4rem,15vw,7rem);font-weight:800;letter-spacing:-.045em;line-height:.95;margin:0;background:linear-gradient(115deg,#b6a8ff,#6d5cff 42%,#35d0a5);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tag{margin:0;font-size:clamp(1rem,3.5vw,1.25rem);color:var(--text-dim)}.hero-actions{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap;justify-content:center}.hero-primary,.hero-secondary{padding:15px 28px;border-radius:999px;font-size:1.02rem;font-weight:700}.hero-primary{background:linear-gradient(120deg,#7c6cff,#6a58f0);color:#fff;border:none;box-shadow:0 10px 30px #7c6cff4d}.hero-primary:hover:not(:disabled){background:linear-gradient(120deg,#8a7bff,#7565f5)}.hero-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-secondary.is-active{border-color:var(--brand);background:var(--brand-soft)}.hero-primary.is-active{filter:brightness(1.08);box-shadow:0 4px 14px #7c6cff59,0 0 0 2px #ffffff24 inset}.join-reveal{width:100%;max-width:340px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s var(--ease),opacity .28s var(--ease),margin-top .3s var(--ease)}.join-reveal.is-open{max-height:76px;opacity:1;margin-top:14px}.join-inner{display:flex;gap:8px}.join-inner input{text-align:center;text-transform:uppercase;letter-spacing:5px;font-weight:700;background:#ffffff0f;border-color:#ffffff29}.join-inner button{flex-shrink:0;border-radius:var(--radius-sm)}.hero-offline{margin-top:clamp(24px,5vh,40px);width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px}.hero-offline-label{font-size:.64rem;letter-spacing:2.6px;text-transform:uppercase;position:relative;display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.hero-offline-label:before,.hero-offline-label:after{content:"";flex:1;height:1px;background:var(--border)}.hero-offline-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.hero-offline-btn{display:flex;align-items:center;gap:10px;padding:11px 12px;text-align:left;background:#13131799;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}.hero-offline-btn:hover{background:var(--bg-elev-2);border-color:var(--border-strong);transform:translateY(-1px)}.hero-offline-btn svg{color:var(--brand);flex:none}.hero-offline-btn>span{display:flex;flex-direction:column;gap:1px;min-width:0}.hero-offline-btn strong{font-size:.85rem;white-space:nowrap}.hero-offline-btn .muted{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-warn{margin:10px 0 0;font-size:.82rem;color:var(--text-dim)}.hero-warn code{font-size:.9em}.landing-dots{position:fixed;right:clamp(12px,2.5vw,26px);top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:14px;align-items:flex-end}.landing-dot{position:relative;width:11px;height:11px;padding:0;border-radius:999px;background:#ffffff38;border:none;transition:background .25s var(--ease),height .25s var(--ease),width .25s var(--ease)}.landing-dot:hover{background:#ffffff73}.landing-dot.is-active{background:var(--brand);height:28px}.landing-dot-label{position:absolute;right:20px;top:50%;transform:translateY(-50%) translate(6px);white-space:nowrap;font-size:.78rem;font-weight:600;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);padding:4px 10px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}.landing-dot:hover .landing-dot-label{opacity:1;transform:translateY(-50%) translate(0)}@media (max-width: 560px){.landing-dot-label{display:none}}.section-title{font-size:clamp(1.8rem,6vw,2.6rem);margin:0}.section-sub{margin:0 0 8px;font-size:.95rem}.games-section{gap:14px;background:radial-gradient(90% 60% at 50% 30%,rgba(53,208,165,.13),transparent 65%)}.rooms-section{gap:12px;background:radial-gradient(90% 60% at 50% 28%,rgba(255,92,157,.11),transparent 65%)}.games-carousel{position:relative;width:100%;max-width:440px;margin:0 auto}.games-row{display:flex;gap:16px;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding:14px 0 18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.games-row::-webkit-scrollbar{display:none}.games-row:before,.games-row:after{content:"";flex:0 0 max(0px,calc((100% - min(240px,68vw))/2))}.games-slide{flex:0 0 auto;width:min(240px,68vw);scroll-snap-align:center;scroll-snap-stop:always;transition:transform .25s var(--ease),opacity .25s var(--ease);transform:scale(.86);opacity:.5}.games-slide.is-active{transform:scale(1);opacity:1}.games-slide .flip-card{width:100%}.carousel-arrow{position:absolute;top:calc(50% - 22px);z-index:5;width:44px;height:44px;padding:0;border-radius:50%;font-size:1.6rem;line-height:1;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text);display:grid;place-items:center;box-shadow:0 6px 18px #00000059}.carousel-arrow.left{left:-6px}.carousel-arrow.right{right:-6px}.carousel-arrow:hover:not(:disabled){background:var(--bg-elev-2);border-color:var(--brand)}.carousel-arrow:disabled{opacity:.3}@media (hover: none){.carousel-arrow{display:none}}.games-cta{margin-top:4px}.quick-match{display:inline-flex;align-items:center;gap:8px;margin:4px 0 6px}.rooms-list{width:100%;max-width:440px;display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow-y:auto;padding:2px;scrollbar-width:none;-ms-overflow-style:none}.rooms-list::-webkit-scrollbar{display:none}.rooms-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px 12px;font-size:.92rem}.rooms-empty-icon{color:var(--text-faint);opacity:.7}.room-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)}.room-card:hover{transform:translateY(-2px);border-color:var(--brand);background:#ffffff14}.room-card:active{transform:translateY(0) scale(.99)}.room-card-main{display:flex;flex-direction:column;gap:2px;min-width:0}.room-card-name{font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-game{font-size:.8rem}.room-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.room-card-players{font-size:.82rem;font-weight:700;color:var(--brand-2)}.room-card-code{font-size:.74rem;font-weight:700;letter-spacing:2px;color:var(--text-dim);background:#00000040;padding:2px 8px;border-radius:999px}.hero-steps{position:relative;list-style:none;margin:clamp(52px,10vh,96px) 0 0;padding:0;width:100%;max-width:400px;display:flex;z-index:1;--step-cycle: 6.4s;--step-stagger: .9s}.hero-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;flex:1}.hero-step:before,.hero-step:after{content:"";position:absolute;top:16px;left:calc(-50% + 21px);right:calc(50% + 21px);height:2px;border-radius:999px}.hero-step:before{background:#ffffff24}.hero-step:after{background:linear-gradient(90deg,#1fae86,#4fe0bb);transform:scaleX(0);transform-origin:left center;animation:rail-fill var(--step-cycle) linear infinite;animation-delay:calc(var(--i) * var(--step-stagger) - .45s)}.hero-step:first-child:before,.hero-step:first-child:after{display:none}@keyframes rail-fill{0%{transform:scaleX(0)}7%,50%{transform:scaleX(1)}57%,to{transform:scaleX(0)}}.hero-step-no{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#0e0c1f;border:1px solid rgba(255,255,255,.22);z-index:1}.hero-step-water{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,#4fe0bb,#1fae86);animation:water-fill var(--step-cycle) linear infinite;animation-delay:calc(var(--i) * var(--step-stagger))}@keyframes water-fill{0%{height:0}14%,50%{height:100%}64%,to{height:0}}.hero-step-digit{position:relative;z-index:1;font-size:.84rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.hero-step-label{font-size:.78rem;font-weight:600;color:var(--text-dim);white-space:nowrap}@media (prefers-reduced-motion: reduce){.aurora-blob,.hero-step-water,.hero-step:after{animation:none}.hero-step-water{height:100%}.hero-step:after{transform:scaleX(1)}.landing{scroll-behavior:auto}}.mute-toggle{background:transparent;border:1px solid var(--border-strong);color:var(--text);width:38px;height:38px;padding:0;border-radius:10px;flex-shrink:0;display:grid;place-items:center;transition:color .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.mute-toggle:hover:not(:disabled){background:var(--bg-elev-2);border-color:var(--brand)}.mute-toggle.is-muted{color:var(--text-faint)}.lobby{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:620px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(20px,5vw,40px) 20px calc(28px + env(safe-area-inset-bottom));box-sizing:border-box;animation:rise .3s ease both}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.lobby-back,.lobby-share{padding:10px 14px;font-size:.88rem;min-width:76px}.lobby-share{text-align:center}.lobby-code{text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:3px;-webkit-user-select:none;user-select:none;padding:4px 10px;border-radius:var(--radius-sm);transition:background .15s ease}.lobby-code:hover{background:var(--bg-elev)}.lobby-code-label{font-size:.62rem;letter-spacing:2.5px;color:var(--text-faint)}.lobby-code-value{font-size:clamp(1.6rem,6vw,2rem);font-weight:800;letter-spacing:8px;padding-left:8px;font-variant-numeric:tabular-nums}.lobby-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(32px,8vw,56px) 24px}.lobby-state p{margin:0;max-width:32ch}.lobby-menu{display:flex;flex-direction:column;gap:var(--gap)}.lobby-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.lobby-section-head h2{font-size:1.1rem}.lobby-count{font-size:.85rem}.lobby-hint{font-size:.85rem;margin:12px 0 0}.lobby-avatars{display:flex;flex-wrap:wrap;gap:12px}.lobby-avatar{display:inline-flex;align-items:center;gap:9px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;padding:5px 14px 5px 5px}.lobby-avatars.is-compact{gap:6px}.lobby-avatars.is-compact .lobby-avatar{padding:0;background:transparent;border:none}.lobby-avatar-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:700;color:#10121a;flex-shrink:0}.lobby-avatar-name{font-size:.9rem;font-weight:600}.lobby-settings{padding:0;overflow:hidden}.lobby-settings-toggle{width:100%;background:transparent;color:var(--text);border:none;border-radius:0;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-weight:600;font-size:.95rem}.lobby-settings-toggle:hover:not(:disabled){background:var(--bg-elev-2)}.lobby-settings-label{display:inline-flex;align-items:center;gap:10px}.lobby-settings-chevron{color:var(--text-dim);flex-shrink:0}.lobby-settings-body{display:flex;flex-direction:column;gap:20px;padding:4px 20px 20px;border-top:1px solid var(--border)}.lobby-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.lobby-setting-label{display:flex;flex-direction:column;gap:2px}.lobby-setting-label strong{font-size:.95rem}.lobby-setting-label .muted{font-size:.8rem}.segmented{display:inline-flex;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px}.segmented button{background:transparent;color:var(--text-dim);border:none;border-radius:7px;padding:7px 15px;font-size:.86rem;font-weight:600}.segmented button.is-active{background:var(--brand);color:#fff}.segmented button:disabled{opacity:.55}.stepper{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:3px}.stepper button{width:34px;height:34px;padding:0;background:transparent;color:var(--text);font-size:1.2rem;border-radius:7px}.stepper button:hover:not(:disabled){background:var(--bg-elev-3)}.stepper span{min-width:24px;text-align:center;font-weight:700}.lobby-fixed-count{font-weight:700;font-size:1.05rem;padding:0 8px}.lobby-game-list{display:flex;flex-direction:column;gap:8px}.lobby-game-row{display:flex;align-items:center;gap:14px;text-align:left;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);transition:border-color .16s var(--ease),background .16s var(--ease)}.lobby-game-row:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-elev-2)}.lobby-game-row.is-selected{border-color:var(--brand);background:var(--brand-soft)}.lobby-game-row:disabled{opacity:.55;cursor:default}.lobby-game-logo{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--bg-elev-2);border:1px solid var(--border)}.lobby-game-logo svg{width:68%;height:auto}.lobby-game-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.lobby-game-meta strong{font-size:.98rem}.lobby-game-meta .muted{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-game-badge{flex-shrink:0;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--brand);color:#fff}.lobby-game-check{flex-shrink:0;color:var(--brand);font-weight:800}.lobby-waiting-banner{display:flex;align-items:center;gap:12px;background:var(--brand-soft);border:1px solid var(--brand);border-radius:var(--radius-sm);padding:12px 15px;margin-bottom:14px;font-size:.9rem}.lobby-spinner-sm{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--brand);animation:lobby-spin .85s linear infinite;flex-shrink:0}@keyframes lobby-spin{to{transform:rotate(360deg)}}.lobby-play{position:relative;display:flex;flex-direction:column;gap:18px}.lobby-play-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border)}.lobby-menu-btn{padding:8px 12px;font-size:.82rem;flex-shrink:0}.lobby-menu-spacer{width:64px}.lobby-game-name{font-weight:700;flex:1;text-align:center;font-size:.98rem}.lobby-play-head-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.lobby-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#06060a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:rise .2s ease both}.lobby-modal-card{width:100%;max-width:340px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 20px 60px #00000080;padding:22px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.lobby-modal-card p{margin:0}.lobby-modal-actions{display:flex;gap:10px;width:100%}.lobby-modal-actions button{flex:1}.lobby-danger-btn{background:var(--danger)}.lobby-danger-btn:hover:not(:disabled){background:#ff5573}.lobby-result{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:clamp(40px,12vw,90px) 20px}.lobby-result-icon{display:grid;place-items:center;animation:rise .4s var(--ease) both}.lobby-result-icon.is-win{color:#ffd25e;filter:drop-shadow(0 6px 18px rgba(255,210,94,.28))}.lobby-result-icon.is-leave{color:var(--danger);filter:drop-shadow(0 6px 18px rgba(255,107,129,.24))}.lobby-result .btn-block{max-width:280px;margin-top:10px}@media (min-width: 720px){.lobby{max-width:680px}.lobby-menu{display:grid;grid-template-columns:1fr 1fr;align-items:start}.lobby-games{grid-column:1 / -1}}.hotseat{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:620px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(20px,5vw,40px) 20px calc(28px + env(safe-area-inset-bottom));box-sizing:border-box}.hotseat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hotseat-exit{padding:10px 14px;font-size:.88rem}.hotseat-title{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.hotseat-game{font-size:.62rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-faint)}.hotseat-turn{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotseat-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 3px #ffffff0f}.hotseat-stage{flex:1;min-height:0}.hotseat-seat[hidden]{display:none}.hotseat-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#060609f0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:hotseat-drop .28s var(--ease) both}@keyframes hotseat-drop{0%{opacity:0;transform:translateY(-14px)}}.hotseat-curtain-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:340px;width:100%}.hotseat-curtain-icon{color:var(--text-faint);margin-bottom:4px}.hotseat-curtain-label{font-size:.66rem;letter-spacing:3px;text-transform:uppercase}.hotseat-curtain-card h2{margin:0;font-size:clamp(1.7rem,7vw,2.2rem);font-weight:800}.hotseat-curtain-card .btn-block{margin-top:14px;width:100%}@media (prefers-reduced-motion: reduce){.hotseat-curtain{animation:none}}.local{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:620px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(20px,5vw,40px) 20px calc(28px + env(safe-area-inset-bottom));box-sizing:border-box;animation:rise .3s ease both}.local-head{display:flex}.local-back{padding:10px 14px;font-size:.88rem}.local-intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.local-intro-icon{color:var(--brand)}.local-intro h1{margin:2px 0 0;font-size:clamp(1.5rem,6vw,1.9rem)}.local-intro p{margin:0;max-width:46ch;font-size:.9rem;line-height:1.5}.local-step-title{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:.95rem}.local-step-no{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:.75rem;font-weight:800;flex:none}.local-games{display:flex;flex-direction:column;gap:8px}.local-game{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color .16s var(--ease),background .16s var(--ease)}.local-game:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}.local-game.is-selected{border-color:var(--brand);background:var(--brand-soft)}.local-game-logo{display:grid;place-items:center;width:38px;height:38px;flex:none}.local-game-logo svg{width:100%;height:100%}.local-game-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.local-game-meta .muted{font-size:.78rem}.local-game-check{color:var(--brand);font-weight:800;flex:none}.local-names{display:flex;flex-direction:column;gap:8px}.local-name{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm)}.local-name:focus-within{border-color:var(--brand)}.local-name-dot{width:10px;height:10px;border-radius:50%;flex:none}.local-name input{flex:1;min-width:0;padding:10px 0;background:none;border:none;outline:none;color:var(--text);font:inherit;font-weight:600}.local-start{margin-top:auto}:root{--bg: #0a0a0d;--bg-elev: #131317;--bg-elev-2: #1c1c22;--bg-elev-3: #26262e;--text: #f4f4f6;--text-dim: #9a9aa3;--text-faint: #63636d;--brand: #7c6cff;--brand-press: #6a58f0;--brand-soft: rgba(124, 108, 255, .14);--brand-2: #35d0a5;--danger: #ff6b81;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--radius: 16px;--radius-sm: 11px;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--gap: clamp(14px, 3vw, 22px);--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.2, .8, .2, 1);color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;min-height:100%}.app{flex:1;width:100%;max-width:460px;margin:0 auto;padding:clamp(20px,5vw,40px) 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column}@media (min-width: 700px){.app{max-width:700px;padding-inline:28px}}@media (min-width: 1080px){.app{max-width:1060px;padding-inline:40px}}h1,h2,h3{margin:0;line-height:1.1;letter-spacing:-.02em;font-weight:700}a{color:var(--brand)}.muted{color:var(--text-dim)}code{font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:.88em;background:var(--bg-elev-2);border:1px solid var(--border);padding:1px 6px;border-radius:6px}button{font:inherit;font-weight:600;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);padding:13px 18px;color:#fff;background:var(--brand);transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}button:hover:not(:disabled){background:var(--brand-press)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--bg-elev-2);border-color:var(--border-strong)}.btn-block{width:100%}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px #0000002e;padding:clamp(18px,4vw,26px)}input{font:inherit;width:100%;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--text-faint)}input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button:focus:not(:focus-visible){outline:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .35s ease both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}