:root{--bg: #0b0f17;--surface: #141b28;--line: rgba(255, 255, 255, .07);--text: #e8edf5;--muted: #8b97ad;--accent: #4dd08a;--stars: #ffcf4d;--ton: #0098ea;--danger: #ff5a5f;--surface2: #101622;--deep: #080c12}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.app{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:12px 14px calc(14px + env(safe-area-inset-bottom))}.hero{font-family:"Press Start 2P",monospace;letter-spacing:.5px}.mono{font-family:Space Mono,monospace}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 16px;gap:10px}.logo{height:26px;width:auto}.chips{display:flex;gap:6px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 12px;font-family:Space Mono,monospace;font-weight:700;font-size:14px;color:var(--text);cursor:default}.chip .ic{font-size:13px}.chip-stars{border-color:#ffcf4d59;cursor:pointer}.chip-stars .ic{color:var(--stars)}.chip-stars .plus{color:var(--stars);margin-left:2px;font-weight:700}.chip-ton{border-color:#0098ea59}.chip-ton .ic{color:var(--ton)}.err{background:#ff5a5f1f;border:1px solid rgba(255,90,95,.4);color:#ffc9cb;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:10px;cursor:pointer}.screen{flex:1;display:flex;flex-direction:column}.center-col{align-items:center;justify-content:center;gap:12px;text-align:center}.scr-title{font-size:19px;font-weight:700;margin:6px 0 14px}.lobby{padding-top:4px}.stakes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stake{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 0;color:var(--text);font-family:Space Mono,monospace;font-size:22px;font-weight:700;cursor:pointer;transition:transform .06s ease,border-color .15s ease}.stake:hover{border-color:#4dd08a80}.stake:active{transform:scale(.97)}.stake:disabled{opacity:.5}.star{color:var(--stars)}.radar{width:180px;height:180px;border-radius:50%;border:1px solid rgba(77,208,138,.3);box-shadow:inset 0 0 40px #4dd08a26,0 0 30px #4dd08a1a;position:relative;display:grid;place-items:center}.radar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border-top:2px solid var(--accent);animation:spin 1.4s linear infinite}.radar-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.spinner-row{display:flex;justify-content:center;padding:24px 0}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}.btn-ghost{margin-top:8px;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:11px 26px;font-size:15px;cursor:pointer}.match{align-items:center}.vs{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.vs-side{flex:1;text-align:center}.vs-name{font-size:13px;margin-bottom:6px}.vs-score{font-size:22px}.vs-mid{color:var(--muted);font-weight:700;padding:0 10px}.board{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.canvas-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px #00000080;touch-action:none}.canvas{display:block}.dpad{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px}.dpad-mid{display:flex;gap:14px}.dbtn{width:76px;height:68px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:26px;cursor:pointer;transition:transform .06s ease,background .12s ease}.dbtn:active{background:#22304a;transform:scale(.94)}.result{gap:14px}.hero-win{font-family:"Press Start 2P",monospace;color:var(--stars);font-size:30px;text-shadow:0 0 20px rgba(255,207,77,.5)}.win-amount{color:var(--stars);font-size:34px}.win-sub{color:var(--muted);margin-top:-6px}.hero-lose{font-family:"Press Start 2P",monospace;color:var(--danger);font-size:26px;text-shadow:0 0 18px rgba(255,90,95,.4)}.new-balance{color:var(--muted);font-size:15px}.new-balance b{color:var(--text)}.cta{background:var(--accent);color:#06210f;border:none;border-radius:14px;padding:14px 40px;font-size:17px;font-weight:700;cursor:pointer;transition:transform .06s ease,filter .15s ease;margin-top:6px}.cta:active{transform:scale(.96)}.cta:hover{filter:brightness(1.05)}.row-between{display:flex;align-items:center;justify-content:space-between}.row-center{display:flex;align-items:center;justify-content:center}.gap{gap:10px;flex-wrap:wrap}.mini-btn{background:var(--surface);border:1px solid var(--line);color:var(--muted);width:38px;height:38px;border-radius:10px;font-size:18px;cursor:pointer}.rules-btn{background:var(--surface);border:1px solid var(--line);color:var(--muted);height:38px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.tlist{display:flex;flex-direction:column;gap:12px;margin:14px 0 18px}.tcard{text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--text);cursor:pointer;transition:transform .06s ease,border-color .15s ease;display:flex;flex-direction:column;gap:10px}.tcard:hover{border-color:#4dd08a80}.tcard:active{transform:scale(.99)}.tcard:disabled{opacity:.55}.tcard-top{display:flex;justify-content:space-between;align-items:center}.tcard-fee{font-family:Space Mono,monospace;font-weight:700;font-size:20px}.tcard-mid{display:flex;justify-content:space-between;align-items:baseline}.tcard-pool{font-size:15px}.tcard-pool b{font-family:Space Mono,monospace;font-size:18px}.tcard-cta{align-self:flex-end;color:var(--accent);font-weight:700;font-size:14px}.dev{opacity:.7;font-size:13px}.play-head{text-align:center;margin-bottom:8px}.play-score{color:var(--accent);font-size:26px;margin-top:4px}.extend-btn{margin-top:8px;background:var(--stars);color:#1a1205;border:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer}.extend-btn:disabled{opacity:.6}.extend-left{font-weight:400;opacity:.8}.tboard{align-items:stretch}.board-hero{text-align:center;margin-top:28px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;align-items:center}.lb{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.lb-row{display:grid;grid-template-columns:26px 34px 1fr auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px}.lb-row.me{border-color:#4dd08a8c;background:#4dd08a14}.lb-row.me.pinned{margin-top:6px}.lb-rank{font-size:15px;text-align:center;color:var(--muted);font-family:Space Mono,monospace}.lb-ava{width:34px;height:34px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted)}.lb-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-size:16px;font-weight:700}.lb-score.star,.lb-pod-score.star{color:var(--stars)}.bd-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px}.bd-row.me{border-color:#4dd08a8c;background:#4dd08a14}.bd-row .lb-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-wl{font-size:12px;font-weight:400}.lb-prize{font-size:15px;font-weight:700}.lb-screen{display:flex;flex-direction:column}.wallet-title+.lb-tabs{margin-top:2px}.lb-tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.lb-tabs::-webkit-scrollbar{display:none}.lb-tab{flex:none;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap;background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer}.lb-tab.active{color:#06210f;border-color:var(--accent);background:var(--accent)}.lb-podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:end;margin-bottom:22px}.lb-pod-slot{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 8px 12px}.lb-pod-slot.empty{background:transparent;border:none}.lb-pod-slot.p1{padding-top:22px;padding-bottom:16px;background:linear-gradient(180deg,rgba(255,207,77,.08),var(--surface));border-color:#ffcf4d47}.lb-pod-slot.me{border-color:#4dd08a8c}.lb-pod-ava{width:46px;height:46px;border-radius:50%;background:var(--surface2);border:2px solid var(--stars);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;font-size:16px}.lb-pod-slot.p1 .lb-pod-ava{width:54px;height:54px}.lb-pod-rank{font-family:Space Mono,monospace;font-weight:700;font-size:26px;color:var(--stars);line-height:1}.lb-pod-slot.p1 .lb-pod-rank{font-size:32px}.lb-pod-name{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-pod-score{font-size:15px;font-weight:700;color:var(--text)}.lb-empty{text-align:center;color:var(--muted);font-size:14px;line-height:1.5;margin-top:28px}.overlay2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#06090fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);border-bottom:none;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.sheet-title{font-size:18px;font-weight:700;margin-bottom:2px}.row-left{display:flex;align-items:center;gap:10px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.game-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 12px 16px;color:var(--text);cursor:pointer;transition:transform .06s ease,border-color .15s ease}.game-tile.hot{border-color:#ffcf4d59;background:linear-gradient(180deg,rgba(255,207,77,.06),var(--surface))}.hot-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;color:#1a1205;background:var(--stars);border-radius:999px;padding:2px 7px;letter-spacing:.3px}.game-tile:hover:not(.soon){border-color:#4dd08a80}.game-tile:active:not(.soon){transform:scale(.97)}.game-emoji{font-size:42px;line-height:1}.game-name{font-size:16px;font-weight:700}.game-note{font-size:12px;color:var(--accent)}.game-tile.soon{opacity:.45;cursor:default}.game-tile.soon .game-note{color:var(--muted)}.grid2048{width:min(calc(100vw - 28px),440px);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;background:#0f1420;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #00000080;touch-action:none;transition:transform .09s ease}.tile2048{display:grid;place-items:center;border-radius:10px;font-family:Space Mono,monospace;font-weight:700;color:#e8edf5;background:#ffffff0a;transition:background .1s ease}.tile2048.t2{background:#243049}.tile2048.t4{background:#2c3a57}.tile2048.t8{background:#356089}.tile2048.t16{background:#3f83c0}.tile2048.t32{background:#3fb0a0}.tile2048.t64{background:#4dd08a;color:#06210f}.tile2048.t128{background:#9ad04d;color:#0c1a06}.tile2048.t256{background:#d4c24d;color:#211d06}.tile2048.t512{background:#ffcf4d;color:#211d06}.tile2048.t1024{background:#ff9f4d;color:#2a1606}.tile2048.t2048{background:#ff5a5f;color:#fff;box-shadow:0 0 18px #ff5a5f99}.tile2048.t4096{background:#a24dff;color:#fff}.grid15{width:min(calc(100vw - 28px),440px);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;background:#0f1420;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #00000080}.tile15{display:grid;place-items:center;border:none;border-radius:10px;font-family:Space Mono,monospace;font-weight:700;font-size:28px;color:#e8edf5;background:#2c3a57;cursor:pointer;padding:0;transition:background .1s ease,transform .08s ease}.tile15:active{transform:scale(.94)}.tile15.blank{background:transparent;box-shadow:inset 0 0 0 2px #ffffff0d;cursor:default}.tile15.home{background:#2f7a4c;color:#eafff2}.tile15.moved{animation:tile15pop .18s ease}@keyframes tile15pop{0%{transform:scale(.85)}60%{transform:scale(1.06)}to{transform:scale(1)}}.ark-wrap{display:grid;place-items:center;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px #00000080;touch-action:none;cursor:pointer;background:#0b1020}.ark-wrap .canvas{display:block}.grid-mine{width:min(calc(100vw - 28px),400px);aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);gap:3px;padding:6px;background:#0f1420;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #00000080}.cell-mine{display:grid;place-items:center;border:none;border-radius:5px;padding:0;font-family:Space Mono,monospace;font-weight:700;font-size:clamp(12px,3.4vw,18px);background:#2c3a57;color:#e8edf5;cursor:pointer;box-shadow:inset 0 1px #ffffff0f;transition:background .08s ease}.cell-mine:active{transform:scale(.94)}.cell-mine.open{background:#161d2e;box-shadow:none;cursor:default}.cell-mine.mine{background:#b23a3f}.cell-mine.hint{animation:minehint 1.2s ease-in-out infinite}@keyframes minehint{0%,to{box-shadow:inset 0 0 0 2px #4dd08a40}50%{box-shadow:inset 0 0 0 2px #4dd08ad9}}.cell-mine .n1{color:#5aa9ff}.cell-mine .n2{color:#4dd08a}.cell-mine .n3{color:#ff6b6b}.cell-mine .n4{color:#a870ff}.cell-mine .n5{color:#ff9f4d}.cell-mine .n6{color:#3fb0a0}.cell-mine .n7{color:#d4c24d}.cell-mine .n8{color:#b7c0cc}.mine-controls{display:flex;justify-content:center;margin-top:8px}.mine-mode{margin:0}.mine-mode.on{border-color:#ffcf4d80;color:var(--stars)}.simon-pane{position:relative;width:min(calc(100vw - 28px),340px);aspect-ratio:1;margin:6px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.simon-pane.lock{pointer-events:none}.simon-pad{border:none;cursor:pointer;padding:0;border-radius:14px;opacity:.5;transition:opacity .08s ease,transform .08s ease,box-shadow .08s ease}.simon-pad:disabled{cursor:default}.simon-pad.p0{background:#2f9e57;border-top-left-radius:60%}.simon-pad.p1{background:#d24b50;border-top-right-radius:60%}.simon-pad.p2{background:#d4b23f;border-bottom-left-radius:60%}.simon-pad.p3{background:#3f7fd2;border-bottom-right-radius:60%}.simon-pad.lit{opacity:1;transform:scale(.97);box-shadow:0 0 26px #ffffff80}.simon-pad:not(:disabled):active{opacity:.85}.simon-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:var(--surface);border:3px solid var(--bg);display:grid;place-items:center;font-size:26px;pointer-events:none}.grid-mem{width:min(calc(100vw - 28px),360px);aspect-ratio:1;margin:4px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card-mem{border:none;padding:0;cursor:pointer;border-radius:12px;background:linear-gradient(145deg,#2c3a57,#23304a);box-shadow:inset 0 1px #ffffff0f;display:grid;place-items:center;transition:transform .12s ease,background .15s ease,opacity .2s ease}.card-mem:not(:disabled):active{transform:scale(.95)}.card-mem .card-mem-inner{font-size:clamp(22px,6vw,34px)}.card-mem:not(.face) .card-mem-inner{color:#ffffff2e;font-family:Space Mono,monospace;font-weight:700}.card-mem.face{background:#1a2438;box-shadow:inset 0 0 0 2px #ffffff14;animation:cardflip .2s ease}.card-mem.matched{background:#1c3a2b;box-shadow:inset 0 0 0 2px #4dd08a80}@keyframes cardflip{0%{transform:rotateY(90deg) scale(.9)}to{transform:rotateY(0) scale(1)}}.c0{background:#e0524f}.c1{background:#e0872f}.c2{background:#d8c43c}.c3{background:#4bb46a}.c4{background:#4b86d8}.c5{background:#a06fd8}.mm-history{width:min(calc(100vw - 28px),360px);margin:4px auto 0;max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.mm-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 10px}.mm-no{font-family:Space Mono,monospace;color:var(--muted);font-size:12px;width:16px}.mm-pegs{display:flex;gap:6px;flex:1}.mm-peg{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 -2px 3px #0000004d}.mm-fb{display:flex;gap:8px;font-size:13px;font-weight:700}.mm-bull{color:#ffcf4d}.mm-cow{color:var(--muted)}.mm-current{display:flex;gap:12px;justify-content:center;margin:12px auto 0}.mm-slot{width:40px;height:40px;border-radius:50%;border:2px dashed var(--line);background:transparent;padding:0;cursor:pointer}.mm-slot.filled{border:none;box-shadow:inset 0 -2px 4px #0000004d}.mm-palette{display:flex;gap:10px;justify-content:center;margin:14px auto 0}.mm-color{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;box-shadow:inset 0 -3px 5px #0000004d;transition:transform .08s ease}.mm-color:active{transform:scale(.9)}.sudoku-grid{width:min(calc(100vw - 28px),380px);aspect-ratio:1;margin:4px auto 0;display:grid;grid-template-columns:repeat(9,1fr);background:#0f1420;border:2px solid #3a4a6b;border-radius:10px;overflow:hidden}.sudoku-cell{border:.5px solid rgba(255,255,255,.06);background:#161d2e;color:#7fb0ff;font-family:Space Mono,monospace;font-weight:700;font-size:clamp(15px,4.4vw,22px);display:grid;place-items:center;cursor:pointer;padding:0;aspect-ratio:1}.sudoku-cell.given{color:#e8edf5;background:#1b2334}.sudoku-cell.peer{background:#1e2942}.sudoku-cell.same{background:#2a3a5c;color:#fff}.sudoku-cell.sel{background:#35507a;box-shadow:inset 0 0 0 2px var(--accent);color:#fff}.sudoku-cell.edge-r{border-right:2px solid #3a4a6b}.sudoku-cell.edge-b{border-bottom:2px solid #3a4a6b}.sudoku-pad{width:min(calc(100vw - 28px),380px);margin:12px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.sudoku-key{aspect-ratio:1.4;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-family:Space Mono,monospace;font-weight:700;font-size:20px;cursor:pointer}.sudoku-key:not(:disabled):active{background:#2c3a57}.sudoku-key:disabled{opacity:.4;cursor:default}.sudoku-key.erase{color:var(--muted)}.dk{align-items:stretch;gap:8px}.dk-topline{display:flex;justify-content:space-between;align-items:center;width:min(calc(100vw - 28px),440px);margin:0 auto}.dk-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:56px;padding:0;flex:0 0 auto;background:#f4f6fb;color:#16233a;border:1px solid #c3ccdb;border-radius:7px;font-family:Space Mono,monospace;font-weight:700;line-height:1;box-shadow:0 2px 5px #00000059}.dk-card.red{color:#d63b3f}.dk-card.trump{box-shadow:0 0 0 2px var(--stars),0 2px 5px #00000059}.dk-card.dim{opacity:.45}.dk-card.play{cursor:pointer}.dk-card.play:active{transform:translateY(-3px)}.dk-rank{font-size:16px}.dk-suit{font-size:15px;margin-top:2px}.dk-back{display:inline-block;width:26px;height:36px;border-radius:5px;flex:0 0 auto;background:repeating-linear-gradient(45deg,#35507a,#35507a 4px,#2a3f63 4px,#2a3f63 8px);border:1px solid #1c2942}.dk-back.big{width:40px;height:56px}.dk-opp{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}.dk-oppcards{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;max-width:100%}.dk-deck{display:flex;align-items:center;gap:10px;justify-content:center;margin:10px 0 6px}.dk-status{text-align:center;font-weight:700;font-size:14px;color:var(--muted);margin:2px 0}.dk-status.mine{color:var(--accent)}.dk-table{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;min-height:70px;padding:10px;margin:4px auto;width:min(calc(100vw - 28px),440px);background:#10331f;border:1px solid var(--line);border-radius:12px}.dk-slot{position:relative}.dk-actions{display:flex;gap:10px;justify-content:center;min-height:44px;margin:6px 0}.dk-actions .cta{width:auto;padding:10px 26px}.dk-hand{display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin-top:auto;padding-top:12px}.dk-hand .dk-card{margin-left:-7px;transition:transform .14s ease,box-shadow .14s ease}.dk-hand .dk-card:first-child{margin-left:0}.dk-hand .dk-card.play{animation:dkReady 1.8s ease-in-out infinite;z-index:2}.dk-hand .dk-card.play:hover{transform:translateY(-8px);box-shadow:0 0 0 1.5px var(--accent),0 8px 14px #00000080;z-index:3}.dk-hand .dk-card.play:active{transform:translateY(-4px) scale(.97)}@keyframes dkPlayIn{0%{transform:translateY(28px) scale(.8) rotate(-4deg);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}@keyframes dkDefendIn{0%{transform:translate(-12px,-24px) rotate(-16deg);opacity:0}to{transform:rotate(7deg);opacity:1}}@keyframes dkReady{0%,to{transform:translateY(0);box-shadow:0 0 0 1.5px var(--accent),0 3px 7px #0006}50%{transform:translateY(-6px);box-shadow:0 0 0 1.5px var(--accent),0 9px 16px #0000008c}}@keyframes dkDealIn{0%{transform:translateY(-18px) scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes dkFlashTake{0%,to{background:#10331f}45%{background:#4a1622;border-color:var(--danger)}}@keyframes dkFlashBito{0%,to{background:#10331f}45%{background:#12492a;border-color:var(--accent)}}.dk-slot>.dk-card{animation:dkPlayIn .26s ease-out}.dk-defend{position:absolute;left:12px;top:14px;transform:rotate(7deg);animation:dkDefendIn .3s ease-out}.dk-hand .dk-card{animation:dkDealIn .24s ease-out}.dk-deck{gap:6px}.dk-deck>.dk-card.trump{transform:rotate(-9deg)}.dk-table.flash-take{animation:dkFlashTake .5s ease-out}.dk-table.flash-bito{animation:dkFlashBito .5s ease-out}@media(prefers-reduced-motion:reduce){.dk-slot>.dk-card,.dk-defend,.dk-hand .dk-card,.dk-hand .dk-card.play,.dk-table.flash-take,.dk-table.flash-bito{animation:none}}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-size:15px;padding:0}.nav-ic{width:18px;height:18px;opacity:.85}.wallet{gap:0}.wallet-title{font-size:30px;font-weight:800;margin:4px 0 16px}.wallet-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.wallet-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 16px 17px}.wallet-card.wd{background:linear-gradient(180deg,rgba(77,208,138,.07),var(--surface));border-color:#4dd08a38}.wallet-card-lbl{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.wallet-card-val{font-family:Space Mono,monospace;font-weight:700;font-size:30px;line-height:1;margin-top:12px}.wallet-card-val.star-val{color:var(--stars)}.wallet-card-val.wd-val{color:var(--accent)}.wallet-card-val .star{font-size:22px}.wallet-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 8px}.wallet-btn{border:none;border-radius:14px;padding:15px 10px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .06s ease,filter .15s ease}.wallet-btn:active{transform:scale(.97)}.wallet-btn.top{background:var(--stars);color:#1a1205}.wallet-btn.ton{background:var(--ton);color:#04223a}.scr-sub{font-size:14px;font-weight:700;color:var(--muted);margin:18px 0 8px}.wd-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.hist-left{display:flex;flex-direction:column;gap:2px}.hist-when{font-size:12px}.bonus-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(180deg,rgba(255,207,77,.08),var(--surface));border:1px solid rgba(255,207,77,.28);border-radius:14px;padding:12px 14px;margin-bottom:12px}.bonus-strip b{color:var(--stars);font-family:Space Mono,monospace}.bonus-card{background:linear-gradient(180deg,rgba(255,207,77,.07),var(--surface));border:1px solid rgba(255,207,77,.28);border-radius:16px;padding:14px 16px;margin-top:14px}.room-card{background:linear-gradient(180deg,rgba(77,208,138,.07),var(--surface));border:1px solid rgba(77,208,138,.28);border-radius:16px;padding:14px 16px;margin-top:14px}.room-card-h,.bonus-card-h{display:flex;align-items:center;justify-content:space-between;font-weight:700;margin-bottom:4px}.bonus-amt{color:var(--stars);font-family:Space Mono,monospace}.flappy-ready{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0b10208c;border-radius:12px;text-align:center;padding:16px;pointer-events:none}.flappy-ready-emoji{font-size:44px;line-height:1;animation:flappy-bob 1.1s ease-in-out infinite}.flappy-ready-t{font-size:18px;font-weight:800;color:var(--text)}.flappy-ready-s{font-size:13px;color:var(--muted)}@keyframes flappy-bob{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}.inp{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--text);font-size:15px;font-family:Space Mono,monospace}.inp::placeholder{color:var(--muted);font-family:Inter,sans-serif}.hist{display:flex;flex-direction:column;gap:6px;padding-bottom:20px}.hist-row{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.hist-kind{font-size:14px}.hist-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hist-amt{font-size:15px;font-weight:700}.hist-amt.pos{color:var(--accent)}.hist-amt.neg{color:var(--danger)}.g2048-stats{width:min(calc(100vw - 28px),440px);display:flex;justify-content:space-around;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 8px;margin-bottom:-4px}.g2048-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.g2048-stat b{font-size:18px}.g2048-prog{width:min(calc(100vw - 28px),440px);height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden}.g2048-prog-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--stars));border-radius:999px;transition:width .2s ease}.g2048-time-low{color:var(--danger);animation:timepulse 1s ease-in-out infinite}@keyframes timepulse{0%,to{opacity:1}50%{opacity:.45}}.g2048-finish{width:min(calc(100vw - 28px),440px);margin-top:10px;border-color:#ffffff1f;color:var(--muted);font-weight:600}.overlay2.center-overlay{align-items:center;padding:18px}.onb{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:14px}.onb-logo{height:30px}.onb-title{font-size:17px;font-weight:700;text-align:center}.onb-steps{display:flex;flex-direction:column;gap:14px;width:100%;margin:4px 0 6px}.onb-step{display:flex;align-items:center;gap:14px}.onb-emoji{width:46px;height:46px;flex:none;display:grid;place-items:center;font-size:24px;background:#4dd08a1a;border:1px solid rgba(77,208,138,.25);border-radius:14px}.onb-step-t{font-size:15px;font-weight:700}.onb .cta{width:100%}.onb10{gap:12px;background:var(--bg);border:none}.onb10 .onb-logo{height:34px;margin-bottom:2px}.onb-tag{color:var(--accent);font-size:14px;font-weight:700;text-align:center;margin-bottom:8px}.onb10 .onb-steps{gap:20px;margin:4px 0 10px}.onb-num{width:40px;height:40px;flex:none;display:grid;place-items:center;font-family:Space Mono,monospace;font-weight:700;font-size:16px;color:var(--accent);background:transparent;border:1.5px solid rgba(77,208,138,.5);border-radius:50%}.onb-cta{margin-top:6px}.onb-foot{margin-top:10px}.onb-age{margin-top:6px;font-size:12px;color:var(--muted);text-align:center}.onb-skip{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;margin-top:4px;padding:4px}.menu-note{font-size:11px;color:var(--muted);padding:8px 10px 4px;line-height:1.4;border-top:1px solid var(--line);margin-top:4px}.age-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.age-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 22px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.age-badge{font-family:"Press Start 2P",monospace;font-size:30px;color:var(--danger);border:2px solid var(--danger);border-radius:14px;padding:10px 16px;margin-bottom:6px;letter-spacing:1px}.age-title{font-size:21px;font-weight:800}.age-text{color:var(--muted);font-size:14px;line-height:1.5}.age-cta{width:100%;margin-top:10px}.age-no{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:6px}.play-stats{display:flex;justify-content:center;gap:22px;margin-bottom:6px}.ps{display:flex;flex-direction:column;align-items:center;gap:1px}.ps b{font-size:15px}.lead-tag{color:var(--accent);font-weight:700;font-size:14px;animation:pulse-tag .9s ease-in-out infinite}@keyframes pulse-tag{0%,to{opacity:1}50%{opacity:.55}}.board-hero{position:relative}.pop{animation:pop .45s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.confetti{position:absolute;left:0;right:0;top:-10px;height:320px;overflow:hidden;pointer-events:none}.conf-piece{position:absolute;top:-14px;width:8px;height:13px;border-radius:2px;opacity:.95;animation-name:conffall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes conffall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(320px) rotate(540deg);opacity:0}}.ch-head{text-align:center;margin-bottom:8px}.ch-turn{font-size:16px;font-weight:700;color:var(--muted);margin-top:2px}.ch-turn.mine{color:var(--accent)}.ch-board{position:relative;width:min(calc(100vw - 28px),440px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px #00000080}.ch-cell{position:relative;display:grid;place-items:center}.ch-cell.light{background:#26314a}.ch-cell.dark{background:#161d2e;cursor:pointer}.ch-cell.sel{box-shadow:inset 0 0 0 3px var(--accent)}.ch-piece{width:74%;height:74%;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 4px #0006}.ch-piece.white{background:radial-gradient(circle at 35% 30%,#fff,#cdd6e4)}.ch-piece.black{background:radial-gradient(circle at 35% 30%,#5a6b86,#1b2437);border:1px solid #55647e}.ch-piece.mine{outline:2px solid rgba(77,208,138,.55);outline-offset:1px}.ch-crown{font-size:105%;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));animation:crownpop .28s ease}@keyframes crownpop{0%{transform:scale(.2)}70%{transform:scale(1.25)}to{transform:scale(1)}}.ch-dot{position:absolute;width:26%;height:26%;border-radius:50%;background:#4dd08a8c;pointer-events:none}.stake.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.stake{position:relative}.wait-badge{position:absolute;top:6px;right:8px;font-size:10px;font-weight:700;color:var(--accent);background:#4dd08a1f;border-radius:999px;padding:2px 6px}.join-row{display:flex;gap:8px;margin-top:8px}.join-row .inp{flex:1;text-align:center;letter-spacing:3px;text-transform:uppercase}.invite-code{font-family:Space Mono,monospace;font-weight:700;font-size:38px;letter-spacing:6px;color:var(--accent);background:var(--surface);border:1px solid rgba(77,208,138,.4);border-radius:14px;padding:14px 20px;cursor:pointer;-webkit-user-select:all;user-select:all}.play-topbar{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:4px}.friend-btn{border-color:#4dd08a66;color:var(--text);font-weight:700}.ch-piece{transition:transform .12s ease}.ch-cell.lastfrom:after,.ch-cell.lastto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px #ffcf4dbf;pointer-events:none}.ch-cell.captured:before{content:"";position:absolute;width:60%;height:60%;border-radius:50%;background:#ff5a5f8c;animation:capflash .7s ease forwards}@keyframes capflash{0%{transform:scale(.4);opacity:1}to{transform:scale(1.3);opacity:0}}.ch-piece.justmoved{animation:piecepop .22s ease}@keyframes piecepop{0%{transform:scale(.86)}60%{transform:scale(1.08)}to{transform:scale(1)}}.ch-anim-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.ch-anim-piece{position:absolute;width:12.5%;height:12.5%;display:grid;place-items:center;transition-property:left,top;transition-timing-function:cubic-bezier(.4,.1,.25,1)}.ch-anim-piece .ch-piece{box-shadow:0 6px 14px #00000080}.ch-piece.movable{animation:movablepulse 1.15s ease-in-out infinite}@keyframes movablepulse{0%,to{box-shadow:0 2px 4px #0006,0 0 #4dd08a00}50%{box-shadow:0 2px 4px #0006,0 0 0 5px #4dd08a99}}.ch-forced{text-align:center;font-size:12.5px;font-weight:600;line-height:1.35;color:var(--stars);background:#ffcf4d1a;border:1px solid rgba(255,207,77,.32);border-radius:10px;padding:7px 12px;margin:8px auto 0;max-width:380px}.ch-forced b{color:#fff}.ch-hintbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 2px;min-height:34px;flex-wrap:wrap}.hint-btn{border:1px solid rgba(255,207,77,.5);background:#ffcf4d1a;color:var(--stars);border-radius:999px;padding:7px 16px;font-weight:700;font-size:13px;cursor:pointer}.hint-btn:disabled{opacity:.45;cursor:default}.hint-btn .hint-left{color:var(--muted);font-weight:400}.opp-hint{font-size:12px;color:var(--stars);background:#ffcf4d1a;border-radius:999px;padding:5px 10px}.ch-cell.hintfrom:before,.ch-cell.hintto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:4px;box-shadow:inset 0 0 0 3px #ffcf4df2;animation:hintblink .6s ease-in-out infinite}@keyframes hintblink{0%,to{opacity:.25}50%{opacity:1}}.rv-cell.rv-hint:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 3px #ffcf4df2;animation:hintblink .6s ease-in-out infinite}.ch-target{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 3px #ff5a5fe6;animation:targetpulse .9s ease-in-out infinite}@keyframes targetpulse{0%,to{opacity:.45}50%{opacity:1}}.rv-board{position:relative;width:min(calc(100vw - 28px),440px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:1px;padding:1px;background:#0d3b26;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px #00000080}.rv-cell{position:relative;display:grid;place-items:center;background:#167a4c;cursor:pointer}.rv-cell.playable:hover{background:#1a8a56}.rv-cell.lastto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px #ffcf4dcc;pointer-events:none}.rv-piece{width:78%;height:78%;border-radius:50%;box-shadow:0 2px 4px #00000073;transition:transform .14s ease}.rv-piece.dark{background:radial-gradient(circle at 35% 30%,#47526a,#12192a);border:1px solid #3a465e}.rv-piece.light{background:radial-gradient(circle at 35% 30%,#fff,#d2dae8)}.rv-piece.flipped{animation:rvflip .4s ease}@keyframes rvflip{0%{transform:rotateY(0) scale(.9)}50%{transform:rotateY(90deg) scale(.7)}to{transform:rotateY(0) scale(1)}}.rv-piece.justplaced{animation:piecepop .24s ease}.rv-dot{position:absolute;width:30%;height:30%;border-radius:50%;background:#ffffff52;pointer-events:none;animation:rvhint 1.3s ease-in-out infinite}@keyframes rvhint{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:.85;transform:scale(1)}}.rv-score{display:flex;align-items:center;justify-content:space-between;width:min(calc(100vw - 28px),440px);gap:10px;margin:2px auto 6px;padding:6px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.rv-score-side{display:flex;align-items:center;gap:6px}.rv-score-side b{font-size:20px;font-family:Space Mono,monospace}.rv-score-side.me b{color:var(--accent)}.rv-chip{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:0 1px 2px #0006}.pong-score{display:flex;align-items:center;justify-content:space-between;width:min(calc(100vw - 28px),380px);gap:10px;margin:2px auto 6px;padding:6px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.pong-score-side{display:flex;align-items:center;gap:6px;transition:transform .12s ease}.pong-score-side b{font-size:22px;font-family:Space Mono,monospace}.pong-score-side.hit{transform:scale(1.35)}.rv-chip.dark{background:radial-gradient(circle at 35% 30%,#47526a,#12192a);border:1px solid #3a465e}.rv-chip.light{background:radial-gradient(circle at 35% 30%,#fff,#d2dae8)}.gm-board{position:relative;width:min(calc(100vw - 20px),460px);aspect-ratio:1;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);gap:1px;padding:1px;background:#4a3623;border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px #00000080}.gm-cell{position:relative;display:grid;place-items:center;background:#caa06a;cursor:pointer}.gm-cell:hover{background:#d4ac76}.gm-cell.lastto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px #ff5a5fd9;pointer-events:none}.gm-piece{width:82%;height:82%;border-radius:50%;box-shadow:0 2px 4px #00000073}.gm-piece.black{background:radial-gradient(circle at 35% 30%,#4a4a4a,#0a0a0a);border:1px solid #222}.gm-piece.white{background:radial-gradient(circle at 35% 30%,#fff,#d2dae8)}.gm-piece.justplaced{animation:piecepop .24s ease}.gm-chip{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:0 1px 2px #0006}.gm-chip.black{background:radial-gradient(circle at 35% 30%,#4a4a4a,#0a0a0a);border:1px solid #222}.gm-chip.white{background:radial-gradient(circle at 35% 30%,#fff,#d2dae8)}.ut-board{position:relative;width:min(calc(100vw - 28px),440px);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:5px;background:#0a0f1c;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px #00000080}.ut-sub{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;background:#26314a;border-radius:6px;overflow:hidden}.ut-sub.active{box-shadow:inset 0 0 0 3px #4dd08ad9}.ut-cell{position:relative;display:grid;place-items:center;background:#141d33}.ut-cell.playable{cursor:pointer}.ut-cell.playable:hover{background:#1c2745}.ut-cell.lastto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px #ffcf4dcc;pointer-events:none}.ut-mark{font-size:min(4.5vw,20px);font-weight:800;line-height:1}.ut-mark.x{color:var(--accent)}.ut-mark.o{color:var(--stars)}.ut-mark.justplaced{animation:piecepop .24s ease}.ut-sub-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:min(11vw,52px);font-weight:800;pointer-events:none}.ut-sub-overlay.x{color:#4dd08a80;background:#4dd08a14}.ut-sub-overlay.o{color:#ffcf4d80;background:#ffcf4d14}.ut-sub-overlay.draw{color:var(--muted);background:#ffffff0a}.ut-chip{font-weight:800;font-size:18px}.ut-chip.x{color:var(--accent)}.ut-chip.o{color:var(--stars)}.bt-board{position:relative;width:min(calc(100vw - 28px),380px);aspect-ratio:1;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:1px;padding:1px;background:#0a2a4a;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px #00000080}.bt-board.bt-board-mini{width:min(calc(100vw - 28px),220px);margin:0 auto}.bt-cell{position:relative;display:grid;place-items:center;background:#123a63}.bt-cell.water{cursor:default}.bt-cell.targetable{cursor:pointer}.bt-cell.targetable:hover{background:#184a7d}.bt-cell.ship{background:#4d5b73}.bt-cell.ship:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:3px;background:#7c8aa3}.bt-cell.miss:before{content:"";width:24%;height:24%;border-radius:50%;background:#ffffff73}.bt-cell.hit{background:#7a2020}.bt-cell.hit:after{content:"✕";color:#ffd7d7;font-size:70%;font-weight:800}.bt-cell.sunk{background:#4a1414}.bt-cell.sunk:after{content:"☠";color:#ff9a9a;font-size:65%}.bt-cell.lastshot{box-shadow:inset 0 0 0 2px #ffcf4de6}.bt-placer-head{text-align:center;font-weight:700;margin-bottom:8px}.bt-placer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}.bt-placer-actions .btn-ghost{margin:0;padding:7px 12px;font-size:12.5px}.bt-label{text-align:center;font-size:12px;color:var(--muted);font-weight:700;margin:10px 0 6px;text-transform:uppercase;letter-spacing:.04em}.rules-mini{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:13px;display:flex;flex-direction:column;gap:4px}.rules-t{color:var(--muted);font-weight:700;margin-bottom:2px}.ch-lede{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0 0 12px}.ch-lede b{color:var(--text);font-weight:700}.rules-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px 12px;margin-bottom:16px}.rules-card-t{color:var(--accent);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.rule{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:8px;padding:7px 0;font-size:13.5px;line-height:1.4;color:var(--muted)}.rule+.rule{border-top:1px solid var(--line)}.rule-i{font-size:17px;line-height:1.3}.rule b{color:var(--text);font-weight:700}.diff-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diff-btn{padding:12px 6px;border-radius:12px;font-size:14px;font-weight:700;background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:transform .08s ease,border-color .12s ease}.diff-btn:active{transform:scale(.96)}.diff-btn.easy{border-color:#4dd08a80}.diff-btn.med{border-color:#f0b94280}.diff-btn.hard{border-color:#f05a5a8c}.snake-skins{margin-bottom:4px}.snake-skin-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.snake-skin-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:12px;font-size:13px;font-weight:700;background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:transform .08s ease,border-color .12s ease}.snake-skin-btn:active{transform:scale(.96)}.snake-skin-btn.active{border-color:var(--accent)}.snake-skin-swatch{width:14px;height:14px;border-radius:50%;display:inline-block}.t-stats{width:min(calc(100vw - 28px),440px);display:flex;justify-content:space-around;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;margin-bottom:8px}.t-wrap{display:flex;gap:12px;align-items:flex-start;justify-content:center}.t-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);aspect-ratio:1 / 2;height:min(48vh,440px);width:auto;background:#222c42;border:1px solid #3a4761;border-radius:8px;overflow:hidden;touch-action:none;box-shadow:0 8px 30px #0006}.t-cell{border:.5px solid rgba(255,255,255,.06)}.t-cell.on{box-shadow:inset 0 0 0 1px #ffffff2e}.t-cell.ghost{opacity:.5}.t-side{display:flex;flex-direction:column;gap:6px;align-items:center;padding-top:4px}.t-next{display:grid;grid-template-columns:repeat(4,1fr);width:58px;aspect-ratio:1;gap:2px;background:#222c42;border:1px solid #3a4761;border-radius:6px;padding:3px}.t-ncell{border-radius:2px}.t-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;width:min(calc(100vw - 24px),380px)}.t-controls .dbtn{width:100%;height:62px;font-size:26px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:6px}.t-move{font-size:30px;font-weight:700}.t-rot{flex-direction:column;gap:1px;height:62px;background:var(--accent);border-color:var(--accent);color:#06210f;box-shadow:0 4px 14px #4dd08a47}.t-rot:active{background:#3bbd79;transform:scale(.96)}.t-rot-ic{font-size:26px;line-height:1}.t-rot-lbl{font-size:12px;font-weight:800;letter-spacing:.3px}.t-soft{grid-column:1 / 2;font-size:15px;font-weight:700}.t-drop{grid-column:2 / 4;font-size:16px;font-weight:800;background:var(--stars);border-color:var(--stars);color:#1a1205}.t-drop:active{background:#e6b93f;transform:scale(.97)}.demo-banner{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,#4dd08a26,#4dd08a0a);border:1px solid rgba(77,208,138,.4);color:var(--text);cursor:pointer;text-align:left;transition:transform .08s ease}.demo-banner:active{transform:scale(.99)}.demo-banner-emoji{font-size:26px;line-height:1}.demo-banner-txt{display:flex;flex-direction:column;flex:1;gap:1px}.demo-banner-txt b{font-size:15px}.demo-banner-arrow{color:var(--accent);font-size:22px;font-weight:700}.mode-cards{display:flex;flex-direction:column;gap:12px}.mode-card{text-align:left;padding:18px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:transform .08s ease,border-color .12s ease;display:flex;flex-direction:column;gap:3px}.mode-card:active{transform:scale(.99)}.mode-card.comp{border-color:#ffcf4d59}.mode-card.demo{border-color:#4dd08a4d}.mode-emoji{font-size:30px}.mode-t{font-size:18px;font-weight:800}.mode-cta{margin-top:8px;font-weight:700;color:var(--stars)}.mode-cta.ghost{color:var(--accent)}.demo-scorebar{width:min(calc(100vw - 28px),440px);display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:6px}.cta-gold{background:linear-gradient(90deg,#ffcf4d,#ffb52e);color:#1a1205;border:none}.demo-result{margin-top:18px;gap:6px;text-align:center}.demo-res-emoji{font-size:46px;line-height:1}.demo-res-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.demo-res-score{font-family:"Press Start 2P",monospace;font-size:40px;color:var(--stars);margin:2px 0 8px}.demo-hook{font-weight:800;font-size:17px;line-height:1.3;max-width:320px}.demo-sub{color:var(--muted);font-size:13px;line-height:1.4;max-width:300px;margin-bottom:8px}.topbar-v2{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px 14px;border-bottom:1px solid var(--line)}.topbar-v2 .who{display:flex;align-items:center;gap:9px;min-width:0}.topbar-v2 .ava{width:34px;height:34px;border-radius:50%;flex:none;overflow:hidden;display:grid;place-items:center;background:conic-gradient(from 210deg,#4dd08a,#0098ea,#7c5cff,#4dd08a)}.topbar-v2 .ava img{width:100%;height:100%;object-fit:cover}.topbar-v2 .ava span{width:30px;height:30px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:15px}.topbar-v2 .tb-name{font-weight:700;font-size:15px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}.topbar-v2 .tb-right{display:flex;align-items:center;gap:8px}.tb-menu{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;flex:none;cursor:pointer}.tb-menu i{width:16px;height:2px;background:var(--muted);box-shadow:0 5px 0 var(--muted),0 -5px 0 var(--muted);display:block}.menu-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.menu-card{position:absolute;top:54px;right:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #00000080;padding:6px;min-width:190px;display:flex;flex-direction:column}.menu-row{text-align:left;background:none;border:none;color:var(--text);font-size:14px;padding:12px;border-radius:9px;cursor:pointer}.menu-row:hover{background:#1b2536}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;z-index:40;display:flex;justify-content:space-around;align-items:center;box-sizing:border-box;padding:11px 8px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(180deg,#101724,#0b1019)}.tabbar .tab{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted);font-size:12px;font-weight:600;position:relative;padding:7px 14px;border-radius:14px;background:none;border:none;cursor:pointer}.tabbar .tab .ti{font-size:27px;line-height:1;filter:grayscale(.4) opacity(.9)}.tabbar .tab.on{color:var(--accent);background:#4dd08a1a}.tabbar .tab.on .ti{filter:none}.tabbar .tab.on:before{content:"";position:absolute;top:-11px;width:28px;height:3px;border-radius:3px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.app{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.friends-scr{display:flex;flex-direction:column}.fr-hero{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 18px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.fr-hero-title{font-size:20px;font-weight:800}.fr-hero-sub{color:var(--muted);font-size:14px;margin-top:4px}.fr-gift{font-size:46px;line-height:1;margin:16px 0 18px;filter:drop-shadow(0 0 14px rgba(255,207,77,.35))}.fr-invite{width:100%}.fr-share{width:100%;margin-top:12px}.fr-note{margin-top:16px}.fr-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.fr-stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-align:center}.fr-stat.earn{background:linear-gradient(180deg,rgba(255,207,77,.08),var(--surface));border-color:#ffcf4d47}.fr-stat-lbl{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.fr-stat-val{font-family:Space Mono,monospace;font-weight:700;font-size:26px;margin-top:8px}.fr-stat-val.star{color:var(--stars)}.tcard-live{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--accent);font-weight:600;margin:7px 0 3px}.tcard-live .live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:livepulse 1.6s ease-in-out infinite}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.tcard-live .live-dot{animation:none}}.res-screen{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:34px;width:100%;max-width:340px;margin:0 auto}.res-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:2px}.res-score{font-family:"Press Start 2P",monospace;font-size:46px;color:var(--stars);margin:16px 0 4px;line-height:1}.res-badge{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--stars);border:1px solid rgba(255,207,77,.45);border-radius:999px;padding:5px 14px;margin-top:4px;text-transform:uppercase}.res-headline{font-size:24px;font-weight:800;margin-top:26px;text-align:center}.res-sub{color:var(--muted);font-size:15px;margin-top:6px;text-align:center}.res-card{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:26px 0 18px}.res-card-txt{display:flex;flex-direction:column;gap:2px;text-align:left;flex:1}.res-card-txt b{font-size:15px}.res-card-txt .muted{font-size:13px}.res-card-star{color:var(--stars);font-size:26px;flex:none}.res-screen .cta{margin-bottom:10px}.res-screen .cta-green{background:var(--accent);color:#06210f;border:none}.res-screen .btn-ghost{margin-top:4px}.star-b{color:#1a1205}.res-hero{font-family:"Press Start 2P",monospace;font-size:30px;line-height:1;text-align:center;margin:8px 0 0}.res-hero.win{color:var(--accent);text-shadow:0 0 22px rgba(77,208,138,.5)}.res-hero.lose{color:var(--danger);text-shadow:0 0 18px rgba(255,90,95,.4)}.res-hero.draw{color:var(--muted)}.res-prize{font-family:"Press Start 2P",monospace;font-size:22px;margin-top:18px;text-align:center}.res-prize .star-amt{color:var(--stars);text-shadow:0 0 16px rgba(255,207,77,.4)}.res-prize .loss-amt{color:var(--muted)}.res-prize .muted{font-family:Inter,system-ui,sans-serif;font-size:14px}.res-final{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px;margin:26px 0 22px}.res-final-cap{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:2px;text-align:center}.res-final-score{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:8px}.res-final-side{display:flex;flex-direction:column;align-items:center;gap:2px}.res-final-side b{font-family:Space Mono,monospace;font-size:38px;line-height:1;color:var(--text)}.res-final-side span{color:var(--muted);font-size:12px}.res-final-dash{color:var(--muted);font-size:26px;font-family:Space Mono,monospace}.res-final-reason{text-align:center;margin-top:10px}.res-actions{width:100%;display:flex;flex-direction:column;gap:10px}.res-actions .res-again,.res-actions .res-wide{width:100%;margin:0}.res-row2{display:flex;gap:10px}.res-row2 .btn-ghost{flex:1;margin:0}.duel-pause{position:fixed;left:0;right:0;bottom:0;padding:22px 24px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(8,12,18,0) 0%,var(--deep, #080c12) 34%);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;z-index:40}.duel-pause-title{font-size:21px;font-weight:800;color:var(--text)}.duel-pause-sub{color:var(--muted);font-size:14px}.duel-pause-bar{width:min(300px,80%);height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-top:8px}.duel-pause-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .05s linear}.duel-pause-skip{color:var(--muted);font-size:12px;margin-top:12px;opacity:.8}.room-scr{display:flex;flex-direction:column;gap:14px}.room-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:2px}.room-title{text-align:center;font-size:19px;font-weight:800;margin:0}.room-live{background:linear-gradient(180deg,rgba(77,208,138,.08),var(--surface));border:1px solid rgba(77,208,138,.25);border-radius:16px;padding:15px 16px}.room-live-h{display:flex;flex-direction:column;gap:1px}.room-live-h b{color:var(--accent);font-size:15px}.room-avatars{display:flex;align-items:center;gap:8px;margin-top:12px}.room-ava{width:30px;height:30px;border-radius:50%;background:var(--surface-2, #101622);border:1.5px solid rgba(77,208,138,.5);flex:none}.room-ava-more{color:var(--muted);font-size:13px;font-family:Space Mono,monospace;margin-left:2px}.room-bank{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 16px 20px;text-align:center}.room-bank-lbl{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:2px}.room-bank-num{font-family:Space Mono,monospace;font-weight:700;font-size:46px;color:var(--stars);line-height:1.05;margin:6px 0 4px}.room-bank-num .star{font-size:34px;margin-right:2px}.room-bank-prize{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.room-bank-prize .star{color:var(--stars)}.room-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-cell{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:5px}.room-cell span{text-transform:uppercase;letter-spacing:1px}.room-cell b{font-family:Space Mono,monospace;font-size:20px}.room-scr .cta{margin-top:2px}.fpills{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.fpill{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:14px;font-weight:600;cursor:pointer}.fpill.on{background:var(--accent);color:#06210f;border-color:var(--accent)}