:root{--paper: #f2ecdd;--paper-hi: #faf6ec;--card: #fdfaf3;--face-hi: #f6eeda;--face-lo: #eadfc4;--tile-hi: #fffef8;--tile-lo: #eee1c4;--ink: #2b2620;--ink-soft: #6b6257;--ink-faint: #a89877;--carve: #3d3529;--accent: #c2461e;--accent-soft: rgb(194 70 30 / .1);--indigo: #33566b;--indigo-soft: rgb(51 86 107 / .12);--gold: #b98a2f;--line: #cdbc99;--line-strong: #8f7c58;--cell: clamp(36px, 9.2vmin, 56px);--panel: #f8f2e3;--overlay-bg: rgb(238 231 215 / .88);--texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.045'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-blend: multiply;--engrave-hi: rgb(255 252 240 / .9);--engrave-lo: rgb(50 38 18 / .4);--bevel-hi: rgb(255 255 255 / .75);--shadow: rgb(43 38 32 / .5);--peer-bg: rgb(60 45 20 / .1);--same-bg: rgb(185 138 47 / .3);--same-ring: rgb(185 138 47 / .6);--ring: rgb(194 70 30 / .5);--ring-gold: rgb(185 138 47 / .7);--sweep-bg: rgb(185 138 47 / .32);--track: #e8ddc4;--key-hi: #fffef8;--key-lo: #eee1c4;--key-border: #d9c9a3;--key-side: #c9b58c;--btn-lo: #f4edde;--btn-side: #d8caab;--chip-hi: #f8e9c4;--chip-lo: #ecd49a;--chip-border: #d3b269;--chip-ink: #6f5312;--cand: #9c8d70;--player: var(--accent)}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:radial-gradient(1300px 900px at 50% -12%,var(--paper-hi),var(--paper));color:var(--ink);font-family:Songti SC,"Noto Serif SC",STSong,SimSun,serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.55;mix-blend-mode:var(--texture-blend);background-image:var(--texture)}button{font-family:inherit;color:var(--ink);background:linear-gradient(160deg,var(--card),var(--btn-lo));border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:14px;cursor:pointer;box-shadow:inset 0 1px 0 var(--bevel-hi),0 2px 0 var(--btn-side),0 5px 8px -4px var(--shadow);transition:border-color .15s,transform .12s,background .15s,opacity .15s,box-shadow .12s}button:hover{border-color:var(--ink-soft);transform:translateY(-1px)}button:active{transform:translateY(1px);box-shadow:inset 0 1px 0 var(--bevel-hi),0 1px 0 var(--btn-side),0 2px 4px -2px var(--shadow)}button.on{border-color:var(--accent);color:var(--accent);background:linear-gradient(160deg,#fbeee7,#f6e2d6)}button.primary{background:linear-gradient(160deg,#cf5127,#b23e17);border-color:#9c3512;color:#fdf8f0;box-shadow:inset 0 1px #ffffff59,0 2px #8a2e0f,0 5px 8px -4px #2b262066}button.primary:hover{background:linear-gradient(160deg,#c04a22,#a53912)}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:22px 12px 48px}header{width:100%;max-width:calc(var(--cell) * 9 + 20px);display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.brand{font-size:21px;letter-spacing:.14em;font-weight:700;cursor:pointer}.brand span{font-size:13px;font-weight:400;color:var(--ink-soft);letter-spacing:.05em}.brand .brand-seal{display:inline-block;margin:0 2px 0 7px;color:var(--accent);font-size:17px;font-weight:700;letter-spacing:0;animation:wuBreath 5s ease-in-out infinite}@keyframes wuBreath{0%,to{opacity:.4}50%{opacity:1}}.hud{display:flex;align-items:center;gap:10px}#timer{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:15px;letter-spacing:.08em}#btn-mute{padding:3px 10px;font-size:15px}#btn-mute.off{opacity:.45}#btn-mastery{padding:3px 10px;font-size:14px;color:var(--gold);border-color:#d8c69a}.dan-box{margin:14px auto 4px;max-width:320px;text-align:center}.dan-name{font-size:21px;font-weight:700;letter-spacing:.3em;color:var(--accent)}.dan-bar{height:6px;margin:9px 0 7px;border-radius:999px;background:var(--track);overflow:hidden;box-shadow:inset 0 1px 2px #00000024}.dan-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--accent));transition:width .6s ease}.dan-sub{font-size:11.5px;color:var(--ink-soft);letter-spacing:.06em}.promo{text-align:center;margin:-10px 0 14px;color:var(--gold);font-size:16px;font-weight:700;letter-spacing:.24em}.m-row{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;padding:9px 2px;border-bottom:1px dashed var(--line)}.m-name{font-weight:700;font-size:14.5px;line-height:1.3}.m-name small{display:block;font-weight:400;font-size:10.5px;color:var(--ink-faint);letter-spacing:.04em}.m-desc{font-size:12px;color:var(--ink-soft);line-height:1.5}.m-stat{text-align:right}.m-stat b{display:block;font-size:13px;letter-spacing:.1em}.m-stat small{font-size:10.5px;color:var(--ink-faint)}.stage-未识{color:var(--ink-faint);font-weight:400}.stage-已识{color:var(--indigo)}.stage-初窥,.stage-娴熟{color:var(--accent)}.stage-化境{color:var(--gold)}.stage{position:relative;padding-bottom:6px}.strip{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:calc(var(--cell) * 9 + 20px);min-height:58px;margin-top:6px}.board{display:grid;grid-template-columns:repeat(9,var(--cell));padding:7px;border:2px solid var(--line-strong);border-radius:8px;background:linear-gradient(158deg,var(--face-hi),var(--face-lo));box-shadow:inset 0 1px 0 var(--bevel-hi),inset 0 -2px 6px #00000014,0 18px 30px -16px var(--shadow)}.cell{width:var(--cell);height:var(--cell);position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;transition:background .25s ease,box-shadow .25s ease}.cell:nth-child(9n){border-right:none}.cell.bx{border-right:2px solid var(--line-strong);box-shadow:inset -1px 0 #fff6}.cell.by{border-bottom:2px solid var(--line-strong)}.board>.cell:nth-last-child(-n+9){border-bottom:none}.cell:hover{background:#ffffff59}.cell.peer{background:var(--peer-bg)}.cell.same{background:var(--same-bg);box-shadow:inset 0 0 0 2px var(--same-ring);z-index:1}.cell.same .value.given{color:#6f5312}.cell.sel{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent);z-index:2}.cell.hint-unit{background:var(--indigo-soft)}.cell.hint-cell{box-shadow:inset 0 0 0 2px var(--indigo);z-index:2}.cell.conflict{animation:conflictFlash .9s ease-out both}.value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--cell) * .66);line-height:1;font-weight:700}.value.given{color:var(--carve);text-shadow:0 1px 0 var(--engrave-hi),0 -1px 1px var(--engrave-lo)}.value.player{color:var(--player);text-shadow:0 1px 0 var(--engrave-hi),0 -1px 1px rgb(120 25 0 / .3)}.cands{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none}.cands i{font-style:normal;font-size:calc(var(--cell) * .25);line-height:1;display:grid;place-items:center;color:var(--cand)}.cands i.focus{color:var(--indigo);font-weight:700}@keyframes dropIn{0%{opacity:0}to{opacity:1}}.value.player.pop,.value.given.pop{animation:dropIn .22s ease-out}.fx-ring{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;pointer-events:none;z-index:5;border:2px solid var(--ring);opacity:0;transform:scale(.85);animation:fxRing .6s ease-out both}.fx-ring.gold{border-color:var(--ring-gold);border-width:2.5px}@keyframes fxRing{0%{transform:scale(.85);opacity:0}18%{opacity:.8}to{transform:scale(2.6);opacity:0}}@keyframes sweepBg{0%{background:transparent}35%{background:var(--sweep-bg)}to{background:transparent}}.cell.sweep{animation:sweepBg .75s ease-out both;animation-delay:var(--d, 0ms)}@keyframes conflictFlash{0%{background:#c2461e52}to{background:transparent}}@keyframes bloomCell{0%{transform:scale(1)}45%{transform:scale(1.16) translateY(-3px);color:var(--gold)}to{transform:scale(1)}}.cell.bloom .value{animation:bloomCell .95s ease-in-out both;animation-delay:var(--d, 0ms)}.keypad{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;margin-top:10px;width:100%;max-width:calc(var(--cell) * 9 + 20px)}.key{padding:8px 0 5px;display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(152deg,var(--key-hi),var(--key-lo));border:1px solid var(--key-border);border-radius:11px;box-shadow:inset 0 1.5px 0 var(--bevel-hi),inset 0 -2px 3px #00000014,0 3px 0 var(--key-side),0 7px 10px -5px var(--shadow)}.key:active{transform:translateY(2px);box-shadow:inset 0 1.5px 0 var(--bevel-hi),inset 0 -2px 3px #00000014,0 1px 0 var(--key-side),0 3px 5px -3px var(--shadow)}.key .kd{font-size:22px;line-height:1;font-weight:700;color:var(--accent);text-shadow:0 1px 0 var(--engrave-hi)}.key .kc{font-size:10px;color:var(--ink-faint);letter-spacing:.05em}.key.done{opacity:.3;pointer-events:none}.key.done .kc{color:var(--gold)}.controls{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap;justify-content:center}#btn-finale{display:none}#btn-finale.show{display:inline-block;background:linear-gradient(160deg,#f8e9c4,#e9cf90);border-color:#cfae5e;color:#6f5312;animation:finaleGlow 2.2s ease-in-out infinite}@keyframes finaleGlow{0%,to{box-shadow:inset 0 1px #fff,0 2px #c9ab60,0 5px 8px -4px #7a5a1466}50%{box-shadow:inset 0 1px #fff,0 2px #c9ab60,0 0 20px 3px #b98a2f8c}}.voice{height:26px;width:100%;text-align:center;font-size:13.5px;color:var(--ink-soft);letter-spacing:.07em;opacity:0;transition:opacity .6s}.voice.show{opacity:1}.voice:before{content:"◦ ";color:var(--ink-faint)}.voice:empty:before{content:none}.combo-chip{padding:4px 14px;border-radius:999px;background:linear-gradient(160deg,var(--chip-hi),var(--chip-lo));border:1px solid var(--chip-border);color:var(--chip-ink);font-size:12px;letter-spacing:.1em;box-shadow:inset 0 1px #ffffffb3,0 3px 7px -3px #7a5a1480;opacity:0;transition:opacity .3s;pointer-events:none;min-height:24px}.combo-chip.show{opacity:1}.wu-stamp{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:9}.wu-stamp span{display:grid;place-items:center;width:calc(var(--cell) * 3.4);height:calc(var(--cell) * 3.4);border:calc(var(--cell) * .14) solid var(--accent);border-radius:calc(var(--cell) * .5);color:var(--accent);font-size:calc(var(--cell) * 2.2);font-weight:700;line-height:1;opacity:0;mix-blend-mode:multiply}.wu-stamp.play span{animation:wuStamp 1.7s cubic-bezier(.2,.8,.3,1) both}@keyframes wuStamp{0%{transform:rotate(-8deg) scale(2.1);opacity:0}12%{transform:rotate(-6deg) scale(1);opacity:.9}62%{transform:rotate(-6deg) scale(1);opacity:.9}to{transform:rotate(-6deg) scale(1.03);opacity:0}}.cell.aha{z-index:4}.cell.aha:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:10px;border:2.5px solid var(--gold);pointer-events:none;animation:ahaRing 1s ease-out both}@keyframes ahaRing{0%{transform:scale(.55);opacity:1}to{transform:scale(2.5);opacity:0}}.cell.aha .value.player{animation:ahaGlow 1.3s ease-out both}@keyframes ahaGlow{0%{filter:brightness(1)}30%{filter:brightness(1.25) drop-shadow(0 0 14px rgb(185 138 47 / .85))}to{filter:brightness(1)}}.hint-panel.hidden{display:none}.hint-panel{width:100%;max-width:calc(var(--cell) * 9 + 20px);margin:2px 0 12px;padding:13px 16px 11px;background:var(--card);border:1px solid var(--indigo);border-left-width:4px;border-radius:10px;font-size:14px;line-height:1.75;color:var(--ink);box-shadow:0 10px 24px -14px #2b262080}.hint-panel .hl b{color:var(--indigo);margin-right:8px;font-size:12px;letter-spacing:.15em}.hint-panel .deep{border-top:1px dashed var(--line);margin-top:6px;padding-top:6px}.hint-btns{display:flex;gap:8px;margin-top:9px}.hint-btns button{font-size:12.5px;padding:5px 11px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--overlay-bg);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .22s;padding:24px 16px calc(32px + env(safe-area-inset-bottom,0px))}.overlay.hidden{opacity:0;pointer-events:none}.overlay .card{margin:auto;transition:transform .25s ease}.overlay.hidden .card{transform:translateY(8px)}.card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px 36px 30px;max-width:480px;width:100%;box-shadow:0 40px 90px -40px #2b26208c}.stamp-row{position:relative;width:fit-content;margin:0 auto 24px}.stamp-row .stamp{margin:0}.receipt-seal{position:absolute;right:-15px;bottom:-13px;width:30px;height:30px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d05a30,#b04420 68%,#9a3413);color:#fdf5ea;font-size:17px;font-weight:700;border-radius:24% 20% 26% 21%;transform:rotate(-7deg);opacity:.88;box-shadow:inset 0 0 5px #6e19058c,0 1px 2px #2b262059;pointer-events:none}.home{text-align:center;padding:14px 0 6px}.home-logo{width:96px;height:96px;margin:0 auto;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d05a30,#b04420 68%,#9a3413);color:#fdf5ea;font-size:54px;font-weight:700;border-radius:22% 19% 24% 20%;transform:rotate(-6deg);box-shadow:inset 0 0 10px #6e190580,0 16px 30px -14px #9a341399}.home-title{font-size:38px;letter-spacing:.26em;padding-left:.26em;font-weight:700;margin:24px 0 8px}.home-tag{color:var(--ink-soft);font-size:14px;letter-spacing:.34em;padding-left:.34em;margin-bottom:28px}.dan-mini{display:flex;flex-direction:column;gap:7px;width:min(300px,100%);margin:0 auto 24px;padding:13px 18px;border-radius:13px;background:var(--cellbg)}.dan-mini:hover{border-color:var(--accent)}.dm-name{font-weight:700;color:var(--accent);letter-spacing:.26em;padding-left:.26em;font-size:16px}.dm-bar{display:block;height:5px;background:var(--track);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #00000024}.dm-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--accent));border-radius:999px}.dm-sub{font-size:11px;color:var(--ink-faint);letter-spacing:.06em}.home-actions button.big{width:min(300px,100%);padding:14px 0;font-size:17px;letter-spacing:.18em}.home-actions .daily{width:min(300px,100%);margin-top:12px;padding:11px 0;font-size:15px;letter-spacing:.12em;border-color:var(--gold);color:var(--gold);background:transparent;box-shadow:none}.home-actions .daily:hover{border-color:var(--accent);color:var(--accent);transform:none}.curve{margin:6px auto 0;max-width:320px}.curve svg{width:100%;height:54px;display:block}.curve small{display:block;text-align:center;color:var(--ink-faint);font-size:10.5px;margin-top:3px;letter-spacing:.08em}.home-links{display:flex;gap:20px;justify-content:center;margin-top:15px}button.ghost{background:none;border:none;box-shadow:none;color:var(--ink-soft);letter-spacing:.1em;padding:6px 4px}button.ghost:hover{color:var(--ink);transform:none;border:none;box-shadow:none}button.ghost:active{transform:none;box-shadow:none}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 2px;border-bottom:1px dashed var(--line);font-size:14.5px;text-align:left}.settings-row small{display:block;color:var(--ink-faint);font-size:11px;margin-top:3px;letter-spacing:.03em}.settings-row .sw{min-width:54px}.settings-row .set-static{font-size:13px;color:var(--ink-soft);white-space:nowrap}.theme-opts{display:flex;gap:8px}.theme-opts .theme-opt{min-width:46px}.sw.danger{color:#a23c2a;border-color:#d6a294}.menu-title{font-size:42px;letter-spacing:.22em;font-weight:700;text-align:center}.menu-sub{text-align:center;color:var(--ink-soft);font-size:13px;margin:10px 0 24px;letter-spacing:.06em}.tier-group-title{display:flex;align-items:baseline;gap:10px;margin:16px 2px 9px;font-size:14px;font-weight:700;letter-spacing:.15em;color:var(--ink)}.tier-group-title small{font-weight:400;font-size:11.5px;color:var(--ink-faint);letter-spacing:.05em}.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tier-card{text-align:left;padding:13px 15px;display:flex;flex-direction:column;gap:5px;border-radius:12px}.tier-card:hover{border-color:var(--accent)}.tier-card .t1{font-size:16px;font-weight:700}.tier-card .t1 em{font-style:normal;color:var(--accent);font-weight:400;font-size:13px;margin-left:8px}.tier-card .t2{font-size:12px;color:var(--ink-soft);line-height:1.5}.tier-card .t3{font-size:11px;color:var(--gold);letter-spacing:.08em}.chapter{margin-bottom:6px}.chapter-head{display:flex;justify-content:space-between;align-items:baseline;margin:12px 2px 2px}.ch-name{font-size:15px;font-weight:700}.ch-name em{font-style:normal;color:var(--accent);font-weight:400;font-size:12.5px;margin-left:7px}.ch-meta{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--ink-faint);letter-spacing:.06em}.ch-meta .ch-free{font-size:12px;padding:2px 6px}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0 6px}.level-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border-radius:10px;font-size:15px;background:var(--cellbg)}.level-cell i{width:15px;height:3.5px;border-radius:2px}.level-cell i.q3{background:var(--gold)}.level-cell i.q2{background:var(--accent)}.level-cell i.q1{background:var(--ink-soft)}.level-cell i.q0{background:var(--line)}.level-cell.next{border-color:var(--accent);color:var(--accent);font-weight:700}.level-cell.locked{opacity:.32;pointer-events:none;box-shadow:none}.menu-foot{margin-top:22px;text-align:center;font-size:11.5px;color:var(--ink-faint);letter-spacing:.12em}.loading{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--ink-soft);justify-content:center;padding:10px 0}.wu-dot{color:var(--accent);font-size:26px;font-weight:700;animation:wuBreath 1.6s ease-in-out infinite;flex:none}.stamp{display:block;width:fit-content;margin:0 auto 22px;padding:10px 22px;border:3px solid var(--accent);border-radius:8px;color:var(--accent);font-size:26px;font-weight:700;letter-spacing:.18em;transform:rotate(-3.5deg)}.arc{text-align:center;color:var(--ink-soft);font-size:13.5px;margin:-8px 0 18px;letter-spacing:.05em}.epigraph{text-align:center;margin-top:14px;color:var(--gold);font-size:13px;letter-spacing:.2em}.receipt-rows{margin-bottom:16px}.rrow{display:flex;justify-content:space-between;gap:26px;padding:7px 2px;border-bottom:1px dashed var(--line);font-size:14px}.rrow span{color:var(--ink-soft)}.rrow b{font-weight:600;text-align:right}.path{font-size:12px;color:var(--ink-soft);line-height:1.9;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 13px}.path b{color:var(--ink);letter-spacing:.1em}.btn-row{display:flex;gap:10px;margin-top:20px;justify-content:center}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper-hi);padding:9px 18px;border-radius:999px;font-size:13.5px;letter-spacing:.04em;z-index:40;transition:opacity .25s,transform .25s;max-width:86vw;text-align:center;box-shadow:0 12px 26px -12px #0000008c}.toast.hidden{opacity:0;transform:translate(-50%) translateY(8px);pointer-events:none}@media (max-width: 600px){:root{--cell: min(calc((100vw - 30px) / 9), 54px)}#app{padding:12px 4px 40px}.board{padding:4px}.cands i{font-size:calc(var(--cell) * .27)}.key .kd{font-size:24px}}@media (max-width: 430px){.card{padding:26px 22px}.menu-title{font-size:34px}}[data-theme=star]{--paper: #0d1220;--paper-hi: #19233a;--card: #141c2d;--face-hi: #202a44;--face-lo: #161f36;--cellbg: #17202f;--tile-hi: #243052;--tile-lo: #161f38;--ink: #d7deee;--ink-soft: #9da9c2;--ink-faint: #67748f;--carve: #c9d3e6;--accent: #d9b566;--accent-soft: rgb(217 181 102 / .14);--indigo: #8fc0d8;--indigo-soft: rgb(143 192 216 / .14);--gold: #e2c67f;--line: #303c58;--line-strong: #4c5d80;--panel: #101828;--overlay-bg: rgb(7 11 21 / .86);--texture: radial-gradient(1.3px 1.3px at 12% 24%, rgb(226 236 255 / .4), transparent 55%), radial-gradient(1px 1px at 33% 68%, rgb(210 224 255 / .28), transparent 55%), radial-gradient(1.6px 1.6px at 57% 15%, rgb(240 246 255 / .45), transparent 55%), radial-gradient(.9px .9px at 71% 47%, rgb(200 216 250 / .26), transparent 55%), radial-gradient(1.1px 1.1px at 86% 79%, rgb(224 234 255 / .33), transparent 55%), radial-gradient(1.4px 1.4px at 24% 88%, rgb(234 226 190 / .35), transparent 55%), radial-gradient(.8px .8px at 48% 39%, rgb(206 220 250 / .24), transparent 55%), radial-gradient(1px 1px at 65% 91%, rgb(220 230 255 / .28), transparent 55%), radial-gradient(1.2px 1.2px at 92% 8%, rgb(230 210 160 / .33), transparent 55%), radial-gradient(.9px .9px at 8% 55%, rgb(214 226 252 / .26), transparent 55%);--texture-blend: normal;--engrave-hi: rgb(0 0 0 / .35);--engrave-lo: rgb(190 212 255 / .14);--bevel-hi: rgb(255 255 255 / .06);--shadow: rgb(0 0 0 / .65);--peer-bg: rgb(255 255 255 / .055);--same-bg: rgb(230 189 98 / .17);--same-ring: rgb(230 189 98 / .55);--ring: rgb(230 189 98 / .45);--ring-gold: rgb(255 228 150 / .75);--sweep-bg: rgb(230 189 98 / .2);--track: #232f4a;--key-hi: #243052;--key-lo: #161f38;--key-border: #354262;--key-side: #0a0f1d;--btn-lo: #101827;--btn-side: #0a0f1c;--chip-hi: #3b3721;--chip-lo: #2c2a18;--chip-border: #6b5c2c;--chip-ink: #ecd08a;--cand: #8592ad}[data-theme=star] body:before{opacity:.8;background-size:240px 240px}[data-theme=star] .cell.bx{box-shadow:inset -1px 0 #ffffff0d}[data-theme=star] button.on{background:linear-gradient(160deg,#2d2513,#221c0f)}[data-theme=star] .value.player{text-shadow:0 1px 0 rgb(0 0 0 / .5),0 -1px 1px rgb(255 228 150 / .2)}[data-theme=star] .toast{background:#e3e9f6;color:#10182a}[data-theme=wood]{--paper: #2a2014;--paper-hi: #3c2e1d;--card: #33281a;--panel: #2c2215;--face-hi: #d6b67e;--face-lo: #c19b5e;--cellbg: #3a2d1d;--tile-hi: #4a3921;--tile-lo: #332616;--ink: #ecdec4;--ink-soft: #b3a488;--ink-faint: #7c6f57;--carve: #241705;--accent: #d99a4e;--player: #6e2a0c;--accent-soft: rgb(217 154 78 / .18);--indigo: #8fb996;--indigo-soft: rgb(143 185 150 / .16);--gold: #dcb168;--line: #8a6532;--line-strong: #5a421e;--overlay-bg: rgb(30 22 12 / .96);--texture: repeating-linear-gradient(93deg, rgb(0 0 0 / .1) 0px 2px, transparent 2px 11px, rgb(0 0 0 / .05) 11px 14px, transparent 14px 27px);--texture-blend: normal;--engrave-hi: rgb(255 240 210 / .5);--engrave-lo: rgb(40 24 6 / .45);--bevel-hi: rgb(255 255 255 / .12);--shadow: rgb(0 0 0 / .6);--peer-bg: rgb(45 25 5 / .14);--same-bg: rgb(120 70 15 / .3);--same-ring: rgb(90 50 10 / .6);--ring: rgb(110 42 12 / .55);--ring-gold: rgb(220 177 104 / .85);--sweep-bg: rgb(220 177 104 / .3);--track: #4a3920;--key-hi: #4a3921;--key-lo: #332616;--key-border: #5d4726;--key-side: #1c1409;--btn-lo: #2e2314;--btn-side: #1b1409;--chip-hi: #4a3a1c;--chip-lo: #382c14;--chip-border: #6f5730;--chip-ink: #dcb168;--cand: #4a3517}[data-theme=wood] button.on{background:linear-gradient(160deg,#4b3517,#3a2911)}[data-theme=wood] .toast{background:#ecdec4;color:#2a2014}[data-theme=jazz]{--paper: #16120e;--paper-hi: #241e17;--card: #1f1a14;--panel: #191510;--face-hi: #2a231b;--face-lo: #120e09;--cellbg: #262019;--tile-hi: #332a1f;--tile-lo: #221c14;--ink: #ece2cf;--ink-soft: #b3a78f;--ink-faint: #776c58;--carve: #c8bca2;--accent: #c9973f;--player: #ce6e5f;--accent-soft: rgb(201 151 63 / .15);--indigo: #7fa7c4;--indigo-soft: rgb(127 167 196 / .14);--gold: #d4a94e;--line: #3a322a;--line-strong: #5a4d3d;--overlay-bg: rgb(12 9 6 / .96);--texture: repeating-linear-gradient(0deg, rgb(255 255 255 / .02) 0px 1px, transparent 1px 4px);--texture-blend: normal;--engrave-hi: rgb(0 0 0 / .45);--engrave-lo: rgb(255 240 200 / .1);--bevel-hi: rgb(255 255 255 / .1);--shadow: rgb(0 0 0 / .7);--peer-bg: rgb(255 255 255 / .05);--same-bg: rgb(201 151 63 / .18);--same-ring: rgb(201 151 63 / .55);--ring: rgb(206 110 95 / .55);--ring-gold: rgb(201 151 63 / .85);--sweep-bg: rgb(201 151 63 / .3);--track: #3a3226;--key-hi: #f2ead9;--key-lo: #ded1b4;--key-border: #b7a887;--key-side: #93866a;--btn-lo: #191510;--btn-side: #0c0906;--chip-hi: #40331c;--chip-lo: #2e2513;--chip-border: #6e5828;--chip-ink: #d4a94e;--cand: #8d8069}[data-theme=jazz] .key{background:linear-gradient(180deg,#fdfaf1,#f3ebd8 55%,#e0d2b2);border-radius:4px 4px 11px 11px;box-shadow:inset 0 2px #ffffffe6,inset 0 -3px 4px #78643c40,0 4px 0 var(--key-side),0 8px 12px -5px var(--shadow)}[data-theme=jazz] .board{background:linear-gradient(155deg,#332a20,#1a1510 42%,#0e0b07)}[data-theme=jazz] .cell.sel{background:#ce6e5f24}[data-theme=jazz] .key .kd{color:#99283a}[data-theme=jazz] .cell.sel{box-shadow:inset 0 0 0 2px var(--player)}[data-theme=jazz] button.on{background:linear-gradient(160deg,#3a2d15,#2c2210)}[data-theme=jazz] .toast{background:#ece2cf;color:#16120e}[data-theme=neon]{--paper: #1b0e26;--paper-hi: #2c1440;--card: #221331;--panel: #1a0f27;--face-hi: #33204f;--face-lo: #21123a;--cellbg: #271639;--tile-hi: #2f1f4a;--tile-lo: #1d1136;--ink: #e9def2;--ink-soft: #b3a4c6;--ink-faint: #6d5f82;--carve: #c6b6da;--accent: #ec6fb9;--player: #55d6de;--accent-soft: rgb(224 95 174 / .16);--indigo: #9d8bef;--indigo-soft: rgb(157 139 239 / .15);--gold: #e8c66a;--line: #46325f;--line-strong: #6b4f8a;--overlay-bg: rgb(16 8 26 / .94);--texture: repeating-linear-gradient(90deg, rgb(236 111 185 / .04) 0px 1px, transparent 1px 26px), repeating-linear-gradient(0deg, rgb(236 111 185 / .04) 0px 1px, transparent 1px 26px);--texture-blend: normal;--engrave-hi: rgb(0 0 0 / .5);--engrave-lo: rgb(220 180 255 / .12);--bevel-hi: rgb(255 255 255 / .05);--shadow: rgb(0 0 0 / .65);--peer-bg: rgb(220 180 255 / .07);--same-bg: rgb(85 214 222 / .14);--same-ring: rgb(85 214 222 / .5);--ring: rgb(224 95 174 / .55);--ring-gold: rgb(85 214 222 / .8);--sweep-bg: rgb(236 111 185 / .26);--track: #322045;--key-hi: #2f1f4a;--key-lo: #1d1136;--key-border: #4a3670;--key-side: #0e0719;--btn-lo: #1c1029;--btn-side: #0d0616;--chip-hi: #3a2054;--chip-lo: #27143c;--chip-border: #7a4a92;--chip-ink: #eba7d4;--cand: #9a89b4}[data-theme=neon] html,[data-theme=neon] body{background:radial-gradient(1000px 520px at 50% 106%,rgb(236 111 185 / .22),transparent 62%),radial-gradient(1300px 900px at 50% -12%,var(--paper-hi),var(--paper))}[data-theme=neon] .value.player{text-shadow:0 0 9px rgb(85 214 222 / .45)}[data-theme=neon] .key .kd{color:var(--player);text-shadow:0 0 7px rgb(85 214 222 / .35)}[data-theme=neon] .cell.sel{box-shadow:inset 0 0 0 2px var(--player);background:#55d6de1a}[data-theme=neon] button.on{background:linear-gradient(160deg,#33204a,#251738)}[data-theme=neon] .toast{background:#dfe4f5;color:#12101c}