:is(.home .logo){background:url(./logo-TzdddytE.webp) center / contain no-repeat!important;position:relative;width:min(72vw,340px)!important;height:min(24svh,200px)!important;min-height:100px;max-width:100%;margin:0 auto 12px!important;padding:0!important;font-size:0!important;line-height:0!important;color:transparent!important;text-shadow:none!important;min-width:0;flex-shrink:1;transform:none!important;animation:none!important}:is(.home .logo)>*{position:absolute!important;opacity:0!important;pointer-events:none}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(./russo-one-latin-400-normal-BfOuQF9V.woff2) format("woff2"),url(./russo-one-latin-400-normal-CosRecV9.woff) format("woff")}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(./russo-one-latin-ext-400-normal-CezFp_e4.woff2) format("woff2"),url(./russo-one-latin-ext-400-normal-BssN3Pxm.woff) format("woff")}:root{--bg: #0b0820;--bg2: #150f38;--panel: #18123f;--panel2: #211a55;--panel3: #2b2270;--line: rgba(176, 156, 255, .22);--line2: rgba(176, 156, 255, .4);--text: #f6f4ff;--muted: #a7a1d4;--dim: #6d6699;--gold: #ffd23d;--gold2: #ffa91f;--cyan: #2ee6ff;--cyan2: #1aa3e8;--pink: #ff4fd8;--pink2: #b51ba0;--green: #38f2a0;--orange: #ff8a3d;--red: #ff4d6a;--display: "Russo One", "Arial Black", Impact, system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--banner: 0px;--gut: 16px;--maxw: 520px;color:var(--text);background:var(--bg);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input.text{width:100%;height:50px;border-radius:14px;border:1.5px solid var(--line);background:#0a071e99;color:var(--text);font:600 16px var(--body);padding:0 16px;user-select:text;-webkit-user-select:text}input.text::placeholder{color:var(--dim)}input.text:focus{border-color:var(--gold);outline:none}input.text.code{font:22px var(--display);letter-spacing:.32em;text-align:center;text-transform:uppercase}.ic{width:22px;height:22px;flex:none}.boot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.boot-reel{width:64px;height:76px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#fff3b8,var(--gold) 55%,var(--gold2));color:#3a2300;font:44px var(--display);animation:bootspin .9s ease-in-out infinite alternate}.boot-reel i{font-style:normal}@keyframes bootspin{0%{transform:rotate(-6deg) scale(.94)}to{transform:rotate(6deg) scale(1.04)}}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 70% at 50% -10%,#2a1d72 0%,transparent 60%),radial-gradient(90% 60% at 50% 120%,#1d0f45 0%,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}.glow{position:absolute;width:70vmax;height:70vmax;border-radius:50%;opacity:.22}.glow.g1{background:radial-gradient(circle,var(--pink) 0%,transparent 60%);top:-40vmax;left:-30vmax;animation:drift 18s ease-in-out infinite alternate}.glow.g2{background:radial-gradient(circle,var(--cyan) 0%,transparent 60%);bottom:-45vmax;right:-35vmax;animation:drift 22s ease-in-out infinite alternate-reverse}.glow.g3{background:radial-gradient(circle,var(--gold) 0%,transparent 62%);top:30%;left:55%;width:40vmax;height:40vmax;opacity:.08;animation:drift 26s ease-in-out infinite alternate}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#fff9 50%,transparent 51%),radial-gradient(1.5px 1.5px at 86% 42%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 32% 62%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 58% 84%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 8% 88%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 44% 30%,#fff5 50%,transparent 51%);animation:twinkle 5s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0)}to{transform:translate(6vmax,4vmax)}}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + var(--gut)) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + var(--gut));transition:opacity .24s ease,transform .24s ease}.screen>*{max-width:var(--maxw);margin-left:auto;margin-right:auto}.screen.enter{opacity:0;transform:translateY(14px)}.screen.leave{opacity:0;transform:translateY(-10px);pointer-events:none}body.ad-busy .stage{pointer-events:none}.btn{font-family:var(--display);font-size:17px;letter-spacing:.06em;min-height:52px;padding:0 20px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,opacity .2s ease}.btn:active:not(:disabled){transform:translateY(2px) scale(.98)}.btn:disabled{opacity:.4}.btn.dim{opacity:.55}.btn.primary{color:#2b1800;background:linear-gradient(180deg,#fff1a6 0%,var(--gold) 40%,var(--gold2) 100%);box-shadow:0 4px #a86a00,0 10px 26px #ffbe2847}.btn.hot{color:#fff;background:linear-gradient(180deg,#ff8be8 0%,var(--pink) 45%,var(--pink2) 100%);box-shadow:0 4px #7d0e6e,0 10px 26px #ff4fd840}.btn.ghost{color:var(--text);background:#1e1650bf;box-shadow:inset 0 0 0 1.5px var(--line2)}.btn.danger{color:#fff;background:linear-gradient(180deg,#ff7b92,var(--red));box-shadow:0 4px #9b1630}.btn.danger-text{color:var(--red)}.btn.wide{width:100%}.btn.grow{flex:1}.btn.big{min-height:72px;justify-content:flex-start;text-align:left;padding:0 18px;gap:14px}.btn.big .ic{width:28px;height:28px}.btn.big span{display:flex;flex-direction:column;gap:3px}.btn.big b{font-weight:400;font-size:18px}.btn.big small{font:600 12px var(--body);letter-spacing:0;opacity:.8}.btn.pulse{animation:pulse .6s ease 2}@keyframes pulse{50%{transform:scale(1.04)}}.link{color:var(--muted);font:600 14px var(--body);padding:10px;text-decoration:underline;text-underline-offset:3px}.icon-btn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#1e1650b3;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--text);flex:none}.icon-btn:active{transform:scale(.93)}.icon-btn.flag{color:var(--orange)}.icon-spacer{width:44px;height:44px;flex:none}.chip-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;font:700 13px var(--body);color:var(--gold);background:#ffd23d1a;box-shadow:inset 0 0 0 1.5px #ffd23d66}.chip-btn .ic{width:18px;height:18px}.chip-btn:active{transform:scale(.95)}.row{display:flex;gap:10px;align-items:center}.row>.btn{flex:1}.label{margin:18px 0 8px;font:13px var(--display);letter-spacing:.14em;color:var(--muted)}.label-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.label-row .label{margin:0}.hint{margin:10px 0 0;text-align:center;font-size:13px;color:var(--muted);line-height:1.4}.topbar{display:flex;align-items:center;gap:10px;min-height:48px}.topbar-title{flex:1;text-align:center;font:18px var(--display);letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;gap:8px}.mode-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:999px;font:14px var(--display);letter-spacing:.1em;background:#1e1650bf;box-shadow:inset 0 0 0 1.5px var(--line)}.mode-chip i{font-style:normal;display:grid;place-items:center;min-width:26px;height:26px;border-radius:999px;color:#2b1800;background:var(--gold)}.tiles{display:flex;justify-content:center;gap:8px;width:100%}.tile{--c1: #3a2f8a;--c2: #251c62;--edge: #120c38;--ink: var(--text);position:relative;flex:0 1 52px;min-width:0;aspect-ratio:.84;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1.5px #ffffff2e,0 4px 0 var(--edge);color:var(--ink);transform-style:preserve-3d}.tile b{font:400 30px/1 var(--display)}.tile:not(.filled) b{opacity:.25}.tile.masked b{opacity:.7}.tile.cursor:after{content:"";position:absolute;left:22%;right:22%;bottom:14%;height:3px;border-radius:2px;background:currentColor;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.tile.pop{animation:pop .22s ease}@keyframes pop{40%{transform:translateY(-4px) scale(1.08)}}.tile.flip{animation:flip .34s ease}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tiles.shake{animation:shake .36s ease}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.t-me .tile.filled{--c1: #7ff3ff;--c2: #19b6e6;--edge: #0b6c98;--ink: #03253a}.t-them .tile.filled{--c1: #ff9cee;--c2: #e033c0;--edge: #7d0e6e;--ink: #fff}.t-gold .tile.filled{--c1: #fff3b8;--c2: #ffbe1f;--edge: #a86a00;--ink: #3a2300}.t-me .tile.cursor{color:var(--cyan);box-shadow:inset 0 0 0 2px var(--cyan),0 4px 0 var(--edge)}.t-them .tile.cursor{color:var(--pink);box-shadow:inset 0 0 0 2px var(--pink),0 4px 0 var(--edge)}.t-them .tile.masked:not(.filled) b{opacity:.55;color:var(--pink)}.s-lg .tile{flex-basis:56px;border-radius:14px}.s-lg .tile b{font-size:34px}.s-md .tile{flex-basis:42px;border-radius:10px}.s-md .tile b{font-size:24px}.s-sm .tile{flex-basis:30px;border-radius:8px;box-shadow:inset 0 1px #ffffff2e,0 3px 0 var(--edge)}.s-sm .tile b{font-size:17px}.s-xs{gap:3px;width:auto}.s-xs .tile{flex:0 0 18px;border-radius:5px;box-shadow:0 2px 0 var(--edge)}.s-xs .tile b{font-size:11px}.chips{display:inline-flex;gap:4px;flex:none}.chip{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 7px;border-radius:8px;font:14px/1 var(--display)}.chip.plus{color:#032a1a;background:var(--green)}.chip.minus{color:#2e1100;background:var(--orange)}.chip.zero{color:var(--muted);background:#a096dc29;box-shadow:inset 0 0 0 1px var(--line)}.chip.in{animation:chipin .42s cubic-bezier(.3,1.6,.5,1) both}@keyframes chipin{0%{opacity:0;transform:scale(.3) translateY(6px)}to{opacity:1;transform:none}}.pegs{display:none;gap:3px}.pegs i{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line2)}.pegs i.p{background:var(--green);box-shadow:none}.pegs i.m{background:var(--orange);box-shadow:none}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.key{position:relative;height:clamp(44px,6.6vh,58px);border-radius:14px;display:grid;place-items:center;font:24px var(--display);background:linear-gradient(180deg,#3a2f8a,#2a2170);box-shadow:inset 0 1.5px #ffffff29,0 4px #120c38;transition:transform .08s ease,opacity .15s ease}.key b{font-weight:400}.key:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1.5px #ffffff29,0 1px #120c38}.key.used{opacity:.28}.key.nope{animation:shake .3s ease}.key.fn{color:var(--muted);background:linear-gradient(180deg,#2a2170,#1f185a)}.key.go{font-size:15px;letter-spacing:.06em;color:#2b1800;background:linear-gradient(180deg,#fff1a6,var(--gold) 45%,var(--gold2));box-shadow:inset 0 1.5px #ffffff80,0 4px #a86a00}.key.go:disabled{opacity:.35}.key i{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:10px;pointer-events:none}.key.mark-out b{text-decoration:line-through;text-decoration-thickness:3px;color:var(--dim)}.key.mark-in i{box-shadow:inset 0 0 0 2px var(--gold)}.seg{display:flex;gap:6px;padding:5px;border-radius:16px;background:#0a071e8c;box-shadow:inset 0 0 0 1.5px var(--line)}.seg-btn{flex:1;min-height:46px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);transition:transform .12s ease}.seg-btn b{font:400 18px var(--display)}.seg-btn small{font:700 10px var(--body);letter-spacing:.12em}.seg-btn.on{color:#2b1800;background:linear-gradient(180deg,#fff1a6,var(--gold) 50%,var(--gold2));box-shadow:0 3px #a86a00}.seg-btn:active{transform:scale(.97)}.home{display:flex;flex-direction:column}.home>*{width:100%}.home-top{display:flex;justify-content:space-between}.logo{text-align:center;margin-top:-6px}.logo-top{font:16px var(--display);letter-spacing:.42em;color:var(--cyan);margin-right:-.42em}.logo-main{font:clamp(40px,13vw,58px)/1 var(--display);letter-spacing:.04em;background:linear-gradient(180deg,#fff6c9 0%,var(--gold) 45%,var(--gold2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(255,190,40,.25)}.logo-reel{display:inline-block;margin:12px auto 0;padding:10px 12px 14px;border-radius:18px;background:linear-gradient(180deg,#2a2170,#17113d);box-shadow:inset 0 0 0 2px #ffd23d73,0 10px 30px #00000059}.logo-reel .tiles{width:220px}.tagline{margin:10px 0 0;color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.stat{border-radius:14px;padding:10px 6px;text-align:center;background:#18123fbf;box-shadow:inset 0 0 0 1.5px var(--line)}.stat b{display:block;font:22px var(--display)}.stat small{font:700 10px var(--body);letter-spacing:.12em;color:var(--muted)}.stat.gold b{color:var(--gold)}.modes{display:flex;flex-direction:column;gap:10px;margin-top:16px}.mode{--a: var(--gold);--a2: var(--gold2);display:flex;align-items:center;gap:14px;min-height:74px;padding:0 14px;border-radius:20px;text-align:left;background:linear-gradient(110deg,color-mix(in srgb,var(--a) 22%,#18123f),#18123f 70%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--a) 50%,transparent),0 5px #0d0930;transition:transform .12s ease}.mode:active:not(:disabled){transform:translateY(3px)}.mode:disabled{opacity:.5}.mode.local{--a: var(--cyan);--a2: var(--cyan2)}.mode.online{--a: var(--pink);--a2: var(--pink2)}.mode-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#160d33;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 60%,#fff),var(--a) 55%,var(--a2));flex:none}.mode-ic .ic{width:28px;height:28px}.mode-txt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.mode-txt b{font:400 20px var(--display);letter-spacing:.05em}.mode-txt small{color:var(--muted);font-size:13px}.mode-go{color:var(--a)}.mode-go .ic{width:20px;height:20px}.section{display:flex;align-items:center;gap:8px;margin:26px 0 10px;font:15px var(--display);letter-spacing:.14em;color:var(--muted)}.section small{font:12px var(--display);color:var(--text);padding:2px 8px;border-radius:999px;background:var(--panel3)}.empty{margin:0;padding:22px 16px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5;border-radius:16px;border:1.5px dashed var(--line)}.games{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.game{width:100%;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;border-radius:16px;text-align:left;position:relative;overflow:hidden;background:#18123fd9;box-shadow:inset 0 0 0 1.5px var(--line)}.game:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}.game.win:before{background:var(--green)}.game.loss:before{background:var(--red)}.game:active{transform:scale(.99)}.game-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.game-name{font:700 15px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-main small{color:var(--muted);font-size:12px}.game-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.game-side .chip{min-width:26px;height:20px;font-size:11px;border-radius:6px;padding:0 5px}.badge{display:inline-flex;align-items:center;gap:4px;font:700 11px var(--body);letter-spacing:.04em;padding:5px 8px;border-radius:999px;flex:none}.badge .ic{width:14px;height:14px}.badge.win{color:var(--green);background:#38f2a01f}.badge.loss{color:var(--red);background:#ff4d6a1f}.badge.live{color:var(--gold);background:#ffd23d1f}.banner-space{height:var(--banner);flex:none}.setup{display:flex;flex-direction:column}.setup>*{width:100%}.secret-box{padding:16px 12px 14px;border-radius:18px;background:#18123fcc;box-shadow:inset 0 0 0 1.5px var(--line)}.cta-dock{position:sticky;bottom:calc(-16px - var(--safe-bottom));margin:4px auto calc(-16px - var(--safe-bottom));padding:22px 0 calc(16px + var(--safe-bottom));background:linear-gradient(180deg,transparent,var(--bg) 38%)}.cta{min-height:58px;font-size:19px}.online-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.join{margin-top:6px}.join-row{display:flex;gap:10px}.join-row input{flex:1}.join-row .btn{min-height:50px}.wait-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#080518db;animation:fadein .2s ease}.wait-card{width:min(380px,100%);padding:26px 20px 18px;border-radius:24px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:inset 0 0 0 1.5px var(--line2),0 20px 50px #00000080}.wait-card h3{margin:0;font:20px var(--display);letter-spacing:.04em}.wait-card .row{width:100%}.wait-card .tiles{max-width:300px}.wait-card>.btn.ghost{width:100%}.spinner-reel{display:flex;gap:6px;justify-content:center}.spinner-reel i{width:14px;height:18px;border-radius:4px;background:var(--gold);animation:bounce .9s ease-in-out infinite}.spinner-reel i:nth-child(2){background:var(--cyan);animation-delay:.15s}.spinner-reel i:nth-child(3){background:var(--pink);animation-delay:.3s}.spinner-reel.big i{width:22px;height:28px;border-radius:6px}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-9px);opacity:1}}@keyframes fadein{0%{opacity:0}}.play.screen{overflow:hidden}.play{display:flex;flex-direction:column;gap:10px}.play>*{width:100%;flex:none}.duel{display:flex;align-items:stretch;gap:8px}.duel-card{flex:1;min-width:0;padding:8px 8px 12px;border-radius:16px;display:flex;flex-direction:column;gap:6px;align-items:center;background:#18123fd9;box-shadow:inset 0 0 0 1.5px var(--line);transition:transform .2s ease,opacity .2s ease}.duel-card small{display:flex;align-items:center;gap:6px;font:11px var(--display);letter-spacing:.14em;color:var(--muted)}.duel-card.me.active{box-shadow:inset 0 0 0 2px var(--cyan),0 0 22px #2ee6ff38}.duel-card.them.active{box-shadow:inset 0 0 0 2px var(--pink),0 0 22px #ff4fd838}.duel-card:not(.active){opacity:.82}.duel .vs{align-self:center;font:13px var(--display);color:var(--dim)}.duel .s-md .tile{flex-basis:30px}.duel .s-md .tile b{font-size:18px}.peek{color:var(--cyan);display:grid;place-items:center;width:22px;height:22px}.peek .ic{width:16px;height:16px}.turn{position:relative;min-height:36px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font:15px var(--display);letter-spacing:.14em}.turn.mine{color:var(--cyan);background:#2ee6ff1a}.turn.theirs{color:var(--pink);background:#ff4fd814}.turn.over.win{color:var(--green);background:#38f2a01f}.turn.over.loss{color:var(--red);background:#ff4d6a1f}.turn.over.void{color:var(--muted);background:#a096dc1f}.turn.flash{animation:flash .5s ease}@keyframes flash{30%{transform:scale(1.04)}}.turn .timer{font:13px var(--display);letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:#ffffff14;color:var(--text)}.turn .timer.low{color:#2e1100;background:var(--orange);animation:pulse 1s ease infinite}.turn{flex-wrap:wrap;row-gap:2px;padding:4px 8px}.turn .away{flex-basis:100%;text-align:center;font:600 11px var(--body);letter-spacing:0;color:var(--orange)}.logs{flex:1 1 auto!important;min-height:90px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.log{min-height:0;display:flex;flex-direction:column;border-radius:16px;background:#0f0b2ab3;box-shadow:inset 0 0 0 1.5px var(--line);overflow:hidden}.log h5{margin:0;padding:9px 10px 7px;display:flex;align-items:center;justify-content:space-between;font:11px var(--display);letter-spacing:.12em;border-bottom:1px solid var(--line);white-space:nowrap;gap:6px}.log h5>:first-child,.log h5{overflow:hidden;text-overflow:ellipsis}.log.me h5{color:var(--cyan)}.log.them h5{color:var(--pink)}.log h5 small{color:var(--muted);font-size:11px}.log ol{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:5px}.log li{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 4px;border-radius:10px;background:#281f648c}.log li>i{width:16px;text-align:right;font:600 10px var(--body);font-style:normal;color:var(--dim);flex:none}.log li>b{flex:1;min-width:0;font:400 16px var(--display);letter-spacing:.08em}.log li .fb{display:flex;align-items:center;gap:4px;flex:none}.log li .chip{min-width:26px;height:22px;font-size:12px;padding:0 5px;border-radius:6px}.log li.latest{background:#3c308cb3}.log li.solved{box-shadow:inset 0 0 0 2px var(--green)}.log li.new{animation:rowin .38s cubic-bezier(.3,1.4,.5,1)}@keyframes rowin{0%{opacity:0;transform:translateY(-10px) scale(.94)}}.log li.none{justify-content:center;background:none;color:var(--dim);font-size:12px;padding:14px 4px}.fb.pending{gap:3px!important;padding-right:4px}.fb.pending .dot{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:bounce .9s ease-in-out infinite}.fb.pending .dot:nth-child(2){animation-delay:.15s}.fb.pending .dot:nth-child(3){animation-delay:.3s}.notes{display:flex;align-items:center;gap:8px}.notes-label{display:flex;align-items:center;gap:4px;font:10px var(--display);letter-spacing:.1em;color:var(--muted);flex:none}.notes-label .ic{width:14px;height:14px}.notes-keys{flex:1;display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.note{height:30px;border-radius:8px;font:15px var(--display);color:var(--muted);background:#1e1650b3;box-shadow:inset 0 0 0 1px var(--line)}.note.out{color:var(--dim);text-decoration:line-through;text-decoration-thickness:2px;opacity:.6}.note.in{color:#2b1800;background:var(--gold);box-shadow:none}.note:active{transform:scale(.92)}.dock{padding:12px 12px calc(12px + var(--banner));border-radius:20px;background:linear-gradient(180deg,#211a55f2,#18123ff2);box-shadow:inset 0 0 0 1.5px var(--line2),0 -8px 30px #00000040}.dock.swap{animation:dockin .25s ease}@keyframes dockin{0%{opacity:0;transform:translateY(10px)}}.dock .numpad{margin-top:10px}.dock-label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px;font:13px var(--display);letter-spacing:.1em;color:var(--muted);text-align:center}.dock-label small{font:500 12px var(--body);letter-spacing:0;color:var(--dim)}.d-theirGuess .dock-label{color:var(--pink)}.d-guess .dock-label{color:var(--cyan)}.waiting{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font:15px var(--display);letter-spacing:.1em;color:var(--pink)}.result-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0 12px}.result-card .chips .chip{min-width:52px;height:38px;font-size:22px;border-radius:10px}.result-card .tiles{max-width:320px}.fb-guess{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.fb-guess .tiles{width:auto;flex:1;justify-content:flex-start}.fb-preview{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.fb-preview .pegs{display:flex}.pick-wrap{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.pick-label{font:700 11px var(--body);letter-spacing:.1em;text-transform:uppercase}.pick-label.plus{color:var(--green)}.pick-label.minus{color:var(--orange)}.pick-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.pick{height:42px;border-radius:12px;font:17px var(--display);background:#281f64cc;box-shadow:inset 0 0 0 1.5px var(--line)}.pick:disabled{opacity:.25}.pick-row.plus .pick.on{color:#032a1a;background:var(--green);box-shadow:0 3px #10865a}.pick-row.minus .pick.on{color:#2e1100;background:var(--orange);box-shadow:0 3px #a64a12}.pick:active:not(:disabled){transform:scale(.95)}.over-line{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px}.over-line b{font:22px var(--display);letter-spacing:.06em}.over-line small{color:var(--muted);font-size:13px}.over-line.win b{color:var(--green)}.over-line.loss b{color:var(--red)}.d-over{display:flex;flex-direction:column;gap:10px}.result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px);background:#080518d1;animation:fadein .25s ease;overflow:hidden}.result.hide{opacity:0;transition:opacity .22s ease}.result-card-big{position:relative;width:min(400px,100%);padding:24px 18px 14px;border-radius:26px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:inset 0 0 0 2px var(--line2),0 24px 60px #0000008c;animation:cardin .5s cubic-bezier(.3,1.4,.5,1)}@keyframes cardin{0%{opacity:0;transform:translateY(30px) scale(.9)}}.result-ic{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;margin-top:-58px;color:#2b1800;background:linear-gradient(180deg,#fff1a6,var(--gold) 50%,var(--gold2));box-shadow:0 5px #a86a00,0 12px 30px #ffbe2859}.result-ic .ic{width:40px;height:40px}.result.loss .result-ic{color:#fff;background:linear-gradient(180deg,#ff9fb0,var(--red));box-shadow:0 5px #9b1630}.result.void .result-ic{color:var(--text);background:var(--panel3);box-shadow:0 5px #0d0930}.result h2{margin:6px 0 0;font:34px var(--display);letter-spacing:.04em}.result.win h2{color:var(--green)}.result.loss h2{color:var(--red)}.result p{margin:0;color:var(--muted);font-size:15px}.result-nums{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 6px}.result-nums>div{display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px 6px 14px;border-radius:14px;background:#0a071e80}.result-nums small{font:10px var(--display);letter-spacing:.14em;color:var(--muted)}.result-nums .s-md .tile{flex-basis:28px}.result-nums .s-md .tile b{font-size:17px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translate(var(--dx),110vh) rotate(var(--rot))}}.toast{position:fixed;left:50%;z-index:60;bottom:calc(var(--safe-bottom) + var(--banner) + 24px);max-width:calc(100% - 32px);padding:12px 18px;border-radius:14px;font:600 14px var(--body);color:var(--text);background:#2b2270;box-shadow:inset 0 0 0 1.5px var(--line2),0 10px 30px #0006;opacity:0;transform:translate(-50%,16px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:#5a1830}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.modal-root>*{pointer-events:auto}.dialog-wrap,.sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#060414b3;opacity:0;transition:opacity .2s ease}.dialog-wrap.show,.sheet-wrap.show{opacity:1}.dialog-wrap{display:grid;place-items:center;padding:24px}.dialog{width:min(360px,100%);padding:22px 18px 18px;border-radius:22px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:inset 0 0 0 1.5px var(--line2);transform:scale(.94);transition:transform .2s ease}.dialog-wrap.show .dialog{transform:none}.dialog h3{margin:0 0 8px;font:20px var(--display)}.dialog p{margin:0 0 18px;color:var(--muted);line-height:1.45;font-size:15px}.sheet-wrap{display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(var(--maxw),100%);max-height:88%;display:flex;flex-direction:column;border-radius:26px 26px 0 0;background:linear-gradient(180deg,var(--panel2),var(--panel) 30%);box-shadow:inset 0 1.5px 0 var(--line2),0 -20px 50px #0006;transform:translateY(40px);transition:transform .22s ease;padding-bottom:var(--safe-bottom)}.sheet-wrap.show .sheet{transform:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 20px}.sheet-head h3{margin:0;font:20px var(--display);letter-spacing:.04em}.sheet-body{overflow-y:auto;padding:4px 20px 20px;display:flex;flex-direction:column;gap:14px}.how-step{display:flex;gap:12px}.how-n{width:30px;height:30px;border-radius:10px;flex:none;display:grid;place-items:center;font:16px var(--display);color:#2b1800;background:var(--gold)}.how-step h4{margin:4px 0 6px;font:16px var(--display);letter-spacing:.03em}.how-step p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.how-clues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}.how-clues li{display:flex;align-items:center;gap:10px}.how-clues .chip{min-width:28px}.how-example{margin-top:10px;padding:10px;border-radius:14px;background:#0a071e80;display:flex;flex-direction:column;gap:8px}.ex-row{display:flex;align-items:center;gap:10px}.ex-row small{width:18px;text-align:center;color:var(--muted)}.ex-row .tiles{width:auto}.ex-row .tile{flex:0 0 28px}.how-modes{margin:0;padding:12px 14px;border-radius:14px;background:#0a071e80;color:var(--muted);font-size:13px;line-height:1.55}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font:600 16px var(--body)}.set-row .seg{width:140px}.set-row .seg-btn{min-height:38px}.toggle{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;font:700 14px var(--body);background:#1e1650cc;box-shadow:inset 0 0 0 1.5px var(--line2)}.detail-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-head b{font:17px var(--display)}.detail-head small{color:var(--muted);margin-left:auto}.duel.static .duel-card{opacity:1}.logs.static{min-height:0}.logs.static .log ol{max-height:260px}.mock-ad{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#000000d9}.mock-ad .card{padding:30px 40px;border-radius:20px;background:var(--panel2);display:flex;flex-direction:column;align-items:center;gap:8px;font:24px var(--display)}@media(max-height:700px){.play{gap:7px}.duel-card{padding:6px 6px 9px}.notes{display:none}.key{height:clamp(40px,6vh,50px)}.dock{padding-top:10px}.dock-label{margin-bottom:6px}.dock-label small{display:none}.s-lg .tile b{font-size:28px}.dock .s-lg .tile{flex-basis:46px}}@media(max-height:600px){.duel{display:none}}@media(max-width:360px){:root{--gut: 12px}.log li>b{font-size:14px;letter-spacing:.04em}.log li .chip{min-width:22px;padding:0 3px;font-size:11px}.game-side .chips{display:none}}@media(min-width:560px){.log li .pegs{display:flex}}@media(min-width:900px)and (min-height:560px){:root{--maxw: 560px}}