:root{--bg-0: #05100b;--bg-1: #0a1b13;--surface: #0e2419;--surface-2: #123021;--line: rgba(150, 230, 180, .13);--line-strong: rgba(150, 230, 180, .26);--ink: #eaf7ee;--muted: #8fb8a0;--faint: #5e8770;--lime: #a8f04a;--emerald: #22c77e;--teal: #14b8a6;--grad: linear-gradient(135deg, #b6f65a 0%, #34d97e 48%, #12b981 100%);--grad-warm: linear-gradient(135deg, #ffd166 0%, #ff8a5b 55%, #ff6f61 100%);--coral: #ff7a59;--gold: #ffc24b;--r-mafia: #ff5a6e;--r-doctor: #34d399;--r-detective: #54c7ff;--r-civilian: #eac569;--r-maniac: #c084fc;--radius: 20px;--shadow: 0 12px 30px rgba(0, 0, 0, .45);--display: "Baloo 2", ui-rounded, "Segoe UI", system-ui, sans-serif;--body: "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--body);font-weight:600;background:radial-gradient(120% 80% at 12% -10%,rgba(168,240,74,.16),transparent 55%),radial-gradient(120% 90% at 112% 15%,rgba(20,184,166,.18),transparent 55%),radial-gradient(110% 70% at 50% 118%,rgba(255,122,89,.12),transparent 62%),linear-gradient(180deg,var(--bg-1),var(--bg-0));background-attachment:fixed;-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;padding:calc(12px + max(var(--ggwp-top-inset, 0px),env(safe-area-inset-top))) 16px calc(24px + max(var(--ggwp-bottom-inset, 0px),env(safe-area-inset-bottom)));min-height:100vh}.top{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 16px}.brand{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(52,217,126,.35));border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.brand:active{transform:scale(.96)}.brand .dot{color:var(--gold);-webkit-text-fill-color:var(--gold)}.me{color:var(--muted);font-size:.85rem;font-weight:700;background:var(--surface);border:1px solid var(--line);padding:5px 12px;border-radius:999px}.top-right{display:flex;align-items:center;gap:8px}.rules-btn{background:var(--surface);border:1px solid var(--line);border-radius:999px;width:36px;height:36px;font-size:1.05rem;line-height:1;cursor:pointer;padding:0;display:grid;place-items:center}.rules-btn:active{transform:scale(.94)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;z-index:60;padding:20px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;max-width:420px;width:100%;box-shadow:var(--shadow)}.modal h3{margin:0 0 4px}.rules-list{margin:12px 0 18px;padding-left:18px;display:flex;flex-direction:column;gap:9px;line-height:1.42;color:var(--text, #eafff2)}.center{text-align:center;padding:48px 0;color:var(--muted)}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:16px}h2,h3{font-family:var(--display);margin:2px 0;letter-spacing:-.01em}h2{font-size:1.5rem;font-weight:800}h3{font-size:1.15rem;font-weight:700}.toast{position:sticky;top:8px;z-index:20;background:var(--grad-warm);color:#3a1400;padding:10px 14px;border-radius:14px;font-weight:800;font-size:.92rem;box-shadow:var(--shadow);animation:rise .25s ease both}.btn{font-family:var(--display);font-weight:700;font-size:1rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:14px;padding:13px 16px;cursor:pointer;box-shadow:0 4px #00000059;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}.btn:disabled{opacity:.5;box-shadow:none;cursor:default}.btn.primary{background:var(--grad);color:#06251a;border:none;box-shadow:0 5px #0c8a5b,0 12px 24px #22c77e4d}.btn.primary:active{transform:translateY(4px);box-shadow:0 1px #0c8a5b}.btn.big{padding:16px;font-size:1.1rem}.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted);box-shadow:none}.games{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,border-color .15s ease;animation:rise .5s ease both}.game-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad);opacity:.9}.games .game-card:nth-child(1){animation-delay:.04s}.games .game-card:nth-child(2){animation-delay:.1s}.games .game-card:nth-child(3){animation-delay:.16s}.games .game-card:nth-child(4){animation-delay:.22s}.games .game-card:nth-child(5){animation-delay:.28s}.game-card:active{transform:scale(.97)}.game-card:hover{border-color:var(--line-strong)}.game-emoji{font-size:1.6rem;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--grad-soft, rgba(168, 240, 74, .14));background-image:linear-gradient(135deg,#a8f04a33,#12b98129);border:1px solid var(--line);margin-bottom:6px}.game-title{font-family:var(--display);font-weight:800;font-size:1.1rem}.game-sub{color:var(--lime);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.game-desc{color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.35}.join{display:flex;gap:10px}.join input{flex:1;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:14px;color:var(--ink);font-family:var(--display);font-size:1.15rem;font-weight:800;letter-spacing:.22em;text-align:center;text-transform:uppercase}.join input::placeholder{color:var(--faint);letter-spacing:.12em}.code-block{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.code-block:before{content:"";position:absolute;inset:-40% -40% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(168,240,74,.18),transparent 70%)}.code-block .muted{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}.code{font-family:var(--display);font-weight:800;font-size:2.8rem;letter-spacing:.2em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-left:.2em}.code-block .btn.primary{background:var(--grad-warm);color:#3a1400;box-shadow:0 5px #b8502f,0 12px 24px #ff7a594d}.code-block .btn.primary:active{box-shadow:0 1px #b8502f}.players{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.players li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:700;display:flex;align-items:center;gap:8px}.players li.off{opacity:.4}.board.phase-night{--phase-glow: rgba(84, 199, 255, .14)}.board.phase-day{--phase-glow: rgba(255, 193, 75, .16)}.phase{font-family:var(--display);font-weight:800;font-size:1.7rem;text-align:center;padding:6px;filter:drop-shadow(0 2px 14px var(--phase-glow, transparent))}.role-card{border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:4px;align-items:center;background:var(--surface-2);border:1px solid var(--line-strong);position:relative;overflow:hidden}.role-card>span:first-child{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.role-card b{font-family:var(--display);font-size:1.5rem;font-weight:800}.role-card:after{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--role-color, var(--grad))}.role-mafia{--role-color: var(--r-mafia);box-shadow:inset 0 0 0 1px #ff5a6e66,0 0 30px #ff5a6e1f}.role-mafia b{color:var(--r-mafia)}.role-doctor{--role-color: var(--r-doctor)}.role-doctor b{color:var(--r-doctor)}.role-detective{--role-color: var(--r-detective)}.role-detective b{color:var(--r-detective)}.role-civilian{--role-color: var(--r-civilian)}.role-civilian b{color:var(--r-civilian)}.role-maniac{--role-color: var(--r-maniac)}.role-maniac b{color:var(--r-maniac)}.dead-tag{color:var(--r-mafia);font-weight:800;font-size:.8rem}.hint{color:var(--muted);text-align:center;font-size:.92rem;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pcell{font-family:var(--body);font-weight:700;font-size:.95rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 3px #0000004d;transition:transform .08s ease,box-shadow .08s ease,border-color .15s ease}.pcell.target{border-color:var(--lime);box-shadow:0 3px #0000004d,0 0 18px #a8f04a47}.pcell.target:active{transform:translateY(3px);box-shadow:0 0 12px #a8f04a47}.pcell.dead{opacity:.4;text-decoration:line-through;box-shadow:none}.pcell:disabled{cursor:default}.log{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-size:.82rem;font-weight:600;color:var(--muted);display:flex;flex-direction:column;gap:4px;max-height:190px;overflow-y:auto}.config{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:8px 4px}.config .opt{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.config .opt+.opt{border-top:1px solid var(--line)}.config .opt span{font-weight:700}.config .opt small{display:block;color:var(--faint);font-weight:600;font-size:.76rem}.switch{width:50px;height:30px;border-radius:999px;border:none;cursor:pointer;position:relative;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);transition:background .2s ease}.switch.on{background:var(--grad);box-shadow:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .18s ease}.switch.on:after{transform:translate(20px)}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0 6px}.hero-emoji{font-size:2.4rem;width:88px;height:88px;display:grid;place-items:center;border-radius:26px;background-image:linear-gradient(135deg,#a8f04a38,#12b9812e);border:1px solid var(--line-strong);box-shadow:var(--shadow);animation:rise .4s ease both}.hero-emoji.sm{font-size:1.5rem;width:54px;height:54px;border-radius:16px;box-shadow:none}.hero .hint{max-width:340px}.code-input{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:16px;color:var(--ink);font-family:var(--display);font-size:1.35rem;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}.code-input::placeholder{color:var(--faint);letter-spacing:.04em;font-size:.95rem}.btn.invite{background:var(--grad-warm);color:#3a1400;border:none;box-shadow:0 5px #b8502f,0 12px 24px #ff7a594d}.btn.invite:active{transform:translateY(4px);box-shadow:0 1px #b8502f}.lobby-title{display:flex;align-items:center;gap:14px}.lobby-title h2{margin:0}.code-mini{color:var(--muted);font-weight:700;font-size:.95rem}.code-mini b{font-family:var(--display);color:var(--lime);letter-spacing:.14em;font-size:1.05rem;cursor:pointer}.roster-head{color:var(--faint);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-top:2px}.pdot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald);flex:none}.players li{animation:rise .3s ease both}.players li.off .pdot{background:var(--faint);box-shadow:none}.bs-board{display:flex;flex-direction:column;gap:6px;align-items:center}.bs-title{font-family:var(--display);font-weight:800;font-size:1rem}.bs-grid{display:grid;grid-template-columns:18px repeat(10,1fr);gap:3px;width:100%;max-width:340px}.bs-lbl{font-size:.62rem;font-weight:800;color:var(--faint);display:grid;place-items:center;text-transform:uppercase}.cell{aspect-ratio:1;border-radius:5px;border:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.c-sea{background:#14829638;box-shadow:inset 0 0 0 1px #54c7ff24}.c-fog{cursor:pointer}.c-fog:not(:disabled):active{transform:scale(.88)}.c-fog:disabled{cursor:default}.c-ship{background:linear-gradient(135deg,#3ecf8e,#12b981);box-shadow:inset 0 0 0 1px #ffffff2e}.c-hit{background:radial-gradient(circle,#ff8a5b,#d6483b);box-shadow:0 0 8px #ff5a3c80}.c-sunk{background:#5b1a1a;box-shadow:inset 0 0 0 1px #ff5a3c66}.c-miss{position:relative;background:#14829638}.c-miss:after{content:"";position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:#bee1f08c}.tracks{display:flex;flex-direction:column;gap:8px}.track{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.track>span{font-size:.8rem;font-weight:800;color:var(--muted)}.track .slots{display:flex;gap:5px;margin-top:6px}.track .slots i{flex:1;height:12px;border-radius:4px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.track.reform .slots i.on{background:var(--emerald);box-shadow:0 0 8px #22c77e66}.track.decree .slots i.on{background:var(--r-mafia);box-shadow:0 0 8px #ff5a6e66}.ptile{font-family:var(--display);font-weight:800;font-size:.98rem;border:none;border-radius:14px;padding:16px;color:#06251a;box-shadow:0 4px #0000004d}.ptile.reform{background:linear-gradient(135deg,#8ce96b,#22c77e)}.ptile.decree{background:linear-gradient(135deg,#ff9a7b,#d6483b);color:#2a0a06}.ptile:active{transform:translateY(3px);box-shadow:0 1px #0000004d}.opt.col{flex-direction:column;align-items:stretch;gap:8px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{font-family:var(--body);font-weight:700;font-size:.9rem;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--muted);cursor:pointer}.choice.on{background:var(--grad);color:#06251a;border-color:transparent}.chess-head{text-align:center;color:var(--muted);font-weight:700;font-size:.9rem}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:440px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.csq{aspect-ratio:1;position:relative;display:grid;place-items:center;cursor:pointer}.csq.light{background:#d7ead0}.csq.dark{background:#4e8f68}.csq.sel{box-shadow:inset 0 0 0 3px var(--lime)}.csq.sugfrom{box-shadow:inset 0 0 0 4px #ffd23f}.csq.sugto:after{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;border-radius:50%;background:#ffd23fb3;pointer-events:none;z-index:1}.chess-learn{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:nowrap;height:48px;overflow:hidden}.chess-learn .hint{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chess-learn .btn{flex:none}.collapse{display:flex;flex-direction:column;gap:6px}.collapse-head{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;color:inherit;font:inherit;font-weight:700}.collapse-head .chev{opacity:.55}.btn.sm{padding:6px 12px;font-size:.85rem}.csq.last:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffc14b66}.csq.chk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,90,110,.75),transparent 68%)}.cpiece{position:relative;font-size:min(12vw,50px);line-height:1;-webkit-user-select:none;user-select:none}.cpiece.white{color:#fcfcf8;text-shadow:0 0 2px #000,0 1px 1.5px rgba(0,0,0,.85),.5px .5px 0 #000,-.5px -.5px 0 #000}.cpiece.black{color:#151515;text-shadow:0 0 1.5px rgba(255,255,255,.5)}.cdot{position:absolute;width:26%;height:26%;border-radius:50%;background:#0f190f66}.cdot.cap{width:84%;height:84%;background:transparent;border:3px solid rgba(15,25,15,.4);border-radius:50%}.promo{display:flex;justify-content:center}.promo-row{display:flex;gap:8px;background:var(--surface);padding:10px;border-radius:14px;border:1px solid var(--line-strong);box-shadow:var(--shadow)}.promo-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:6px 12px;cursor:pointer}.promo-btn .cpiece{font-size:30px;color:#131313;text-shadow:none}.mine{display:grid;gap:2px;background:#241a10;padding:4px;border-radius:10px;max-width:100%}.mcell{aspect-ratio:1;position:relative;background:#1b130b;border-radius:3px;min-width:0}.mcell.cand{background:#2a3a1e;outline:1px dashed rgba(168,240,74,.5);cursor:pointer}.tunnel{position:absolute;top:0;right:0;bottom:0;left:0}.tunnel .arm{position:absolute;background:#caa24e}.tunnel .arm.n{left:40%;width:20%;top:0;height:52%}.tunnel .arm.s{left:40%;width:20%;bottom:0;height:52%}.tunnel .arm.e{top:40%;height:20%;right:0;width:52%}.tunnel .arm.w{top:40%;height:20%;left:0;width:52%}.tunnel .hub{position:absolute;left:34%;top:34%;width:32%;height:32%;border-radius:50%;background:#e2b95a}.tunnel.dead .arm{background:#7a4a2e}.tunnel.dead .hub{background:#5a3320;border-radius:2px}.tunnel.start .hub{background:var(--lime)}.goalmark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:min(4.5vw,20px)}.gr-players{display:flex;flex-wrap:wrap;gap:6px}.gr-chip{font-size:.76rem;font-weight:700;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--ink)}.gr-chip:disabled{opacity:.65}.gr-hand{display:flex;gap:6px;overflow-x:auto;padding:4px 0}.gr-card{flex:none;width:54px;height:66px;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;display:grid;place-items:center;position:relative;cursor:pointer}.gr-card.sel{border-color:var(--lime);box-shadow:0 0 12px #a8f04a4d}.mini-tunnel{position:relative;width:42px;height:42px}.gr-ic{font-size:1.05rem}.croc-canvas{width:100%;aspect-ratio:4 / 3;background:#fff;border-radius:12px;border:1px solid var(--line-strong);box-shadow:var(--shadow);display:block}.croc-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--line-strong);cursor:pointer;padding:0}.swatch.on{border-color:var(--lime);box-shadow:0 0 8px #a8f04a66}.btn.ghost.on{color:var(--lime);border-color:var(--lime)}.croc-scores{display:flex;flex-wrap:wrap;gap:6px}.score-chip{font-size:.76rem;font-weight:700;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 10px}.score-chip.drawer{border-color:var(--gold)}.score-chip.ok{color:var(--emerald)}.croc-chat .correct{color:var(--emerald);font-weight:700}.dopp{display:flex;gap:2px;justify-content:center;min-height:40px;flex-wrap:wrap}.dback{width:26px;height:38px;border-radius:4px;background:linear-gradient(135deg,#1e6f4e,#0e3d2a);border:1px solid #0a2a1c}.dtable{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;min-height:74px;padding:8px;background:#0e2419;border:1px solid var(--line);border-radius:12px}.pair{position:relative;width:44px;height:64px}.pair .def{position:absolute;left:11px;top:13px}.dcard{width:44px;height:64px;border-radius:6px;background:#fbfbf5;border:1px solid #cfcfcf;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#141414;font-weight:800;padding:0;cursor:pointer}.dcard.red{color:#d0342c}.dcard .dr{font-size:1.05rem;line-height:1.1}.dcard .ds{font-size:1.15rem;line-height:1}.dcard:disabled{cursor:default}.dhand{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.e-top{display:flex;gap:12px;align-items:center;justify-content:center}.ecard{width:46px;height:66px;border-radius:8px;border:2px solid rgba(255,255,255,.28);display:grid;place-items:center;color:#fff;font-weight:800;padding:0;cursor:pointer;box-shadow:0 3px #00000052}.ecard:disabled{opacity:.5;box-shadow:none;cursor:default}.esym{font-size:1.45rem;text-shadow:0 1px 2px rgba(0,0,0,.55)}.khand{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.kcard{width:52px;height:72px;border-radius:8px;background:linear-gradient(160deg,#2a2f4a,#1c2036);border:1px solid rgba(120,255,180,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#eafff2;cursor:pointer;padding:0}.kcard.sm{width:40px;height:56px}.kcard:disabled{opacity:.6;cursor:default}.kg{font-size:1.5rem}.kcard.sm .kg{font-size:1.15rem}.kl{font-size:.6rem;opacity:.82}.kpanel{display:flex;flex-direction:column;gap:8px;align-items:center}.kpeek{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}.score-chip.dead{opacity:.45;text-decoration:line-through}.uno-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.uno-call{background:#ffcf33;color:#201800;border-color:transparent;font-weight:800;animation:pulse 1s ease-in-out infinite}.uno-catch{background:#ff5a4d;color:#fff;border-color:transparent;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.nope-banner{display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px;border:1px solid rgba(255,90,77,.5);border-radius:12px;background:#ff5a4d14}.nope-btn{background:#ff3b30;color:#fff;border-color:transparent;font-weight:800;font-size:1.1rem;animation:pulse .7s ease-in-out infinite}.nope-bar{width:100%;height:4px;border-radius:2px;background:#ff5a4d;transform-origin:left;animation:drain 4.5s linear forwards}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.tp-canvas{width:100%;aspect-ratio:4 / 3;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.15);display:block}.tp-canvas.view{pointer-events:none}.tp-prompt{font-size:1.15rem;font-weight:700;text-align:center;padding:12px;background:#ffffff12;border-radius:10px}.tp-reveal{display:flex;flex-direction:column;gap:12px}.tp-page{display:flex;flex-direction:column;gap:4px}.tp-by{font-size:.75rem;opacity:.7}.tp-text{font-size:1.1rem;padding:10px 12px;background:#ffffff12;border-radius:10px}.al-score{display:flex;gap:12px;justify-content:center;align-items:center;font-weight:700}.al-team{font-weight:800}.al-team.active{text-shadow:0 0 10px currentColor}.al-target{opacity:.55;font-size:.78rem;font-weight:500}.al-teams{display:flex;gap:10px;justify-content:center;font-size:.85rem;text-align:center}.al-teams>div{flex:1;padding:8px;background:#ffffff0d;border-radius:10px;line-height:1.5}.al-timer{font-size:2.4rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.al-timer.danger{color:#ff3b30;animation:pulse .6s ease-in-out infinite}.al-word{font-size:2rem;font-weight:800;text-align:center;padding:22px 16px;background:#fff;color:#141414;border-radius:16px}.al-actions{display:flex;gap:10px}.al-actions .btn{flex:1}.btn.big{font-size:1.15rem;padding:14px}.btn.skip{background:#3a3f52;color:#fff}.al-tally{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.8rem;justify-content:center}.al-tally .got{color:#22c77e}.al-tally .miss{color:#ff8a7a;opacity:.7}.chess-clocks{display:flex;gap:12px;justify-content:center}.chess-clk{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;padding:5px 14px;border-radius:9px;background:#ffffff12;border:1px solid transparent}.chess-clk.on{background:#2f7d4f;color:#fff;border-color:#4bbd7a}.chess-clk.low{color:#ff473b}.chess-clk.on.low{background:#7d2f2f;color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}