@font-face{font-family:Archivo Variable;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/chess/fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations")}@font-face{font-family:Manrope Variable;font-weight:200 800;font-display:swap;src:url(/chess/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations")}:root{--ink: #070a12;--panel: #0e1424;--panel-2: #141d33;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--text: #eef2fb;--muted: #9aa7c0;--accent: #4d9aff;--accent-hi: #8fc0ff;--mint: #4fe3ae;--gold: #f5c25b;--rose: #ff7a9a;--display: "Archivo Variable", "Archivo", ui-sans-serif, system-ui, sans-serif;--body: "Manrope Variable", "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--sq: 44px;--frame: 10px;--sq-light: #ece4cf;--sq-dark: #7593c4;--on-light: #5d7bad;--on-dark: #f3ecda;--last: rgba(120, 215, 255, .5);--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)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}#app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 70% at 50% -10%,rgba(47,107,255,.26),transparent 60%),radial-gradient(90% 60% at 100% 110%,rgba(245,194,91,.1),transparent 60%),var(--ink)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:default}svg{display:block}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(16px + var(--safe-left))}.menu{display:flex;flex-direction:column;gap:12px;width:min(340px,100%)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;height:58px;border-radius:18px;padding:0 16px;font-family:var(--display);font-weight:760;font-stretch:106%;font-size:19px;letter-spacing:.2px;white-space:nowrap;transition:transform .15s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn-primary{color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent) 55%,#2f6bff);box-shadow:0 12px 30px #2f6bff66,inset 0 1px #ffffff80}.btn-ghost{background:var(--panel-2);border:1px solid var(--line-2)}.btn-gold{color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:0 12px 30px #f5c25b4d,inset 0 1px #ffffff8c}.btn small{font-family:var(--body);font-weight:600;font-size:13px;color:var(--muted)}.btn-primary small{color:#12306a}.btn-gold small{color:#6a4508}.btn .ico{width:20px;height:20px;flex:none}.round{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line-2);flex:none}.round svg{width:20px;height:20px}.by{font-size:12px;color:var(--muted)}.by a{color:var(--accent-hi);text-decoration:none}.mini{display:inline-block;width:17px;height:17px;flex:none;vertical-align:-3px;margin-right:5px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.mini svg{width:100%;height:100%}.home{justify-content:center;gap:18px;text-align:center}.home-logo{position:relative;width:190px;height:114px;margin:0 auto}.home-logo .glow{position:absolute;inset:-26px -40px -18px;border-radius:50px;background:radial-gradient(closest-side,rgba(245,194,91,.16),transparent)}.lg-board{position:absolute;inset:0;border-radius:12px;overflow:visible;background:repeating-conic-gradient(var(--sq-dark) 0 25%,var(--sq-light) 0 50%) 0 0 / 76px 76px;box-shadow:0 0 0 5px #17223b,0 0 0 6px #f5c25b59,0 22px 40px #0000008c;transform:perspective(500px) rotateX(14deg)}.lg-pc{position:absolute;width:36px;height:36px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.45))}.lg-pc svg{width:100%;height:100%}.lg-arrow{position:absolute;inset:0;pointer-events:none;animation:lg-arrow 4s ease-in-out infinite}.lg-arrow svg{width:190px;height:114px}.lg-pc.jumper{z-index:2;animation:lg-jump 4s cubic-bezier(.45,0,.4,1) infinite}.lg-pc.victim{animation:lg-victim 4s ease infinite}@keyframes lg-jump{0%,26%{transform:none;opacity:1}38%{transform:translate(18px,-50px) scale(1.3);filter:drop-shadow(0 16px 8px rgba(0,0,0,.4))}48%,80%{transform:translate(38px,-76px);opacity:1}86%{transform:translate(38px,-76px);opacity:0}87%{transform:none;opacity:0}95%,to{transform:none;opacity:1}}@keyframes lg-victim{0%,42%{transform:none;opacity:1}46%{transform:scale(1.3) rotate(-10deg);opacity:.9}52%,86%{transform:scale(0);opacity:0}95%,to{transform:none;opacity:1}}@keyframes lg-arrow{0%,6%{opacity:0}12%,30%{opacity:1}38%,to{opacity:0}}.home h1{font-family:var(--display);font-weight:820;font-stretch:112%;font-size:clamp(40px,11vw,62px);line-height:.95;letter-spacing:-1.5px;margin:0}.home h1 span{display:block;font-size:.42em;letter-spacing:6px;font-weight:700;color:var(--accent-hi);margin-bottom:8px}.best-line{font-size:14px;color:var(--muted);letter-spacing:.3px;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.best-line b{font-family:var(--display);color:var(--gold);font-size:18px;margin-left:6px}.best-line .lvl{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-hi);padding:3px 9px;border-radius:999px;background:#4d9aff1f;border:1px solid rgba(143,192,255,.25)}.best-line .rating{display:inline-flex;align-items:center;gap:2px;padding:3px 10px 3px 7px;border-radius:999px;color:var(--gold);background:#f5c25b1a;border:1px solid rgba(245,194,91,.3)}.best-line .rating svg{width:16px;height:16px}.best-line .rating b{margin-left:4px}.best-line .rating small{margin-left:6px;font-size:9.5px;font-weight:800;letter-spacing:1.2px;color:#d8b56a}.setup{width:min(360px,100%);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:22px;background:linear-gradient(180deg,#151f37,#0f172a);border:1px solid var(--line-2);box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff0d}.setup[data-mode=cpu] .local-only,.setup[data-mode=local] .cpu-only{display:none}.opt{display:flex;align-items:center;gap:10px}.opt>span{flex:0 0 52px;text-align:left;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.seg{flex:1;display:flex;gap:3px;padding:3px;border-radius:13px;background:#0000004d;border:1px solid var(--line);min-width:0}.seg button{flex:1;height:34px;border-radius:10px;font-family:var(--display);font-weight:720;font-size:14px;color:var(--muted);transition:background .2s ease,color .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 4px;min-width:0}.seg button>svg{width:16px;height:16px;flex:none}.seg button .mini{margin-right:1px;width:18px;height:18px}.seg button.on{color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent));box-shadow:0 4px 12px #2f6bff59,inset 0 1px #ffffff80}.lvl-pick{flex:1;min-width:0;display:flex;align-items:center;gap:4px;padding:3px;border-radius:13px;background:#0000004d;border:1px solid var(--line)}.lvl-arrow{width:32px;height:46px;border-radius:10px;display:grid;place-items:center;color:var(--accent-hi);flex:none;transition:opacity .2s ease}.lvl-arrow:disabled{opacity:.25}.lvl-arrow svg{width:18px;height:18px}.lvl-arrow:active:not(:disabled){background:#ffffff0f}.lvl-face{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left}.lvl-face .av-wrap{grid-row:1 / 3;width:40px;height:40px}.lvl-text{min-width:0}.lvl-text b{display:flex;align-items:baseline;gap:6px;font-family:var(--display);font-weight:800;font-size:15.5px;line-height:1.15;white-space:nowrap}.lvl-text b em{font-style:normal;font-family:var(--body);font-weight:700;font-size:12px;color:var(--muted)}.lvl-text small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvl-dots{display:flex;gap:3px;margin-top:4px}.lvl-dots i{width:14px;height:4px;border-radius:2px;background:#ffffff1f}.lvl-dots i.on{background:linear-gradient(90deg,var(--accent-hi),var(--accent));box-shadow:0 0 6px #4d9aff73}.home-foot{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.btn.daily{height:58px;justify-content:flex-start;gap:12px;padding:0 14px 0 10px;background:linear-gradient(180deg,#f5c25b29,#f5c25b0f);border:1px solid rgba(245,194,91,.42);color:var(--text)}.btn.daily .d-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#2a1a02;flex:none;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:0 6px 14px #f5c25b4d,inset 0 1px #fff9}.btn.daily .d-ico svg{width:22px;height:22px}.btn.daily.done .d-ico{color:#053;background:linear-gradient(180deg,#c8fff0,var(--mint) 60%,#17b07c);box-shadow:0 6px 14px #4fe3ae4d,inset 0 1px #fff9}.d-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.d-text b{font-size:17px}.d-text small{font-size:12.5px;color:#d8b56a}.btn.daily.done .d-text small{color:#8fe8c8}.streak{display:inline-flex;align-items:center;gap:3px;padding:4px 9px 4px 6px;border-radius:999px;color:var(--muted);background:#ffffff0f;border:1px solid var(--line-2);flex:none}.streak svg{width:15px;height:15px}.streak b{font-family:var(--display);font-size:15px;color:var(--text)}.streak small{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--muted);margin-left:2px}.streak.on{color:#ff9a3d;background:#ff8c3224;border-color:#ff9a3d73}.streak.on svg{filter:drop-shadow(0 0 6px rgba(255,140,50,.8))}.help-pill{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 8px;border-radius:999px;flex:none;background:var(--panel-2);border:1px solid var(--line-2);font-family:var(--display);font-weight:740;font-stretch:104%;font-size:15px;letter-spacing:.2px;color:var(--text);white-space:nowrap;transition:transform .15s ease}.help-pill:active{transform:scale(.96)}.help-pill .q,.round.help .q{display:grid;place-items:center;border-radius:50%;font-family:var(--display);font-weight:860;line-height:1;color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent));box-shadow:0 0 12px #4d9aff73}.help-pill .q{width:30px;height:30px;font-size:17px}.round.help .q{width:24px;height:24px;font-size:14.5px}.game.roomy .round.help .q{width:28px;height:28px;font-size:16px}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#04060cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .25s ease both}@keyframes fade{0%{opacity:0}}.card{position:relative;width:min(380px,100%);max-height:100%;padding:24px 22px 20px;border-radius:26px;text-align:center;background:linear-gradient(180deg,#17213a,#0d1424);border:1px solid rgba(143,192,255,.3);box-shadow:0 40px 80px #0009;animation:card .4s cubic-bezier(.2,1.3,.4,1) both;display:flex;flex-direction:column}@keyframes card{0%{transform:translateY(24px) scale(.94);opacity:0}}.card h2{font-family:var(--display);font-weight:820;font-stretch:110%;font-size:30px;margin:0 0 4px;letter-spacing:-.5px}.card p{margin:0 0 4px;color:var(--muted)}.card p.note{margin-top:10px;font-size:13px}.card .menu{margin:16px auto 0}.card .x{position:absolute;top:12px;right:12px;width:38px;height:38px}.sheet{text-align:left;width:min(460px,100%)}.sheet h2{text-align:center}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.setting>div:first-child b{display:block;font-size:15px}.setting>div:first-child small{display:block;margin-top:2px;line-height:1.35;color:var(--muted);font-size:12.5px}.setting .seg{flex:0 0 auto;min-width:118px}.rules-note{margin-top:14px;padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.5;color:#c9d3e8;background:#4d9aff14;border:1px solid rgba(143,192,255,.18)}.rules-note b{color:#fff}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 4px}.theme{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 7px;border-radius:14px;border:1px solid var(--line-2);background:#ffffff08}.theme.on{border-color:var(--gold);background:#f5c25b1a;box-shadow:0 0 0 1px #f5c25b66}.theme .sw{display:grid;grid-template-columns:1fr 1fr;width:46px;height:46px;border-radius:8px;overflow:hidden;box-shadow:0 0 0 2px #16213b,0 4px 10px #0006}.theme .sw i:nth-child(1),.theme .sw i:nth-child(4){background:var(--l)}.theme .sw i:nth-child(2),.theme .sw i:nth-child(3){background:var(--d)}.theme small{font-size:12px;font-weight:700;color:var(--muted)}.theme.on small{color:var(--gold)}.confirm .trophy{width:60px;height:60px;border-radius:20px}.confirm .trophy svg{width:34px;height:34px}.game{gap:8px}.bar{width:100%;display:flex;align-items:center;gap:10px;flex:none;min-height:46px}.title-box{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}.eyebrow{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent-hi);text-transform:uppercase;white-space:nowrap}.status{max-width:100%;font-family:var(--display);font-weight:800;font-stretch:106%;font-size:19px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.status.warn{color:#ffe39a}.status.gold{color:var(--gold)}.status.red{color:#ff8f9f}.arena{position:relative;flex:none;display:grid;place-items:center}.board-wrap{position:relative;padding:var(--frame);border-radius:calc(var(--frame) * 1.4);background:linear-gradient(155deg,#2a3b62,#16213b 38%,#0c1426);box-shadow:0 30px 60px #0000008c,0 0 80px #2f6bff1f,inset 0 1px #ffffff24,inset 0 0 0 1px #8fc0ff29}.board-wrap:before{content:"";position:absolute;inset:calc(var(--frame) * .4);border-radius:calc(var(--frame) * .8);border:1px solid rgba(245,194,91,.32);pointer-events:none}.board{position:relative;border-radius:3px;overflow:hidden;touch-action:none;cursor:pointer;box-shadow:0 0 0 1px #0000008c,0 0 0 2px #8fc0ff24,0 6px 16px #0006}.board .squares{position:absolute;inset:0;width:100%;height:100%}.squares rect.l{fill:var(--sq-light)}.squares rect.d{fill:var(--sq-dark)}.board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 30% 10%,rgba(255,255,255,.1),transparent 55%),radial-gradient(140% 120% at 50% 50%,transparent 60%,rgba(0,0,0,.14))}.coords{position:absolute;inset:0;pointer-events:none;z-index:1;font-family:var(--display);font-weight:800;font-size:max(9px,calc(var(--sq) * .19));line-height:1}.coords span{position:absolute}.coords .rk{left:calc(var(--sq) * .06);margin-top:calc(var(--sq) * .05)}.coords .fl{bottom:calc(var(--sq) * .04);margin-left:calc(var(--sq) * .82)}.coords .on-l{color:var(--on-light)}.coords .on-d{color:var(--on-dark)}.no-coords .coords{display:none}.marks,.pieces{position:absolute;inset:0;pointer-events:none}.arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.marks{z-index:1}.pieces{z-index:2}.mark{position:absolute;left:0;top:0;width:var(--sq);height:var(--sq)}.mark.last{background:var(--last)}.mark.sel-sq{background:#ffcf4d9e;box-shadow:inset 0 0 0 3px #ffebaab3}.mark.check{background:radial-gradient(closest-side,#ff3048f2,#ff30488c 45%,#ff304800);animation:check-pulse 1.1s ease-in-out infinite alternate}.mark.check.mate{background:radial-gradient(closest-side,#ff283c,#dc1432b3 55%,#dc143226);animation:none}@keyframes check-pulse{0%{opacity:.7}to{opacity:1}}.mark.target{display:grid;place-items:center;z-index:4}.mark.target i{width:30%;height:30%;border-radius:50%;background:#0c163057;box-shadow:inset 0 1px 2px #00000040;transition:transform .12s ease}.mark.target.cap i{width:100%;height:100%;border-radius:0;background:radial-gradient(circle,#0c163000 64%,#0c163061 66%);box-shadow:none}.mark.target.hot{background:#fff3;box-shadow:inset 0 0 0 3px #ffffffbf}.mark.target.hot i{transform:scale(1.3)}.hint-arrow{fill:#f5c25be6;stroke:#6e42068c;stroke-width:.035;stroke-linejoin:round;filter:drop-shadow(0 .04px .06px rgba(0,0,0,.5));animation:hint-in .4s cubic-bezier(.2,1.3,.4,1) both}@keyframes hint-in{0%{opacity:0}}.pc{position:absolute;left:0;top:0;width:var(--sq);height:var(--sq);will-change:transform}.pc-in{position:absolute;inset:2%;filter:drop-shadow(0 calc(var(--sq) * .045) calc(var(--sq) * .04) rgba(0,0,0,.45));transition:transform .18s cubic-bezier(.2,1.4,.4,1)}.pc-in svg{width:100%;height:100%}.pc.moving,.pc.drag{z-index:6}.pc.moving .pc-in,.pc.drag .pc-in{filter:drop-shadow(0 calc(var(--sq) * .14) calc(var(--sq) * .1) rgba(0,0,0,.45))}.pc.drag .pc-in{transform:scale(1.18)}.pc.sel{z-index:3}.pc.sel .pc-in{transform:translateY(-4%) scale(1.06)}.pc.hinted:before{content:"";position:absolute;inset:4%;border-radius:50%;pointer-events:none;box-shadow:0 0 0 calc(var(--sq) * .05) #f5c25bf2,0 0 calc(var(--sq) * .4) #f5c25bb3;animation:must .85s ease-in-out infinite alternate}@keyframes must{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.pc.nudge .pc-in{animation:nudge .55s cubic-bezier(.3,1.6,.5,1)}@keyframes nudge{30%{transform:translateY(-14%) scale(1.12)}}.pc.shake{animation:shake .3s ease}@keyframes shake{25%{translate:-5px 0}75%{translate:5px 0}}.pc.pop-in .pc-in{animation:pc-in .38s cubic-bezier(.2,1.5,.4,1) both}@keyframes pc-in{0%{transform:scale(.3);opacity:0}}.pc.gone{z-index:7}.pc.toppled .pc-in{transform:rotate(-16deg) translate(-4%,6%);transition:transform .6s cubic-bezier(.5,1.6,.5,1) .2s}.pc.promoted:after{content:"";position:absolute;inset:-30%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#fff3c8f2,#f5c25b8c 45%,#f5c25b00 72%);animation:flash .8s ease-out forwards}.pc.promoted .pc-in{animation:pc-in .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes flash{0%{transform:scale(.3);opacity:0}25%{opacity:1}to{transform:scale(1.5);opacity:0}}.promo{position:absolute;inset:0;z-index:20;background:#0509148c;animation:fade .2s ease both}.promo-col{position:absolute;left:0;top:0;width:var(--sq);display:flex;flex-direction:column;border-radius:calc(var(--sq) * .2);background:linear-gradient(180deg,#1d2a4b,#111a30);box-shadow:0 0 0 2px #f5c25bb3,0 18px 40px #0009;overflow:hidden;animation:card .32s cubic-bezier(.2,1.3,.4,1) both}.promo-pc{width:var(--sq);height:var(--sq);padding:8%;transition:background .15s ease}.promo-pc+.promo-pc{border-top:1px solid rgba(255,255,255,.08)}.promo-pc svg{width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.promo-pc:hover,.promo-pc:active{background:radial-gradient(closest-side,#f5c25b73,#f5c25b14)}.toast{position:absolute;left:50%;bottom:8%;z-index:9;transform:translate(-50%);padding:9px 16px;border-radius:999px;white-space:nowrap;font-weight:800;font-size:14.5px;color:#ffe39a;background:#090e1ced;border:1px solid rgba(255,227,154,.45);box-shadow:0 10px 26px #00000080;opacity:0;pointer-events:none}.toast.show{animation:toast 1.9s ease both}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1.03)}18%{transform:translate(-50%)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}.seat{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:18px;flex:none;background:linear-gradient(180deg,#19243feb,#0f1729eb);border:1px solid var(--line-2);box-shadow:0 10px 24px #0000004d,inset 0 1px #ffffff0f;transition:border-color .25s ease,box-shadow .25s ease}.seat.turn{border-color:#4fe3ae8c;box-shadow:0 0 0 1px #4fe3ae40,0 10px 26px #4fe3ae29}.seat-head{display:flex;align-items:center;gap:9px;flex:none;min-width:0}.av-wrap{position:relative;width:42px;height:42px;flex:none}.av{position:absolute;inset:3px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,var(--a),var(--b) 78%);box-shadow:inset 0 2px #ffffff59,inset 0 -3px #0003,0 3px 8px #0006}.av>svg{width:48%;height:48%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.cpu-chip{position:absolute;right:-4px;bottom:-3px;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;color:#06132e;background:linear-gradient(180deg,#e3eeff,#9cc0ff);box-shadow:0 2px 5px #00000073}.cpu-chip svg{width:13px;height:13px}.ring{position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity .25s ease;background:conic-gradient(from 0deg,var(--mint),var(--accent),var(--mint));-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}.turn .ring{opacity:1;animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seat-info{min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.seat-name{font-family:var(--display);font-weight:780;font-size:15px;line-height:1.1;white-space:nowrap}.seat-tag{display:flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--accent-hi);white-space:nowrap}.seat-tag .mini{width:14px;height:14px;margin-right:4px}.you .seat-tag{color:var(--gold)}.tray{flex:1;min-width:0;height:24px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;--tp: 21px}.tray .tp{width:var(--tp);height:var(--tp);flex:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55))}.tray .tp+.tp{margin-left:calc(var(--tp) * -.42)}.tray .tp.gap{margin-left:calc(var(--tp) * .05)}.tray .tp svg{width:100%;height:100%}.tray .tp.in{animation:tp-in .35s cubic-bezier(.2,1.6,.4,1)}@keyframes tp-in{40%{transform:scale(1.35)}}.diff{flex:none;min-width:0;font-family:var(--display);font-weight:840;font-size:15px;color:var(--mint);font-variant-numeric:tabular-nums}.diff:empty{display:none}.bubble{position:absolute;z-index:8;left:50%;top:100%;transform:translate(-50%,4px);padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;pointer-events:none;color:var(--accent-hi);background:#14203cf7;border:1px solid rgba(143,192,255,.35);box-shadow:0 6px 16px #0006;animation:bubble-in .25s ease both}.bubble.think{letter-spacing:3px;animation:bubble-in .25s ease both,think 1s ease-in-out .25s infinite alternate}.bubble.say{color:#fff;letter-spacing:.2px}@keyframes think{to{color:#fff}}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-2px) scale(.7)}}.mid{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.dock{width:100%;flex:none;display:flex;flex-direction:column;gap:8px}.strip{width:100%;flex:none;height:34px;display:flex;align-items:center;gap:2px;padding:0 10px;border-radius:12px;overflow-x:auto;overflow-y:hidden;background:#ffffff0a;border:1px solid var(--line);scrollbar-width:none;touch-action:pan-x;cursor:pointer;-webkit-mask:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.strip::-webkit-scrollbar{display:none}.strip .mv-row{display:inline-flex;align-items:center;gap:1px;flex:none}.strip .empty{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;margin:0 auto}.mv-row .no{font-family:var(--display);font-size:12.5px;font-weight:700;color:var(--muted);padding:0 2px 0 6px;font-variant-numeric:tabular-nums}.mv-row .mv{font-family:var(--display);font-size:14px;font-weight:720;padding:3px 6px;border-radius:7px;white-space:nowrap;color:#dbe3f3}.mv-row .mv.cur{color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold))}.mv-row .mv.blank:empty{display:none}.moves{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;border-radius:16px;padding:6px;background:#ffffff09;border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.moves .mv-row{display:grid;grid-template-columns:38px 1fr 1fr;align-items:center;padding:1px 0;border-radius:8px}.moves .mv-row:nth-child(odd){background:#ffffff08}.moves .mv-row .no{text-align:right;padding-right:8px}.moves .mv-row .mv{cursor:pointer}.moves .empty{height:100%;display:grid;place-items:center;font-size:13px;color:var(--muted);text-align:center;padding:10px}.moves-sheet .moves{max-height:60vh;margin-top:8px}.tools{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none}.tool{position:relative;flex:1;max-width:76px;height:54px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(180deg,#1b2742,#121a2e);border:1px solid var(--line-2);color:var(--accent-hi);box-shadow:0 8px 18px #00000059,inset 0 1px #ffffff14;transition:transform .15s ease,opacity .2s ease}.tool.hint{color:var(--gold)}.tool.resign{color:#ff9aaa}.tool:active{transform:scale(.93)}.tool .t-ico svg{width:22px;height:22px}.tool .t-label{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.tool .badge{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);font-size:12px;font-weight:800;color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent));box-shadow:0 3px 8px #0006}.tool .badge.video{color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold))}.tool .badge svg{width:10px;height:10px}.tool.off{opacity:.38;pointer-events:none}.tool.thinking .t-ico{animation:think-bulb .6s ease-in-out infinite alternate}@keyframes think-bulb{to{transform:scale(1.18);filter:drop-shadow(0 0 6px rgba(245,194,91,.9))}}.review-bar{display:none;flex:1;align-items:center;gap:6px}.reviewing .tools>.tool{display:none}.reviewing .review-bar{display:flex}.rv{flex:1;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--accent-hi);background:linear-gradient(180deg,#1b2742,#121a2e);border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff14}.rv svg{width:22px;height:22px}.rv:active{transform:scale(.94)}.rv-done{flex:1.6;height:50px;border-radius:15px;font-family:var(--display);font-weight:780;font-size:15px;color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:inset 0 1px #ffffff8c}.pz-card{width:100%;flex:none;display:flex;align-items:center;gap:11px;padding:8px 12px 8px 8px;border-radius:18px;background:linear-gradient(90deg,#f5c25b29,#f5c25b0a);border:1px solid rgba(245,194,91,.4);text-align:left}.pz-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#2a1a02;flex:none;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:0 6px 14px #f5c25b4d,inset 0 1px #fff9}.pz-ico svg{width:23px;height:23px}.pz-text{flex:1;min-width:0}.pz-text b{display:block;font-family:var(--display);font-size:16px;line-height:1.15}.pz-text small{display:flex;align-items:center;font-size:12.5px;color:#e3c88e;white-space:nowrap}.pz-text small .mini{width:15px;height:15px;margin-right:5px}.pz-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.pz-stats>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:16px;background:#ffffff0a;border:1px solid var(--line)}.pz-stats b{font-family:var(--display);font-weight:840;font-size:22px;line-height:1}.pz-stats small{font-size:9.5px;font-weight:800;letter-spacing:1.1px;color:var(--muted)}.streak.big{border-radius:16px}.streak.big svg{width:22px;height:22px}.streak.big b{font-size:22px}.streak.big small{margin:0}.game.puzzle .tools{justify-content:center}.pz-tip{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;font-size:14.5px;font-weight:700;color:#c9d3e8;text-align:center}.pz-tip svg{width:18px;height:18px}.pz-tip.good{color:var(--mint)}.pz-tip.bad{color:#ff9aaa;animation:shake .35s ease}.game.side .pz-tip{justify-content:flex-start;text-align:left;padding:0 4px}.game.portrait.tall .mid{gap:12px}.game.portrait.tall .dock{gap:10px}.game.portrait.tall .seat{padding:9px 14px 9px 9px;border-radius:20px}.game.portrait.tall .av-wrap{width:48px;height:48px}.game.portrait.tall .seat-name{font-size:17px}.game.portrait.tall .tool{height:60px}.game.portrait.tall .strip{height:40px}.game.portrait.tall .pz-card{padding:10px 14px 10px 10px}.fly-mini{position:fixed;z-index:40;left:0;top:0;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.fly-mini svg{width:100%;height:100%}.spark{position:fixed;z-index:41;left:0;top:0;margin:-3px 0 0 -3px;border-radius:50%;pointer-events:none;box-shadow:0 0 6px currentColor}.float{position:fixed;z-index:42;pointer-events:none;font-family:var(--display);font-weight:860;font-stretch:112%;color:#fff;white-space:nowrap;transform:translate(-50%,-50%)}.float.praise{font-size:24px;color:#ffe39a;text-shadow:0 3px 12px rgba(0,0,0,.75);animation:rise 1.5s ease-out forwards}.float.praise.cool{color:#cfe2ff}.float.check-word{font-size:26px;color:#fff;animation:rise 1.2s ease-out forwards;background:linear-gradient(180deg,#fff,#ffb0bc 55%,#ff4d6a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}.float.king{font-size:30px;animation:rise 1.4s ease-out forwards;background:linear-gradient(180deg,#fff,#ffe39a 55%,#f5a623);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}.float.word{font-size:clamp(40px,11vw,80px);letter-spacing:-1px;animation:word 1.7s cubic-bezier(.2,1.2,.4,1) forwards;background:linear-gradient(180deg,#fff,#ffe39a 60%,#f5a623);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.float.word.cool{background:linear-gradient(180deg,#fff,#cfe2ff 55%,#6fa8ff);-webkit-background-clip:text;background-clip:text}@keyframes rise{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}14%{transform:translate(-50%,-70%) scale(1.15);opacity:1}70%{opacity:1}to{transform:translate(-50%,-190%) scale(1);opacity:0}}@keyframes word{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}16%{transform:translate(-50%,-50%) scale(1.12);opacity:1}72%{transform:translate(-50%,-62%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.98);opacity:0}}.confetti{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none}.result h2{font-size:30px}.trophy{width:74px;height:74px;margin:0 auto 8px;border-radius:24px;display:grid;place-items:center;color:#2a1a02;flex:none;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:0 14px 34px #f5c25b66,inset 0 2px #fff9;animation:pop-in .6s cubic-bezier(.2,1.6,.4,1) .15s both}.trophy svg{width:44px;height:44px}.trophy.sad{color:#cfd8ea;background:linear-gradient(180deg,#2a3756,#1a2440);box-shadow:0 14px 30px #0006,inset 0 1px #ffffff1f}.trophy.draw{color:#06132e;background:linear-gradient(180deg,#cfe2ff,var(--accent-hi) 60%,var(--accent));box-shadow:0 14px 34px #4d9aff59,inset 0 2px #fff9}@keyframes pop-in{0%{transform:scale(0) rotate(-20deg)}}.rating-line{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border-radius:18px;background:#ffffff0a;border:1px solid var(--line);text-align:left}.r-num small{display:block;font-size:9.5px;font-weight:800;letter-spacing:1.4px;color:var(--muted)}.r-num b{font-family:var(--display);font-weight:860;font-size:30px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.r-delta{font-family:var(--display);font-weight:820;font-size:15px;padding:4px 9px;border-radius:999px;background:#ffffff14;color:var(--muted)}.r-delta.up{color:#053;background:linear-gradient(180deg,#c8fff0,var(--mint));animation:pop-in .5s cubic-bezier(.2,1.6,.4,1) .45s both}.r-delta.down{color:#ffd1d8;background:#ff5a6e33}.r-vs{margin-left:auto;display:flex;align-items:center;gap:8px}.r-vs .av-wrap{width:36px;height:36px}.r-vs .cpu-chip{width:15px;height:15px;border-radius:5px}.r-vs .cpu-chip svg{width:11px;height:11px}.r-vs small{font-size:11.5px;line-height:1.3;color:var(--muted);font-weight:700}.statline{margin-top:12px;font-size:13px;color:var(--muted)}.statline b{color:var(--text);font-family:var(--display)}.card.result{overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.card.result>*{flex-shrink:0}.card-foot{position:sticky;bottom:-20px;z-index:1;display:flex;flex-direction:column;align-items:center;padding-bottom:20px;margin-bottom:-20px;background:linear-gradient(180deg,#0d142400,#0d1424 16px)}.exit-btn{align-self:center;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;margin-top:14px;padding:0 18px 0 14px;border-radius:999px;color:#dbe3f3;vertical-align:top;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff14,0 6px 16px #00000040;font-family:var(--display);font-weight:740;font-stretch:104%;font-size:15px;letter-spacing:.2px;white-space:nowrap;transition:transform .15s ease,background .15s ease}.exit-btn svg{display:block;width:18px;height:18px;flex:none;color:var(--accent-hi)}.exit-btn:active{transform:scale(.96);background:#ffffff1f}.site-back{position:absolute;z-index:5;top:calc(12px + var(--safe-top));left:calc(14px + env(safe-area-inset-left,0px));display:flex;align-items:center;gap:4px;height:40px;padding:0 14px 0 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);text-decoration:none;font-family:var(--body);font-weight:700;font-size:14px;letter-spacing:.1px;transition:transform .15s ease}.site-back svg{width:18px;height:18px}.site-back:active{transform:scale(.96)}.game.portrait{padding-left:calc(10px + var(--safe-left));padding-right:calc(10px + var(--safe-right))}.game.portrait .bar{padding:0 2px}.game.portrait.short{gap:6px;padding-top:calc(8px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom))}.game.portrait.short .bar{min-height:40px}.game.portrait.short .round{width:40px;height:40px}.game.portrait.short .status{font-size:16.5px}.game.portrait.short .seat{padding:4px 10px 4px 4px}.game.portrait.short .mid,.game.portrait.short .dock{gap:6px}.game.portrait.short .av-wrap{width:36px;height:36px}.game.portrait.short .tool{height:48px;border-radius:14px}.game.portrait.short .tool .t-label{font-size:9px}.game.portrait.short .tool .t-ico svg{width:20px;height:20px}.game.portrait.short .rv,.game.portrait.short .rv-done{height:46px}.game.portrait.short .strip{height:30px}.game.portrait.short .pz-card{padding:5px 10px 5px 5px}.game.portrait.short .pz-ico{width:34px;height:34px}.game.side{display:grid;grid-template-columns:auto auto minmax(0,330px);column-gap:14px;align-items:stretch;justify-content:center}.game.side .rail{display:flex;flex-direction:column;gap:10px}.game.side .arena{align-self:center}.game.side .panel{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;width:100%}.game.side .title-box{flex:none;align-items:flex-start;text-align:left;padding:2px 4px 0}.game.side .status{font-size:19px;white-space:normal}.game.side .seat{padding:8px 12px 8px 8px}.game.side .spacer{flex:1}.game.side .tools{justify-content:space-between}.game.side .tool{max-width:none}.game.side.short{padding-top:calc(8px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom));column-gap:12px}.game.side.short .round{width:40px;height:40px}.game.side.short .rail{gap:8px}.game.side.short .panel{gap:6px}.game.side.short .seat{padding:4px 10px 4px 4px;gap:8px}.game.side.short .av-wrap{width:34px;height:34px}.game.side.short .seat-name{font-size:14px}.game.side.short .tool{height:46px;border-radius:14px;gap:1px}.game.side.short .tool .t-label{font-size:8.5px;letter-spacing:.5px}.game.side.short .tool .t-ico svg{width:20px;height:20px}.game.side.short .status{font-size:16px}.game.side.short .eyebrow{font-size:10px;letter-spacing:1.6px}.game.side.short .rv,.game.side.short .rv-done{height:44px}.game.side.short .moves{padding:4px}.game.side.short .mv-row .mv{font-size:13px;padding:2px 6px}.game.roomy{column-gap:32px}.game.roomy .bar{min-height:56px}.game.roomy .round{width:52px;height:52px}.game.roomy .status{font-size:24px}.game.roomy .eyebrow{font-size:12px}.game.roomy .seat{padding:10px 16px 10px 10px;gap:12px;border-radius:22px}.game.roomy .av-wrap{width:52px;height:52px}.game.roomy .seat-name{font-size:18px}.game.roomy .seat-tag{font-size:11px}.game.roomy .tray{height:30px;--tp: 28px}.game.roomy .diff{font-size:18px}.game.roomy .tool{height:64px;border-radius:18px;max-width:none}.game.roomy .tool .t-ico svg{width:26px;height:26px}.game.roomy .tool .t-label{font-size:11px}.game.roomy .strip{height:40px}.game.roomy .mv-row .mv{font-size:16px}.game.roomy .mv-row .no{font-size:14px}.game.roomy .moves .mv-row{grid-template-columns:46px 1fr 1fr}.game.roomy .pz-card{padding:12px 16px 12px 12px}.game.roomy .pz-ico{width:50px;height:50px}.game.roomy .pz-text b{font-size:19px}.game.roomy .pz-text small{font-size:14px}.game.roomy .rv,.game.roomy .rv-done{height:60px}.game.roomy .toast{font-size:17px;padding:11px 20px}@media(max-height:520px){.card{width:min(600px,100%);padding:14px 18px 12px}.card h2,.result h2{font-size:24px}.card .menu{flex-direction:row;width:100%;margin-top:10px}.card .menu .btn{flex:1;height:46px;font-size:16px}.card .menu .btn small{display:none}.trophy{width:50px;height:50px;border-radius:16px;margin-bottom:4px}.trophy svg{width:30px;height:30px}.rating-line{margin-top:8px;padding:6px 10px}.r-num b{font-size:24px}.statline{margin-top:6px}.pz-stats{margin-top:8px}.pz-stats>div{padding:6px}.setting{padding:8px 0}.themes{margin:4px 0 0}.theme .sw{width:34px;height:34px}.rules-note{margin-top:8px;padding:8px 12px;font-size:12px}.moves-sheet .moves{max-height:52vh}.home{display:grid;grid-template-columns:minmax(0,340px) minmax(0,390px);grid-template-rows:1fr auto auto auto auto 1fr;column-gap:40px;row-gap:10px;align-items:center;justify-content:center;align-content:center}.home-logo{grid-column:1;grid-row:2;transform:scale(.82);margin:-8px auto -10px}.home h1{grid-column:1;grid-row:3;font-size:46px}.home .best-line{grid-column:1;grid-row:4}.home .home-foot{grid-column:1;grid-row:5}.home .setup{grid-column:2;grid-row:2 / 4;width:100%;padding:8px;gap:5px}.home .seg button{height:30px}.home .lvl-arrow{height:40px}.home .lvl-face .av-wrap{width:34px;height:34px}.home .menu{grid-column:2;grid-row:4 / 6;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.home .menu .btn{height:46px;font-size:16px;padding:0 10px}.home .menu .btn:not(.daily) small{display:none}.home .best-line{gap:10px;font-size:13px}.home .best-line b{font-size:16px}.home .best-line .rating small{display:none}.home .menu .btn.daily{grid-column:1 / -1;height:48px}.home .menu .btn:only-child,.home .menu .btn-primary:first-child:nth-last-child(2){grid-column:1 / -1}.card-foot{bottom:-12px;flex-direction:row;gap:10px;padding:10px 0 12px;margin-bottom:-12px;background:linear-gradient(180deg,#0d142400,#0d1424 10px)}.card-foot .menu{flex:1;width:auto;margin:0}.card-foot .exit-btn{height:46px;margin-top:0;padding:0 18px 0 14px;font-size:15px}}@media(max-height:560px){.exit-btn{height:36px;margin-top:8px;padding:0 15px 0 12px;font-size:14px;gap:7px}.exit-btn svg{width:16px;height:16px}}@media(max-height:700px)and (min-height:521px){.home{gap:9px;padding-top:calc(52px + var(--safe-top))}.home-logo{transform:scale(.6);margin:-24px auto -26px}.home .best-line{margin-top:-2px}.home h1{font-size:42px}.home .menu{gap:8px}.home .menu .btn{height:48px}.setup{padding:8px;gap:5px}.seg button{height:30px}.lvl-arrow{height:40px}.lvl-face .av-wrap{width:34px;height:34px}}@media(max-width:370px){.seg button{font-size:13px}.seg button>svg{display:none}.opt>span{flex-basis:44px;font-size:10px;letter-spacing:1px}.best-line{gap:10px;font-size:13px}.lvl-text small{display:none}}@media(min-width:700px)and (min-height:860px){.home{gap:24px}.home-logo{transform:scale(1.3);margin:18px auto 14px}.home h1{font-size:80px}.best-line{font-size:17px}.best-line b{font-size:22px}.menu,.setup{width:460px}.seg button{height:40px;font-size:16px}.opt>span{flex-basis:64px;font-size:12px}.btn{height:64px;font-size:22px;border-radius:20px}.btn small{font-size:15px}.btn.daily{height:66px}.d-text b{font-size:19px}.by{font-size:14px}}.hw-overlay{z-index:70}.card.hw{width:min(460px,100%);max-height:100%;padding:0;overflow:hidden;touch-action:none;outline:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(132px,auto) auto auto;grid-template-areas:"top" "stage" "text" "dots" "nav";text-align:center}.hw-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 12px 20px}.hw-kicker{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--accent-hi);white-space:nowrap}.hw-kicker svg{width:18px;height:18px}.hw-kicker b{margin-left:4px;padding:2px 8px;border-radius:999px;font-family:var(--display);font-size:11px;letter-spacing:1px;color:var(--text);background:#ffffff14}.hw-skip{display:flex;align-items:center;gap:5px;height:36px;padding:0 10px 0 14px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);font-weight:750;font-size:13.5px;color:#dbe3f3;flex:none}.hw-skip svg{width:15px;height:15px;opacity:.8}.hw-stage{grid-area:stage;position:relative;margin:0 16px;aspect-ratio:16 / 11;border-radius:22px;overflow:hidden;background:radial-gradient(90% 75% at 50% 42%,#18284a,#101c36,#0a1226);border:1px solid rgba(143,192,255,.22);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff12,inset 0 0 50px #00000059}.hw-text{grid-area:text;padding:18px 26px 0;min-height:0}.hw-text h2{font-family:var(--display);font-weight:820;font-stretch:108%;font-size:27px;line-height:1.1;letter-spacing:-.4px;margin:0 0 8px}.hw-text p{margin:0;font-size:15px;line-height:1.45;color:#c9d3e8}.hw-text b{color:#fff}.hw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hw-stage.fwd,.hw-text.fwd{animation:hw-in .38s cubic-bezier(.2,.9,.3,1) both}.hw-stage.rev,.hw-text.rev{animation:hw-in-rev .38s cubic-bezier(.2,.9,.3,1) both}.hw-text.fwd,.hw-text.rev{animation-delay:.04s}@keyframes hw-in{0%{opacity:0;transform:translate(26px)}}@keyframes hw-in-rev{0%{opacity:0;transform:translate(-26px)}}.hw-dots{grid-area:dots;display:flex;justify-content:center;gap:2px;padding:12px 0 2px}.hw-dots button{width:24px;height:24px;display:grid;place-items:center}.hw-dots button.on{width:34px}.hw-dots i{display:block;width:8px;height:8px;border-radius:4px;background:#ffffff38;transition:width .25s ease,background .25s ease}.hw-dots button.on i{width:26px;background:linear-gradient(90deg,var(--accent-hi),var(--accent));box-shadow:0 0 10px #4d9aff80}.hw-nav{grid-area:nav;display:flex;align-items:center;gap:10px;padding:10px 20px 20px}.hw-nav .hw-prev{width:56px;height:56px;transition:opacity .2s ease}.hw-nav .hw-prev:disabled{opacity:.3}.hw button:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px}.hw-next{flex:1;height:56px}.hw-next svg{width:20px;height:20px}.hw-scene{position:absolute;left:50%;top:50%;width:320px;height:210px;margin:-105px 0 0 -160px;transform:scale(var(--s, 1));--t: 4.4s}.hw-scene>*,.hw-group>*{position:absolute}.hw-group{position:absolute;inset:0}.hw-board{border-radius:6px;background:repeating-conic-gradient(var(--sq-dark) 0 25%,var(--sq-light) 0 50%) 0 0 / calc(var(--s) * 2) calc(var(--s) * 2);box-shadow:0 0 0 4px #16213b,0 0 0 5px #f5c25b4d,0 14px 30px #00000073}.hw-board.fade-top{-webkit-mask:linear-gradient(180deg,transparent,#000 30%);mask:linear-gradient(180deg,transparent,#000 30%);box-shadow:none;border-radius:0 0 6px 6px}.hw-board.fade-bottom{-webkit-mask:linear-gradient(0deg,transparent,#000 30%);mask:linear-gradient(0deg,transparent,#000 30%);box-shadow:none;border-radius:6px 6px 0 0}.hw-board.crown-row:after{content:"";position:absolute;left:0;right:0;top:0;height:var(--s);background:linear-gradient(180deg,#ffd67859,#f5c25b14);border-top:2.5px solid #f5c25b;box-shadow:0 -4px 14px #f5c25b59}.hw-label{translate:-50% 0;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);white-space:nowrap;background:#090e1ce0;border:1px solid rgba(245,194,91,.35)}.hw-label.top{padding:0;background:none;border:0;letter-spacing:1.6px}.hw-pc{filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}.hw-pc svg{width:100%;height:100%}.hw-pc .f{position:absolute;inset:0}.hw-pc .f.king{opacity:0}.hw-dot{width:12px;height:12px;border-radius:50%;background:#0c163066}.hw-ring{width:34px;height:34px;border-radius:50%;border:3px solid rgba(12,22,48,.42)}.hw-target{width:32px;height:32px;display:grid;place-items:center;opacity:0}.hw-target i{width:12px;height:12px;border-radius:50%;background:#0c163066}.hw-glow{width:52px;height:52px;border-radius:50%;opacity:0;background:radial-gradient(closest-side,#ff3048f2,#ff304880 50%,#ff304800)}.hw-word{translate:-50% -50%;font-family:var(--display);font-weight:860;font-stretch:112%;font-size:34px;letter-spacing:-.8px;white-space:nowrap;opacity:0;z-index:6;background:linear-gradient(180deg,#fff,#ffe39a 60%,#f5a623);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}.hw-word.small{font-size:24px}.hw-flash{width:60px;height:60px;border-radius:50%;opacity:0;z-index:5;background:radial-gradient(closest-side,#fff3c8f2,#f5c25b80 45%,#f5c25b00 72%)}.hw-file{display:flex;translate:-20px 0}.hw-file i{width:40px;text-align:center;font-style:normal;font-family:var(--display);font-weight:800;font-size:12px;color:var(--muted)}.hw-pick{display:flex;flex-direction:column;width:34px;border-radius:8px;overflow:hidden;opacity:0;z-index:7;background:linear-gradient(180deg,#1d2a4b,#111a30);box-shadow:0 0 0 2px #f5c25bb3,0 10px 24px #0009}.hw-pick span{width:34px;height:34px;padding:3px}.hw-pick span:first-child{background:radial-gradient(closest-side,#f5c25b80,#f5c25b1a)}.hw-pick svg{width:100%;height:100%}.hw-tools{translate:-50% 0;display:flex;gap:8px}.hw-tools span{width:30px;height:22px;border-radius:8px;display:grid;place-items:center;color:var(--accent-hi);background:#16213b;border:1px solid var(--line-2)}.hw-tools span:nth-child(2){color:var(--gold)}.hw-tools svg{width:15px;height:15px}.hw-finger{left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;z-index:9;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 34%,#d6e8ffbf 46%,#8fc0ff00 72%);filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(143,192,255,.6))}.hw-finger:before,.hw-finger:after,.hw-finger i{content:"";position:absolute;inset:-8px;border-radius:50%;border:2.5px solid rgba(255,255,255,.9);opacity:0}.hw-finger.ta:before{animation:hw-tap-a var(--t) infinite}.hw-finger.tb:after{animation:hw-tap-b var(--t) infinite}@keyframes hw-tap-a{0%,9%{opacity:0;transform:scale(.4)}11%{opacity:1;transform:scale(.55)}22%,to{opacity:0;transform:scale(1.7)}}@keyframes hw-tap-b{0%,46%{opacity:0;transform:scale(.4)}48%{opacity:1;transform:scale(.55)}59%,to{opacity:0;transform:scale(1.7)}}@keyframes hw-pick{0%,9%{filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}13%,46%{filter:drop-shadow(0 0 0 #f5c25b) drop-shadow(0 0 3px #f5c25b) drop-shadow(0 6px 5px rgba(0,0,0,.5))}50%,to{filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}}@keyframes hw-show-mid{0%,12%{opacity:0}16%,46%{opacity:1}50%,to{opacity:0}}.hw-c1{--t: 7.8s}.hw-c1 .hw-group{opacity:0;animation:hw-slot var(--t) infinite}.hw-c1 .g0{animation-delay:0s}.hw-c1 .g1{animation-delay:calc(var(--t) / -6 * 5)}.hw-c1 .g2{animation-delay:calc(var(--t) / -6 * 4)}.hw-c1 .g3{animation-delay:calc(var(--t) / -6 * 3)}.hw-c1 .g4{animation-delay:calc(var(--t) / -6 * 2)}.hw-c1 .g5{animation-delay:calc(var(--t) / -6)}@keyframes hw-slot{0%{opacity:0}2%,15%{opacity:1}17%,to{opacity:0}}.hw-c1 .hw-pc.star{filter:drop-shadow(0 0 0 #f5c25b) drop-shadow(0 0 4px rgba(245,194,91,.9)) drop-shadow(0 4px 4px rgba(0,0,0,.5))}.hw-c1 .hw-pc.small{opacity:.95}.hw-c1 .hw-ring{width:30px;height:30px;margin:0}.hw-c2 .mover{animation:hw-c2-move var(--t) infinite,hw-pick var(--t) infinite;z-index:3}@keyframes hw-c2-move{0%,11%{transform:none;opacity:1}14%,48%{transform:translateY(-3px) scale(1.06)}60%,88%{transform:translateY(-120px);opacity:1}93%{transform:translateY(-120px);opacity:0}94%{transform:none;opacity:0}to{transform:none;opacity:1}}.hw-c2 .hw-target{animation:hw-show-mid var(--t) infinite}.hw-c2 .hw-glow{animation:hw-c2-glow var(--t) infinite}@keyframes hw-c2-glow{0%,60%{opacity:0;transform:scale(.5)}64%,90%{opacity:1;transform:none}95%,to{opacity:0}}.hw-c2 .mated{animation:hw-c2-king var(--t) infinite}@keyframes hw-c2-king{0%,64%{transform:none}70%,90%{transform:rotate(-14deg) translate(-2px,2px)}96%,to{transform:none}}.hw-c2 .hw-word{animation:hw-word-66 var(--t) infinite}@keyframes hw-word-66{0%,65%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}74%,88%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-8px)}}.hw-c2 .hw-finger{animation:hw-c2-finger var(--t) infinite}@keyframes hw-c2-finger{0%{transform:translate(262px,236px);opacity:0}8%{transform:translate(60px,165px);opacity:1}11%{transform:translate(60px,165px) scale(.8)}16%{transform:translate(60px,165px)}44%,50%{transform:translate(60px,45px);opacity:1}62%,to{transform:translate(20px,100px);opacity:0}}.hw-c3 .king{animation:hw-c3-king var(--t) infinite,hw-pick var(--t) infinite;z-index:3}@keyframes hw-c3-king{0%,11%{transform:none;opacity:1}14%,48%{transform:translateY(-3px) scale(1.06)}62%,88%{transform:translate(80px);opacity:1}93%{transform:translate(80px);opacity:0}94%{transform:none;opacity:0}to{transform:none;opacity:1}}.hw-c3 .rook{animation:hw-c3-rook var(--t) infinite;z-index:4}@keyframes hw-c3-rook{0%,58%{transform:none;opacity:1}66%{transform:translate(-40px,-26px) scale(1.18)}74%,88%{transform:translate(-80px);opacity:1}93%{transform:translate(-80px);opacity:0}94%{transform:none;opacity:0}to{transform:none;opacity:1}}.hw-c3 .hw-target{animation:hw-show-mid var(--t) infinite}.hw-c3 .hw-word{animation:hw-word-76 var(--t) infinite}@keyframes hw-word-76{0%,75%{opacity:0;transform:scale(.4)}79%{opacity:1;transform:scale(1.12)}82%,89%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-8px)}}.hw-c3 .hw-finger{animation:hw-c3-finger var(--t) infinite}@keyframes hw-c3-finger{0%{transform:translate(262px,236px);opacity:0}8%{transform:translate(140px,125px);opacity:1}11%{transform:translate(140px,125px) scale(.8)}16%{transform:translate(140px,125px)}44%,50%{transform:translate(220px,125px);opacity:1}62%,to{transform:translate(250px,190px);opacity:0}}.hw-c4{--t: 4.8s}.hw-c4 .mover{animation:hw-c4-move var(--t) infinite;z-index:3}@keyframes hw-c4-move{0%,14%{transform:none;opacity:1}30%,90%{transform:translateY(-40px);opacity:1}95%{transform:translateY(-40px);opacity:0}96%{transform:none;opacity:0}to{transform:none;opacity:1}}.hw-c4 .mover .f.king{animation:hw-c4-queen var(--t) infinite}.hw-c4 .mover .f.man{animation:hw-c4-pawn var(--t) infinite}@keyframes hw-c4-queen{0%,56%{opacity:0;transform:scale(1.3)}60%{opacity:1;transform:scale(1.12)}64%,93%{opacity:1;transform:none}95%,to{opacity:0}}@keyframes hw-c4-pawn{0%,56%{opacity:1}60%,95%{opacity:0}96%,to{opacity:1}}.hw-c4 .hw-pick{animation:hw-c4-pick var(--t) infinite}@keyframes hw-c4-pick{0%,32%{opacity:0;transform:translateY(-6px) scale(.9)}36%,54%{opacity:1;transform:none}58%,to{opacity:0;transform:scale(.95)}}.hw-c4 .hw-flash{animation:hw-c4-flash var(--t) infinite}@keyframes hw-c4-flash{0%,55%{opacity:0;transform:scale(.3)}59%{opacity:1}70%,to{opacity:0;transform:scale(1.6)}}.hw-c4 .hw-word{animation:hw-word-62 var(--t) infinite}@keyframes hw-word-62{0%,61%{opacity:0;transform:scale(.4)}66%{opacity:1;transform:scale(1.12)}70%,88%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-8px)}}.hw-c5 .mover{animation:hw-c5-move var(--t) infinite,hw-pick var(--t) infinite;z-index:3}@keyframes hw-c5-move{0%,11%{transform:none;opacity:1}14%,48%{transform:translateY(-3px) scale(1.06)}56%{transform:translate(20px,-56px) scale(1.22)}62%,88%{transform:translate(40px,-80px);opacity:1}93%{transform:translate(40px,-80px);opacity:0}94%{transform:none;opacity:0}to{transform:none;opacity:1}}.hw-c5 .hw-show{animation:hw-show-mid var(--t) infinite;opacity:0}.hw-c5 .victim{animation:hw-victim var(--t) infinite}@keyframes hw-victim{0%,58%{transform:none;opacity:1}61%{transform:scale(1.35) rotate(-10deg);opacity:.85}66%,92%{transform:scale(0);opacity:0}98%,to{transform:none;opacity:1}}.hw-c5 .hw-finger{animation:hw-c5-finger var(--t) infinite}@keyframes hw-c5-finger{0%{transform:translate(262px,236px);opacity:0}8%{transform:translate(140px,125px);opacity:1}11%{transform:translate(140px,125px) scale(.8)}16%{transform:translate(140px,125px)}44%,50%{transform:translate(180px,45px);opacity:1}62%,to{transform:translate(250px,120px);opacity:0}}@media(max-height:520px)and (min-aspect-ratio:1/1){.card.hw{width:min(800px,100%);height:100%;padding:0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"stage top" "stage text" "stage dots" "stage nav";text-align:left}.hw-stage{margin:12px 0 12px 12px;aspect-ratio:auto;min-height:0}.hw-top{padding:12px 12px 4px 22px}.hw-text{align-self:center;padding:4px 22px 0}.hw-text h2{font-size:24px;margin-bottom:6px}.hw-text p{font-size:14px;line-height:1.42}.hw-dots{justify-content:flex-start;padding:6px 0 0 16px}.hw-nav{padding:8px 14px 14px 22px}.hw-nav .hw-prev{width:50px;height:50px}.hw-next{height:50px;font-size:17px}}@media(min-width:700px)and (min-height:820px){.card.hw{width:540px}.hw-text h2{font-size:30px}.hw-text p{font-size:16.5px}}@media(prefers-reduced-motion:reduce){.hw-scene,.hw-scene *,.hw-scene *:before,.hw-scene *:after{animation-play-state:paused!important;animation-delay:-2.9s!important}.hw-c1 .hw-group{animation:none!important}.hw-c1 .g3{opacity:1}.hw-finger.ta:before,.hw-finger.tb:after{animation:none!important}.hw-stage.fwd,.hw-stage.rev,.hw-text.fwd,.hw-text.rev{animation:none}.lg-pc,.lg-arrow,.turn .ring,.pc.hinted:before,.mark.check{animation:none!important}.lg-arrow{opacity:1}}