:root{--bg: #0b0f17;--surface: #141b28;--line: rgba(255, 255, 255, .07);--text: #e8edf5;--muted: #8b97ad;--accent: #4dd08a;--stars: #ffcf4d;--ton: #0098ea;--danger: #ff5a5f}*{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)}}.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}.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}.tboard{align-items:stretch}.board-hero{text-align:center;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:34px 1fr auto auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.lb-row.me{border-color:#4dd08a99;background:#4dd08a14}.lb-rank{font-size:16px;text-align:center;color:var(--muted)}.lb-name{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-size:17px;font-weight:700}.lb-prize{font-size:15px;font-weight:700}.lb-tabs{display:flex;gap:8px;margin-bottom:12px}.lb-tab{flex:1;padding:10px 6px;border-radius:10px;font-size:14px;font-weight:700;background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer}.lb-tab.active{color:var(--text);border-color:var(--accent);background:#4dd08a1a}.lb-me{background:#4dd08a1a;border:1px solid rgba(77,208,138,.35);border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:14px}.lb-me b{color:var(--stars)}.lb-row.top{border-color:#ffcf4d59}.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{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: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-defend{position:absolute;left:12px;top:14px}.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:5px;justify-content:center;margin-top:auto;padding-top:8px}.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-bal{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 16px;margin-bottom:16px}.wb-main{font-size:30px;color:var(--stars);margin-bottom:6px}.scr-sub{font-size:14px;font-weight:700;color:var(--muted);margin:14px 0 8px}.wd-form{display:flex;flex-direction:column;gap:10px}.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-amt{font-size:15px;font-weight:700}.hist-amt.pos{color:var(--accent)}.hist-amt.neg{color:var(--muted)}.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%}.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{color:var(--stars);font-size:60%}.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}.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)}.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}.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:8px;margin-top:12px;width:min(calc(100vw - 28px),360px)}.t-controls .dbtn{width:100%;height:52px;font-size:22px}.t-rot{font-size:30px;background:#4dd08a29;border-color:var(--accent);color:var(--accent)}.t-soft{grid-column:1 / 2;font-size:15px}.t-drop{grid-column:2 / 4;font-size:15px;font-weight:700}.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}