:root{--bg: #0d1126;--panel: #1a2142;--panel-2: #232c56;--line: #2e3a6e;--ink: #eef1ff;--muted: #98a3cf;--accent: #5fd4ff;--gold: #ffcd5e;--hp: #ff5d6c;--block: #6bd0ff;--good: #4be08a;--bad: #ff7a7a;--common: #8fa0c9;--uncommon: #6bd08a;--rare: #b48bff;--teal: #3ad0a4;--magenta: #ff6b9d;--poise: #b48bff;--lvl-beginner: #4be08a;--lvl-intermediate: #5fd4ff;--lvl-advanced: #b48bff;--cefr-1: #4be08a;--cefr-2: #3ad0a4;--cefr-3: #35c9c4;--cefr-4: #45c9ef;--cefr-5: #5fd4ff;--cefr-6: #6bb8ff;--cefr-7: #7fa4ff;--cefr-8: #9a93ff;--cefr-9: #b48bff;--cefr-10: #c77dff;--hp-grad: linear-gradient(90deg, #2bb56b, #4be08a);--enemy-hp-grad: linear-gradient(90deg, #ff5d6c, #ff8b6b);--poise-grad: linear-gradient(90deg, #b48bff, #8f6bff);font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1000px 700px at 85% -5%,rgba(140,116,255,.32),transparent 68%),radial-gradient(800px 600px at -12% 22%,rgba(95,212,255,.22),transparent 62%),radial-gradient(900px 800px at 75% 62%,rgba(107,150,255,.16),transparent 62%),radial-gradient(700px 500px at 15% 96%,rgba(58,208,164,.2),transparent 62%),var(--bg);background-attachment:fixed;color:var(--ink);min-height:100vh;touch-action:manipulation}#root{max-width:520px;margin:0 auto;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}@media(max-width:480px){#root{padding:calc(12px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))}.splash{min-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}h1{font-size:26px}}h1,h2,h3{margin:0 0 12px}h1{font-size:34px;letter-spacing:.5px}.muted{color:var(--muted)}.center{text-align:center}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel{background:var(--panel);border:1px solid #2c345a;border-radius:14px;padding:18px}button{background:var(--panel-2);color:var(--ink);border:1px solid #38406b;border-radius:10px;padding:10px 14px;font-size:15px;cursor:pointer;transition:transform .05s ease,background .15s ease}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#06223a;border-color:var(--accent);font-weight:600}button.danger{border-color:#6b2c3a}.rack{display:flex;gap:10px;flex-wrap:wrap;min-height:64px}.tile{width:54px;height:54px;border-radius:10px;background:linear-gradient(180deg,#f4ecd0,#e3d4a3);color:#3a2f12;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid #b8a86f;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 3px #b8a86f}.tile .val{position:absolute;right:5px;bottom:3px;font-size:11px;font-weight:700;opacity:.7}.tile.selected{outline:3px solid var(--accent);transform:translateY(-4px)}.tile.wild{background:linear-gradient(180deg,#d8c6ff,#b89bff);border-color:#8a6bd0}.wordbox{display:flex;gap:8px;align-items:center;min-height:60px;font-size:26px;font-weight:800;letter-spacing:3px}.wordbox .placed{cursor:pointer;border-bottom:2px solid var(--accent);padding:0 2px}.fillslots{display:flex;gap:5px;flex-wrap:wrap;min-height:42px}.fillslots .slot{width:30px;height:38px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;background:#222a49;border:2px solid #38406b;color:#fff}.fillslots .slot.locked{border-color:var(--gold);color:var(--gold)}.fillslots .slot.filled{border-color:var(--accent);cursor:pointer}.fillslots .slot.empty{color:#4a5680}.fillkeys{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.fillkeys .key{height:38px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f4ecd0,#e3d4a3);color:#3a2f12;font-weight:800;font-size:19px;border:2px solid #b8a86f;box-shadow:0 3px #b8a86f;cursor:pointer;-webkit-user-select:none;user-select:none}.fillkeys .key.back{background:#2a3258;color:#fff;border-color:#38406b;box-shadow:0 3px #1c2140}.bar{height:14px;background:#2a3258;border-radius:8px;overflow:hidden}.bar>span{display:block;height:100%}.tag{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid #38406b}.tier-common{color:var(--common);border-color:var(--common)}.tier-uncommon{color:var(--uncommon);border-color:var(--uncommon)}.tier-rare{color:var(--rare);border-color:var(--rare)}.card{width:150px;min-height:110px;background:var(--panel-2);border:1px solid #3a4270;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.card .name{font-weight:700}.card .cost{color:var(--accent);font-weight:800}.card .text{font-size:12px;color:var(--muted)}.log{height:150px;overflow-y:auto;background:#11152a;border-radius:10px;padding:10px;font-size:13px;color:var(--muted)}.log div{padding:2px 0;border-bottom:1px solid #1c2240}.stat{font-weight:700}.hp{color:var(--hp)}.block{color:var(--block)}.nb-reset-srs{align-self:center;min-height:0;padding:8px 16px;border-radius:10px;font-size:12.5px;font-weight:700;background:transparent;color:var(--bad);border:1.5px solid var(--bad)}.nb-reset-srs:active{background:#3a1c22}.gold{color:var(--gold)}.ap{color:var(--accent)}.quiz-opt{text-align:left;width:100%}.quiz-opt.correct{border-color:var(--good);background:#1c3a26}.quiz-opt.wrong{border-color:var(--bad);background:#3a1c22}.node{padding:10px 14px;border-radius:10px;border:1px solid #38406b;background:var(--panel-2);min-width:120px;text-align:center}.node.cleared{opacity:.45}.node.current{outline:2px solid var(--accent)}.node.boss{border-color:var(--rare)}@keyframes glowpulse{0%,to{box-shadow:0 0 #59d3ff80}50%{box-shadow:0 0 0 6px #59d3ff00}}.glow{animation:glowpulse 1.4s ease-in-out infinite;outline:2px solid var(--accent)}.tile.glow{outline:3px solid var(--accent)}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes attack-lunge{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(26px) rotate(6deg)}55%{transform:translate(-4px)}}@keyframes attack-lunge-left{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(-26px) rotate(-6deg)}55%{transform:translate(4px)}}@keyframes hit-shake{0%,to{transform:translate(0);filter:none}15%{transform:translate(-7px);filter:brightness(1.6) saturate(2)}35%{transform:translate(6px)}55%{transform:translate(-4px);filter:none}75%{transform:translate(2px)}}@keyframes defend-brace{0%,to{transform:scale(1)}35%,65%{transform:scale(.93) translateY(3px)}}@keyframes ko-slump{0%{transform:rotate(0);opacity:1}60%{transform:rotate(84deg) translateY(14px);opacity:.55}to{transform:rotate(84deg) translateY(14px);opacity:0}}@keyframes telegraph-pulse{0%,to{transform:scale(1);box-shadow:none}50%{transform:scale(1.06);box-shadow:0 0 14px #ff5d6c80}}@keyframes float-up-fade{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-34px)}}@keyframes vignette-flash{0%,to{opacity:0}30%,55%{opacity:1}}.sprite-idle{animation:idle-bob 2.6s ease-in-out infinite}.sprite-attack{animation:attack-lunge .55s ease-in-out}.sprite-attack-left{animation:attack-lunge-left .55s ease-in-out}.sprite-hit{animation:hit-shake .6s ease-in-out}.sprite-defend{animation:defend-brace .7s ease-in-out}.sprite-ko{animation:ko-slump 1.2s ease-in-out forwards}.telegraph{animation:telegraph-pulse 1.6s ease-in-out infinite}.fx-dmg{position:absolute;font-weight:900;font-size:26px;color:var(--hp);text-shadow:0 2px 8px rgba(0,0,0,.6);animation:float-up-fade 1.1s ease-out forwards;pointer-events:none;z-index:30}.fx-dmg.heal{color:var(--good)}.fx-dmg.block{color:var(--block)}.hit-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 70px 24px #ff3c5073;animation:vignette-flash .7s ease-in-out forwards;z-index:40}@media(prefers-reduced-motion:reduce){.sprite-idle,.sprite-attack,.sprite-attack-left,.sprite-hit,.sprite-defend,.sprite-ko,.telegraph,.glow{animation:none!important}}.bar.hpbar>span{background:var(--hp-grad);border-radius:99px;transition:width .35s ease}.bar.enemybar>span{background:var(--enemy-hp-grad);border-radius:99px;transition:width .35s ease}.bar.poisebar>span{background:var(--poise-grad);border-radius:99px;transition:width .35s ease}.handzone{position:relative;height:186px;margin-top:auto}.fan{position:absolute;top:0;right:30px;bottom:48px;left:30px;display:flex;justify-content:center;align-items:flex-end}.mcard{position:relative;width:92px;height:128px;border-radius:12px;background:linear-gradient(180deg,#28305c,#1b2244);border:1.5px solid #3b4885;box-shadow:0 8px 18px #00000080;margin:0 -14px;transform-origin:50% 120%;transition:transform .15s;cursor:pointer;flex-shrink:0}.mcard .art{height:56px;margin:5px 5px 0;border-radius:8px;background:#131a3a;display:flex;align-items:center;justify-content:center;overflow:hidden}.mcard .art svg{width:46px;height:46px}.mcard h5{margin:4px 6px 0;font-size:10.5px;text-align:center;font-weight:800}.mcard .mtext{margin:2px 6px;font-size:8.5px;color:var(--muted);text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mcard .cost{position:absolute;top:-7px;left:-7px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#06283a;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.mcard.atkcard{border-color:#8a4a5c}.mcard.skillcard{border-color:#3b6f85}.mcard.cursecard{border-color:#5b3a75;background:#1c1430}.mcard.cursecard .art{filter:grayscale(.7) brightness(.7)}.mcard.cursecard h5{color:#b39ddb}.mcard.unaffordable{opacity:.45}.mcard.raised{transform:rotate(0) translateY(-26px) scale(1.12)!important;z-index:5;border-color:var(--gold);box-shadow:0 0 22px #ffcd5e59}.fan.tight .mcard{width:76px;height:106px;margin:0 -22px}.fan.tight .mcard .art{height:44px}.fan.tight .mcard .art svg{width:36px;height:36px}.fan.tight .mcard h5{font-size:9.5px}.fan.tight .mcard .mtext{display:none}.fan.tight .mcard.raised{transform:rotate(0) translateY(-44px) scale(1.45)!important}.fan.tight .mcard.raised .mtext{display:block}.apdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:linear-gradient(180deg,#fff,#b9c4dd);margin:0 1px;box-shadow:0 0 4px #d2def5b3}.apdot.empty{background:transparent;border:1px solid var(--muted);box-shadow:none}.apcost{position:absolute;top:-8px;left:-8px;display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:99px;background:#0d1126;border:1.5px solid #b9c4dd;box-shadow:0 2px 6px #00000080;line-height:1}.apcost .apdot{margin:0;box-shadow:none}.apcost.zero{color:var(--muted);font-weight:900;padding:2px 7px;font-size:11px}.fan.tight .apcost{padding:3px 5px}.fan.tight .apcost .apdot{width:5px;height:5px}.bigcard .apcost{top:-12px;left:-12px;padding:6px 8px;gap:3px;border-width:2px}.bigcard .apcost .apdot{width:8px;height:8px}.battlestats{display:flex;gap:16px;align-items:center;padding:0 2px;flex-wrap:wrap}.bstat{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}.bstat b{color:var(--ink);font-size:14px}.relicrow{display:flex;gap:8px;padding:0 4px}.relicrow .relic{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.bstat.hexed,.bstat.hexed b{color:#c792ea}.bstat .apdots{display:inline-flex;align-items:center}.camp{gap:10px;min-height:calc(100dvh - 34px)}.camp-hero{display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-top:6px}.camp-flip{display:inline-flex;transform:scaleX(-1)}.camp-title{text-align:center}.camp-title>b{font-size:17px}.camp-title>div{font-size:11.5px;color:var(--muted);margin-top:2px}.camppills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.campcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}.camp-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:800}.campcard.camp-next{flex-direction:row;align-items:center}.forge-head{display:flex;align-items:center;gap:8px}.forge-row{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:center}.forge-row.affordable{border-color:var(--gold)}.forge-row.maxed{opacity:.55}.forge-art{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.forge-art svg{width:34px;height:34px}.forge-info{flex:1;min-width:0}.forge-info>b{font-size:13px;display:block}.forge-info>div{font-size:11px;color:var(--muted);margin-top:2px}.forge-buy{border-radius:10px;font-weight:800;font-size:12px;padding:8px 10px;min-height:0;flex:0 0 auto}.forge-buy.gold{background:var(--gold);color:#5a3c05;border:none}.forge-buy.xp{background:var(--accent);color:#06283a;border:none;white-space:nowrap}.rest-row{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px}.rest-hp{height:9px;margin:6px 0 0}.rest-hp>span{transition:width .7s ease}.forge-buy svg{vertical-align:-1px}.zoombtn{position:absolute;top:-10px;right:-10px;width:26px;height:26px;min-height:0;padding:0;border-radius:50%;background:var(--panel);border:1.5px solid var(--gold);font-size:12px;display:flex;align-items:center;justify-content:center;z-index:6}.pile{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pile.exhaustpile{cursor:pointer;color:#c792ea}.pile.exhaustpile .stack{background:#241b3d;border-color:#5b3a75;box-shadow:none}.pile .stack{position:relative;width:24px;height:31px;border-radius:4px;background:#28305c;border:1.5px solid #3b4885;box-shadow:2.5px -2.5px 0 -1px #131a3a,2.5px -2.5px #3b4885}.pile .stack b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:12px}.zoom-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#05071299;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.bigcard{width:230px;border-radius:18px;background:linear-gradient(180deg,#2b3465,#1b2244);border:2px solid #8a4a5c;box-shadow:0 20px 50px #0009,0 0 30px #ff6b9d26;padding:10px;position:relative}.bigcard.skill{border-color:#3b6f85;box-shadow:0 20px 50px #0009,0 0 30px #5fd4ff26}.bigcard .cost{position:absolute;top:-11px;left:-11px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#06283a;font-weight:900;font-size:17px;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg)}.bigcard .art{height:110px;border-radius:12px;background:radial-gradient(circle at 50% 40%,#26305e,#101736);display:flex;align-items:center;justify-content:center}.bigcard .art svg{width:92px;height:92px}.bigcard h3{margin:8px 0 2px;text-align:center;font-size:17px}.bigcard .ktag{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta);font-weight:800}.bigcard p{margin:6px 4px;font-size:12.5px;text-align:center;color:var(--ink);line-height:1.5}.bigcard .upg{margin:8px 4px 2px;font-size:11px;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px}.bigcard .upg b{color:var(--teal)}.kw{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:11px;color:var(--muted);margin-top:6px;max-width:230px}.kw b{color:var(--accent)}.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#0507128c;z-index:50}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--line);border-radius:22px 22px 0 0;padding:18px 18px calc(26px + env(safe-area-inset-bottom));z-index:51;max-width:520px;margin:0 auto;animation:sheet-up .22s ease-out}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet h3{margin:2px 0 4px;font-size:17px}.sheet p{margin:6px 0;font-size:13px;color:var(--muted)}.sheet .grab{width:44px;height:4px;border-radius:99px;background:var(--line);margin:0 auto 12px}.sheet .cycle{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.sheet .cycle span{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:5px 9px;font-size:11.5px}.sheet .cycle span.now{border-color:var(--hp);color:var(--hp);font-weight:800}.satchel-list{display:flex;flex-direction:column;gap:9px}.satchel-row{display:flex;gap:8px;align-items:flex-start;line-height:1.45}.satchel-row svg{flex-shrink:0;margin-top:1px}.satchel-row b{color:var(--ink)}.splash{position:relative;min-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px 16px 28px;gap:0}.splash>*:not(.splash-letter):not(.sl-field):not(.sheet):not(.sheet-veil):not(.lang-controls){position:relative;z-index:1}.lang-controls{position:absolute;top:14px;right:12px;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:stretch}.splash .lang-globe{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:5px 12px;font-weight:700;color:var(--ink);cursor:pointer;text-align:left}.splash .lang-globe small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.lang-globe span{font-size:12.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.splash-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.splash-hero .logo{font-size:44px}.slogan{font-size:16px;font-weight:700;color:var(--muted);text-align:center;letter-spacing:.01em}.splash-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.splash-cta{max-width:340px;margin:0 auto}.splash-reset{border:0;padding:4px 10px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.splash-reset:hover{color:var(--text)}.langgrid{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow-y:auto;margin-top:8px}.langopt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);cursor:pointer}.langopt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.langopt .flag{font-size:22px}.langopt .names{display:flex;flex-direction:column;line-height:1.2}.langopt .names b{font-size:14px}.langopt .names small{font-size:11px;color:var(--muted)}.langopt .tick{margin-left:auto;color:var(--accent);font-weight:900}.wordpreview{display:flex;flex-direction:column;gap:8px;max-height:56vh;overflow-y:auto;margin-top:8px}.wordpreview-row{display:flex;flex-direction:column;gap:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.wordpreview-row b{font-size:14.5px;color:var(--ink);letter-spacing:.02em}.wordpreview-row .def{font-size:12.5px;color:var(--muted)}.previewbtn{margin-top:8px;width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:6px 0;font-size:11px;font-weight:700;color:var(--accent);cursor:pointer}.home{gap:14px;padding:10px 4px 24px;position:relative}.home-gear{position:absolute;top:10px;right:8px;z-index:2;min-height:0;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;color:var(--muted);background:var(--panel);border:1.5px solid var(--line);border-radius:12px;cursor:pointer}.sl-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.splash-letter{position:absolute;font-weight:900;pointer-events:none;z-index:0;line-height:1;color:var(--sl-hue, var(--accent));font-size:var(--sl-size, 15px);opacity:var(--sl-op, .4);text-shadow:0 0 calc(var(--sl-glow, 12px) * .4) color-mix(in srgb,var(--sl-hue, var(--accent)) 80%,transparent),0 0 var(--sl-glow, 12px) color-mix(in srgb,var(--sl-hue, var(--accent)) 45%,transparent);filter:blur(var(--sl-blur, 0px));transform:rotate(var(--sl-rot, 0deg));animation:sl-twinkle var(--sl-dur, 7s) ease-in-out var(--sl-delay, 0s) infinite;will-change:opacity,transform}.sl-far{--sl-size: 11px;--sl-op: .15;--sl-blur: .8px;--sl-glow: 9px;--sl-dur: 9.5s}.sl-mid{--sl-size: 15px;--sl-op: .32;--sl-blur: .25px;--sl-glow: 13px;--sl-dur: 7s}.sl-near{--sl-size: 19px;--sl-op: .52;--sl-blur: 0px;--sl-glow: 17px;--sl-dur: 5.5s}@keyframes sl-twinkle{0%,to{opacity:var(--sl-op);transform:rotate(var(--sl-rot)) translateY(0) scale(1)}50%{opacity:calc(var(--sl-op) * 1.8);transform:rotate(var(--sl-rot)) translateY(-4px) scale(1.07)}}.sl-neb{top:0;left:0;right:0;height:62%;background:radial-gradient(48% 34% at 50% 36%,rgba(180,139,255,.26),transparent 70%),radial-gradient(34% 30% at 30% 48%,rgba(95,212,255,.18),transparent 72%),radial-gradient(32% 28% at 72% 22%,rgba(107,150,255,.15),transparent 72%);filter:blur(4px);animation:sl-neb-drift 22s ease-in-out infinite alternate}@keyframes sl-neb-drift{0%{transform:translate3d(-1%,-.5%,0) scale(1);opacity:.8}to{transform:translate3d(1%,1%,0) scale(1.05);opacity:1}}.win{align-items:stretch}.win>*:not(.splash-letter):not(.botnav-wrap){position:relative;z-index:1}.wintitle{font-size:22px;font-weight:900;text-align:center}.win-rating{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:-4px}.win-stars{font-size:30px;letter-spacing:5px;color:var(--gold);line-height:1}.win-xp{font-size:13px;font-weight:800;color:var(--rare)}.wlist{display:flex;flex-direction:column;gap:7px}.wl-row{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:9px 11px;cursor:pointer}.wl-row.on{border:1.5px solid var(--gold)}.wl-row>b{font-size:13px;flex:0 0 auto}.wl-right{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.wl-flag{font-size:9.5px;font-weight:800;color:var(--hp);letter-spacing:.04em;white-space:nowrap}.wl-check{color:var(--gold);font-weight:900}.win-row{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:7px 6px 7px 11px}.win-row>b{font-size:13px;flex:0 0 auto}.win-outcome{margin-left:auto;display:inline-flex}.win-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.win-tag-mastered{color:var(--teal)}.win-tag-struggled{color:var(--hp)}.win-heart{min-height:0;padding:6px 8px;border:none;background:transparent;color:#ff8fa4;display:flex;flex:0 0 auto}.win-heart:active{transform:none}.win-pillrow{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:2px 0}.win-pill{border:1px solid var(--teal);color:var(--teal);border-radius:99px;font-size:11px;font-weight:800;padding:3px 10px}.win-pill.flying{animation:pill-fly .7s cubic-bezier(.5,-.1,.7,1) forwards}@keyframes pill-fly{0%{transform:translate(0) scale(1);opacity:1}20%{transform:translateY(-8px) scale(1.06);opacity:1}to{transform:translate(var(--fly-x),var(--fly-y)) scale(.2);opacity:0}}.win{padding-bottom:74px}.sh-xp{position:absolute;top:clamp(10px,2dvh,20px);right:12px;z-index:2;min-height:0;border:none;cursor:pointer;color:var(--rare);display:inline-flex;align-items:center;gap:5px}.bl-xp{margin-left:auto;min-height:0;border:none;cursor:pointer;color:var(--rare);display:inline-flex;align-items:center;gap:5px}.bl-hint{margin:0;font-size:11.5px;color:var(--muted);position:relative;z-index:1}.nbtabs button{position:relative}.nbtab-badge{position:absolute;top:-7px;right:3px;background:var(--hp);color:#fff;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:900;line-height:1.5;box-shadow:0 2px 8px #00000059}.sg-list{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.sg-row{display:flex;align-items:center;gap:10px;min-height:0;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);cursor:pointer;text-align:left}.sg-word{font-size:15px;font-weight:800;color:var(--cefr-color);flex:1 1 auto}.sg-lvl{margin-left:8px;padding:1.5px 7px;border-radius:99px;font-size:9.5px;font-weight:800;letter-spacing:.03em;color:var(--cefr-color);border:1px solid color-mix(in srgb,var(--cefr-color) 55%,transparent);vertical-align:2px}.sg-chars{display:flex;gap:10px;flex:0 0 auto}.sg-char{display:flex;flex-direction:column;align-items:center;gap:1px;width:52px}.sg-char img{width:34px;height:34px;object-fit:contain}.sg-char small{font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.02em}.bl-list{display:flex;flex-direction:column;gap:16px;padding-top:10px}.bl-card{position:relative;overflow:visible;background:var(--panel-2);border:1.5px solid var(--line);border-radius:16px;padding:14px 12px 12px;display:flex;flex-direction:column;gap:8px}.bl-badge{position:absolute;top:-10px;right:12px;padding:3px 11px;border-radius:99px;font-size:10px;font-weight:900;letter-spacing:.03em;color:#06283a;box-shadow:0 3px 10px #00000059}.bl-lvl-beginner{background:var(--lvl-beginner)}.bl-lvl-intermediate{background:var(--lvl-intermediate)}.bl-lvl-advanced{background:var(--lvl-advanced);color:#17093a}.bl-lvl-mixed{background:linear-gradient(100deg,var(--lvl-beginner),var(--lvl-intermediate) 55%,var(--lvl-advanced))}.bl-cardhead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-right:64px}.bl-no{font-size:15px;font-weight:900;letter-spacing:-.01em}.bl-meta{font-size:11px;color:var(--muted)}.bl-stars{font-size:16px;letter-spacing:3px;color:var(--gold);line-height:1}.bl-defeat{font-size:12px;font-weight:900;color:var(--hp);letter-spacing:.03em}.bl-words{display:flex;flex-wrap:wrap;gap:6px}.bl-pill{border:1px solid var(--cefr-color);color:var(--cefr-color);border-radius:99px;font-size:11.5px;font-weight:700;padding:3px 10px}.bl-pill.struggled{border-style:dashed}.bl-pill.mastered{background:color-mix(in srgb,var(--cefr-color) 16%,transparent)}.bl-cta{min-height:0;margin-top:2px;align-self:flex-start;padding:7px 6px;border:none;border-radius:10px;font-size:12.5px;font-weight:800;cursor:pointer;background:transparent;color:var(--accent);box-shadow:none}.bl-cta:disabled{opacity:.55}.wcard-pains.readonly{cursor:default}.wcard-pains.readonly:hover{filter:none}.mst-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.mst-heart{min-height:0;padding:8px;border:none;background:transparent;color:#ff8fa4;display:flex;cursor:pointer}.mst-reset{min-height:0;width:36px;height:36px;padding:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff12;color:var(--accent);font-size:17px;font-weight:800;cursor:pointer}.defeat{align-items:stretch;gap:12px;min-height:100%;background:radial-gradient(320px 240px at 50% 0%,rgba(255,93,108,.18),transparent 68%)}.defeat-boss{display:flex;justify-content:center;padding-top:4px}.defeat-title{font-size:24px;font-weight:900;color:var(--hp);text-align:center}.defeat-sub{font-size:12px;color:var(--muted);text-align:center;max-width:250px;margin:0 auto}.defeat-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--hp);font-weight:800}.defeat-hero{flex:1;display:flex;align-items:center;justify-content:center;min-height:96px}.runbar{width:100%;display:flex;align-items:center;gap:8px}.nb-head{display:flex;align-items:center;gap:8px}.nb-list{display:flex;flex-direction:column;gap:10px}.nbtabs{display:flex;gap:6px}.nbtabs button{flex:1;font-size:11px;padding:8px 4px;min-height:0;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-weight:700}.nbtabs button.on{border-color:var(--accent);color:var(--ink)}.nb-group-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-top:2px}.nb-lessons{display:flex;flex-wrap:wrap;gap:8px}.nb-lessons .lessoncard{flex:1 1 calc(50% - 4px);min-width:140px}.nbrow{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}.nbrow.due{border:1.5px solid var(--accent)}.nbrow.settled{opacity:.8}.nbrow>b{font-size:13px;letter-spacing:.04em}.nbcard-status{margin-left:auto;font-size:10.5px;white-space:nowrap}.nbchips{display:flex;gap:6px;flex-wrap:wrap}.nbchip{font-size:9.5px;padding:2px 7px}.nbviewer{min-height:calc(100dvh - 34px);gap:10px}.nbscreen{min-height:calc(100dvh - 34px)}.nbv-head{display:flex;align-items:center;gap:8px}.nbv-dots{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.nbv-dot{width:22px;height:5px;border-radius:99px;background:var(--line)}.nbv-dot.on{background:var(--accent)}.nbcard-big{flex:1;display:flex;flex-direction:column;text-align:center;background:linear-gradient(180deg,#252e5c,#1a2142);border:1.5px solid var(--line);border-radius:20px;padding:20px 16px;box-shadow:0 12px 30px #00000073;cursor:pointer}.nbv-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}.nbv-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.nbcard-word{font-size:32px;font-weight:900;letter-spacing:7px;color:var(--gold)}.nbv-def{font-size:15px}.nbv-sent{font-size:12px;color:var(--muted);font-style:italic}.nbrel{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.nbrel-lbl{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800}.relpill{font-size:11px;font-weight:700;border-radius:99px;padding:3px 10px;border:1.5px solid}.relpill.sim{color:var(--teal);border-color:var(--teal);background:#3ad0a41a}.relpill.opp{color:var(--magenta);border-color:var(--magenta);background:#ff6b9d1a}.nbv-hint{font-size:11.5px;color:var(--muted)}.nbv-foot{font-size:10.5px;color:var(--muted)}.nbv-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.nbv-nav button{padding:8px 14px;min-height:0}.logo{font-size:34px;font-weight:900;letter-spacing:-.02em;text-align:center;line-height:1.1}.logo em{font-style:normal;color:var(--gold);text-shadow:0 0 24px rgba(255,205,94,.45)}.tagline{font-size:12.5px;color:var(--muted);text-align:center;max-width:260px;margin:0 auto}.lvlrow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.lvlchip{border-radius:99px;padding:8px 14px;font-size:12.5px;font-weight:700;background:var(--panel);border:1.5px solid var(--line);color:var(--muted);cursor:pointer}.lvlchip.on{background:var(--accent);color:#06283a;border-color:var(--accent)}.lessonrow{display:flex;gap:10px;padding:2px 2px 6px;overflow-x:auto}.lessoncard{flex:0 0 150px;background:var(--panel);border:1.5px solid var(--line);border-radius:16px;padding:12px;position:relative;text-align:left;cursor:pointer;color:var(--ink)}.lessoncard.next{border-color:var(--accent);box-shadow:0 0 16px #5fd4ff33}.lessoncard .no{font-size:9px;letter-spacing:.14em;color:var(--accent);font-weight:800;text-transform:uppercase}.lessoncard b{display:block;font-size:13.5px;margin:4px 0 2px}.lessoncard i{font-style:normal;font-size:10.5px;color:var(--muted);display:block}.lessoncard .stars{margin-top:8px;font-size:11px;color:var(--gold)}.lvlchip.on[data-level=beginner]{background:var(--lvl-beginner);border-color:var(--lvl-beginner);color:#06283a}.lvlchip.on[data-level=intermediate]{background:var(--lvl-intermediate);border-color:var(--lvl-intermediate);color:#06283a}.lvlchip.on[data-level=advanced]{background:var(--lvl-advanced);border-color:var(--lvl-advanced);color:#17093a}.lessonrow .lessoncard[data-level=beginner]{background:color-mix(in srgb,var(--lvl-beginner) 14%,var(--panel))}.lessonrow .lessoncard[data-level=intermediate]{background:color-mix(in srgb,var(--lvl-intermediate) 14%,var(--panel))}.lessonrow .lessoncard[data-level=advanced]{background:color-mix(in srgb,var(--lvl-advanced) 16%,var(--panel))}.lessonrow .lessoncard[data-level=beginner] .no{color:var(--lvl-beginner)}.lessonrow .lessoncard[data-level=intermediate] .no{color:var(--lvl-intermediate)}.lessonrow .lessoncard[data-level=advanced] .no{color:var(--lvl-advanced)}.playcta{background:var(--accent);color:#06283a;border:none;border-radius:16px;padding:14px;font-size:16px;font-weight:900;text-align:center;box-shadow:0 8px 24px #5fd4ff4d;cursor:pointer;width:100%}.playcta:hover:not(:disabled){background:var(--accent)}.resume-cta{background:var(--good);color:#06331d;box-shadow:0 8px 24px #4be08a4d}.resume-cta:hover:not(:disabled){background:var(--good)}.homebtns{display:flex;flex-direction:column;gap:8px}.homebtn{display:flex;align-items:center;gap:10px;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;text-align:left;width:100%}.homebtn small{font-weight:400;color:var(--muted);font-size:11px;margin-left:auto}.homebtn .due{background:var(--hp);color:#fff;border-radius:99px;font-size:10px;padding:2px 8px;margin-left:auto}.review{gap:12px;min-height:calc(100dvh - 34px);padding:4px 0 8px}.rev-head{display:flex;align-items:center;gap:8px}.rev-back{min-height:0;padding:4px 10px;font-size:20px;line-height:1;font-weight:800;color:var(--muted);border-radius:10px}.rev-segs{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.rev-seg{width:26px;height:5px;border-radius:99px;background:var(--line)}.rev-seg.now{background:var(--accent)}.rev-seg.done{background:var(--teal)}.rev-cardwrap{flex:1;position:relative;display:flex;flex-direction:column;gap:10px;overflow:hidden}.rev-peek{position:absolute;right:-16px;top:8px;bottom:64px;width:22px;border-radius:16px 0 0 16px;background:var(--panel-2);border:1px solid var(--line);opacity:.55;pointer-events:none}.rev-card{flex:1;display:flex;flex-direction:column;text-align:center;background:linear-gradient(180deg,#252e5c,#1a2142);border:1.5px solid var(--line);border-radius:20px;padding:18px 16px;box-shadow:0 12px 30px #00000073;animation:revIn .26s ease}.rev-card.flipped,.rev-card:not(.rev-quiz):not(.rev-done){cursor:pointer}.rev-card.rev-quiz{text-align:left;overflow-y:auto;cursor:default}.rev-card.rev-done{cursor:default;justify-content:center}.rev-quizbody{margin-top:12px}.rev-speak{align-self:center;margin-top:4px;min-height:0;padding:6px 14px;font-size:12px;border-radius:99px;color:var(--muted)}.rev-grades{display:flex;gap:6px}.rev-grade{flex:1;border-radius:12px;padding:12px 0;min-height:0;font-weight:800;font-size:12.5px}.rev-grade.again{background:#3a1c22;border:1.5px solid var(--hp);color:var(--hp)}.rev-grade.hard{background:#332a12;border:1.5px solid var(--gold);color:var(--gold)}.rev-grade.good{background:#12332a;border:1.5px solid var(--teal);color:var(--teal)}.rev-grade.easy{background:#122c3a;border:1.5px solid var(--accent);color:var(--accent)}.rev-legend{font-size:10.5px;color:var(--muted);text-align:center}@keyframes revIn{0%{transform:translate(38px);opacity:.3}to{transform:translate(0);opacity:1}}.rev-card.leaving{animation:revOut .26s ease forwards}@keyframes revOut{0%{transform:translate(0);opacity:1}to{transform:translate(-115%) rotate(-4deg);opacity:0}}.setup-opt{border:1.5px solid var(--line);border-radius:14px;padding:12px;background:transparent;cursor:pointer;text-align:left;width:100%;color:var(--ink)}.setup-opt.on{border:2px solid var(--accent);background:var(--panel-2)}.setup-opt b{font-size:14px}.setup-opt .rec{font-size:9px;letter-spacing:.12em;color:var(--accent);margin-left:6px;font-weight:800}.setup-opt p{font-size:11.5px;color:var(--muted);margin:3px 0 0}.maphud{display:flex;align-items:flex-start;gap:10px;padding:12px 4px 4px}.maphud-hero{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto}.maphud-hero .mini{width:40px;height:40px}.maphud-hero .bar{width:76px;margin:0}.maphud-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.maphud-actions button{white-space:nowrap}.mapscreen{height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.trail{position:relative;flex:1;margin:6px 8px 0;min-height:0;overflow-y:auto;border-radius:18px;background-image:linear-gradient(180deg,#0d102c73,#0d102c40 30%,#0d102c40 70%,#0d102c80),url(/map-bg.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.mapnode{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;width:92px;text-align:center}.mapnode .ring{width:76px;height:68px;background:none;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;position:relative}.mapnode .btnface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 9px 9px rgba(0,0,0,.5))}.mapnode.cleared{opacity:.6}.mapnode.cleared .ring{transform:translateY(4px)}.mapnode.cleared .btnface{filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.mapnode.cleared .ring:after{content:"✓";position:absolute;top:-6px;right:-6px;color:var(--teal);font-weight:900;background:var(--panel);border:1px solid var(--line);border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center}@keyframes node-hover{0%,to{transform:translateY(-1px)}50%{transform:translateY(-6px)}}.mapnode .node-icon{display:flex;position:relative;margin-bottom:10px;animation:node-hover 2.8s ease-in-out infinite;filter:drop-shadow(0 5px 4px rgba(0,0,0,.5))}.mapnode.cleared .node-icon{animation:none;filter:none}.mapnode.bossnode .ring{width:98px;height:88px;border:none}.mapnode.bossnode .btnface{filter:drop-shadow(0 12px 12px rgba(0,0,0,.6)) drop-shadow(0 0 9px rgba(255,93,166,.5))}@keyframes node-next-pulse{0%,to{filter:drop-shadow(0 9px 9px rgba(0,0,0,.5)) drop-shadow(0 0 7px rgba(95,212,255,.6))}50%{filter:drop-shadow(0 9px 9px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(95,212,255,.95))}}.mapnode.current .ring{border:none}.mapnode.current .btnface{animation:node-next-pulse 1.6s ease-in-out infinite}.mapnode.current b,.mapnode.current i{color:var(--accent)}.mapnode.current .ring:before{content:"NEXT ▸";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:8.5px;font-weight:800;letter-spacing:.1em;color:#06283a;background:var(--accent);border-radius:99px;padding:2px 7px;white-space:nowrap}.mapnode.enterable{cursor:pointer}.mapnode b{font-size:11.5px;text-shadow:0 1px 4px rgba(0,0,0,.85)}.mapnode i{font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);opacity:.75;text-shadow:0 1px 4px rgba(0,0,0,.85)}.chest{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 8px 24px}.vtitle{font-size:26px;font-weight:900;color:var(--gold);text-shadow:0 0 24px rgba(255,205,94,.4);margin-top:6px;text-align:center}.vtitle.sm{font-size:22px;text-shadow:0 0 22px rgba(255,205,94,.4);margin-top:0}.vsub{font-size:12px;color:var(--muted);text-align:center}.chest .full{width:100%}.sprite-panel-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:8px}.hp-corner{font-size:12px;font-weight:700;color:var(--good)}.reward-count{font-size:12.5px;font-weight:800;color:var(--accent)}.chest-tap{background:var(--panel);border:1px solid #2c345a;border-radius:14px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;cursor:pointer}.chest-tap:hover:not(:disabled){background:var(--panel)}.chest-art{filter:drop-shadow(0 0 16px rgba(255,205,94,.5))}.rewardrow{display:flex;flex-direction:column;gap:10px;width:100%}.reward{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;width:100%;text-align:left;color:var(--ink);cursor:pointer}.reward:hover:not(:disabled){background:var(--panel-2)}.reward.best{border-color:var(--gold);box-shadow:0 0 18px #ffcd5e2e}.reward.unavailable,.reward.unavailable:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)}.reward .ic{width:44px;height:44px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:30px}.reward .rtext{min-width:0;flex:1}.reward .rtext b{font-size:13.5px;display:block}.reward .rtext .sub{font-size:11.5px;color:var(--muted);display:block;margin-top:2px}.reward .rtext .sub.bad{color:var(--bad)}.reward .reward-zoom{margin-left:auto;flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--panel-2);font-size:15px}.tagnew{font-size:9px;letter-spacing:.14em;color:var(--gold);font-weight:800;display:block}.pickrow{display:flex;gap:8px;justify-content:center}.pickcard{position:relative;flex:1;max-width:118px;border-radius:15px;background:linear-gradient(180deg,#2b3465,#1b2244);border:1.5px solid #3b4885;box-shadow:0 10px 22px #00000080;padding:8px 8px 10px;cursor:pointer;transition:transform .12s;color:var(--ink)}.pickcard:active{transform:translateY(2px)}.pickcard.atkcard{border-color:#8a4a5c;box-shadow:0 10px 22px #00000080,0 0 16px #ff6b9d1f}.pickcard.skillcard{border-color:#3b6f85;box-shadow:0 10px 22px #00000080,0 0 16px #5fd4ff1f}.pickcard .cost{position:absolute;top:-9px;left:-9px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#06283a;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.pickcard .reward-zoom{position:absolute;top:-9px;right:-9px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--panel-2);font-size:13px;box-shadow:0 0 0 2px var(--bg)}.pickcard .art{height:76px;border-radius:10px;background:radial-gradient(circle at 50% 38%,#28325f,#101736);display:flex;align-items:center;justify-content:center;margin-bottom:7px}.pickcard .art svg{width:58px;height:58px}.pickcard h5{margin:0 0 3px;font-size:12.5px;text-align:center;font-weight:800}.pickcard .ktag{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;text-align:center;margin-bottom:3px}.pickcard.atkcard .ktag{color:var(--magenta)}.pickcard.skillcard .ktag{color:var(--accent)}.pickcard p{margin:0;font-size:10px;color:var(--muted);text-align:center;line-height:1.4}.cwb{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center;align-items:center}.cwb-grid{display:flex;justify-content:center;align-items:center;max-height:60vh;overflow:auto;background:#10152e;border:1px solid var(--line);border-radius:16px;padding:14px}.cw-cell{display:flex;align-items:center;justify-content:center;border-radius:6px;background:#2c3767;border:1.5px solid #4b5a99;font-weight:800;color:var(--ink);padding:0;min-height:0;box-shadow:inset 0 1px #ffffff0f}.cw-cell:disabled{cursor:default}.cw-cell.gap{opacity:0;border:none;background:none;box-shadow:none}.cw-cell.found,.cw-cell.found:disabled{background:linear-gradient(180deg,#5cf0c6,#2cc79a);border-color:#9dffe6;color:#05271e;font-weight:900;opacity:1;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 0 14px #46e0b48c}.cw-hint{text-align:center;font-size:12.5px;color:var(--accent);font-weight:700;margin:0}.cw-sheet{text-align:center;max-height:min(92dvh,720px);overflow-y:auto;overscroll-behavior:contain}.cw-word{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.cw-wcell{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#161c33;border:2px solid var(--accent);font-weight:900;color:var(--gold);padding:0;min-height:0;flex:0 0 auto}.cw-wcell.typed{background:#22305e}.cw-clue-head{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}.cw-def{font-size:15px;font-style:italic;margin:6px 0 2px}.cw-sentence{font-size:14px;color:#dfe4ff;font-style:italic;margin-top:2px}.cw-close{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;line-height:1;background:#222a49;color:#cdd4f5;border:1.5px solid #38406b}.cw-close:active{background:#2c3560}.cw-question{font-size:17px;line-height:1.35;font-weight:600;color:#fff;margin:4px 0 14px;text-align:center}.cwspell-slots{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap;margin-bottom:8px}.cwspell-slots .slot{flex:0 0 auto;display:flex;align-items:flex-end;justify-content:center;font-weight:900;color:#fff;padding-bottom:2px;border-bottom:3px solid #38406b}.cwspell-slots .slot.locked{border-color:var(--gold);color:var(--gold)}.cwspell-slots .slot.filled{border-color:var(--accent);cursor:pointer}.cwb-tiles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.cwb-tiles .tile{width:40px;height:46px;font-size:21px;box-shadow:0 2px #b8a86f;min-height:0}.wheel-ring{position:relative;width:min(256px,72vw);aspect-ratio:1;margin:12px auto 0;border-radius:50%;background:radial-gradient(circle,#1b2242 0%,#161c33 62%,transparent 63%);touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.wheel-trace{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34%;aspect-ratio:1;border-radius:50%;border:2px dashed #2c345a;pointer-events:none}.wheel-tile{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:21px;box-shadow:0 2px #b8a86f;min-height:0;pointer-events:none}.wheel-tile.picked{background:var(--accent);color:#06283a;box-shadow:0 0 12px #5fd4ffa6}.wheel-tile.frozen{opacity:.45}.dial-col{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}.dial-row{display:flex;flex-direction:column;align-items:center;gap:4px}.dial-step{width:40px;padding:3px 0;font-size:12px;line-height:1;border-radius:8px;min-height:0}.dial-window{width:40px;display:flex;flex-direction:column;align-items:center;border-radius:8px;background:#161c33;border:2px solid var(--accent);overflow:hidden}.dial-ghost{font-size:12px;line-height:1.3;color:var(--muted);opacity:.45}.dial-face{font-size:21px;line-height:1.35;font-weight:900;color:var(--gold)}.cwb-items{justify-content:center;margin-top:10px}.cwb-actions{display:flex;gap:6px;justify-content:center;margin:12px -18px -26px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));position:sticky;bottom:calc(-26px - env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line)}.cwb-actions button{font-size:13px;padding:8px 14px}.wordchips{display:flex;gap:6px;flex-wrap:wrap}.wchip{font-size:12px;border-radius:99px;padding:4px 11px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font-weight:700;letter-spacing:.04em}.wchip.done{color:var(--teal);border-color:var(--teal);text-decoration:line-through}.wchip.bitten{border-color:var(--hp)}.wchip.go{background:var(--accent);color:#06283a;border-color:var(--accent)}.qmark{display:inline-flex;width:18px;height:18px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);color:var(--accent);font-size:11px;align-items:center;justify-content:center;margin-left:5px;font-weight:800;cursor:pointer;vertical-align:middle}.intent-bubble{background:var(--panel-2);border:1px solid var(--line);border-radius:14px 14px 14px 3px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.intent-bubble small{display:block;font-weight:400;font-size:10px;color:var(--muted)}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:2px 4px 6px;font-size:12px;color:var(--muted)}.hud>:first-child{justify-self:start}.hud>:last-child{justify-self:end}.hud button{padding:5px 10px;font-size:12px}.endrun-link{background:none;border:none;padding:2px 0;font-size:12px;color:var(--muted);font-weight:700;min-height:0}.endrun-link:hover:not(:disabled){background:none;color:var(--ink)}.pill{background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-weight:700;font-size:12px;color:var(--ink)}.pill.gold{color:var(--gold)}.arena{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 8px 6px}.arena .bar{width:min(260px,84%)}.arena [class^=sprite-]{margin-top:-14px}.enemy-png{width:100%;height:100%;object-fit:contain;display:block}.enemy-png.enraged{filter:saturate(1.5) hue-rotate(-18deg) brightness(1.05) drop-shadow(0 0 10px rgba(255,90,70,.6))}.ename{font-weight:800;font-size:15px;margin:-2px 0 3px}.barlabel{font-size:10.5px;color:var(--muted)}.intent{position:absolute;top:2px;right:4px;max-width:42%;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:14px 14px 14px 3px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.intent.pulsing{animation:telegraph-pulse 1.6s ease-in-out infinite}.gate-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 12px}.gate-stage.compact{flex:0 0 auto;gap:2px;padding:4px 12px 2px}.gate-stage.compact .ename{font-size:13px;margin:0}.gate-intro .speech-bubble{cursor:default;max-width:320px}.speech-bubble{position:relative;margin:6px 10px 2px;background:var(--panel-2);border:1.5px solid var(--gold);border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700;font-style:italic;text-align:center;cursor:pointer;box-shadow:0 0 14px #ffcd5e2e}.speech-bubble small{display:block;font-weight:400;font-style:normal;font-size:9.5px;color:var(--muted);margin-top:3px}.speech-bubble .speech-tail{position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--panel-2);border-left:1.5px solid var(--gold);border-top:1.5px solid var(--gold)}.intent small{display:block;font-weight:400;font-size:10px;color:var(--muted)}.hstats{flex:1;min-width:0}.hname{font-weight:800;font-size:14px}.hname small{font-weight:600;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-left:6px}.chips{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:4px 9px;color:var(--ink);cursor:pointer;min-height:0}.chip:disabled{opacity:.4}.hero-dock{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#1a214200,#141a38 30%);border-radius:14px;padding:10px 14px;position:relative}.statchip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:3px 8px;cursor:pointer}.fightscreen{height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;gap:6px}@media(max-width:480px){.fightscreen{height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.fightscreen>:not(.fight-scroll):not(.fight-fit){flex-shrink:0}.fight-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:2px}.fight-fit{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:2px 8px 6px;container-type:size}.fight-fit .wsgrid-wrap{width:min(100%,100cqh);height:auto;aspect-ratio:1;flex:0 0 auto;margin:0 auto}.exam-tabs{display:flex;gap:6px}.exam-tabs button{flex:1;min-height:0;padding:7px 0;font-size:12.5px;font-weight:800;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.exam-tabs button.on{border-color:var(--accent);color:var(--accent);background:var(--panel-2)}.exam-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.exam-dot{width:9px;height:9px;border-radius:50%}.exam-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--accent);border-radius:12px;background:var(--panel-2);padding:12px}.exam-prompt{margin:0;font-size:15px;line-height:1.4}.exam-idk{align-self:flex-start;font-size:13px}.exam-committed{font-size:13px;color:var(--good);background:#3cc8781a;border:1px solid var(--good);border-radius:10px;padding:8px 12px}.exam-miss{font-weight:800;text-align:center;color:var(--bad);background:#dc3c3c1f;border:1px solid var(--bad);border-radius:10px;padding:8px 12px}.wsgrid-wrap{container-type:inline-size;width:100%}.wsgrid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:clamp(2px,.9cqw,4px);width:100%}.wscell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;padding:0;min-height:0;font-weight:800;line-height:1;border-radius:clamp(5px,1.4cqw,8px);font-size:clamp(11px,calc(46cqw / var(--cols)),18px);color:var(--ink);background:#161c33;border:1px solid var(--line);transition:background .12s,border-color .12s}.wscell.anchor{background:#22305e;outline:3px solid var(--accent);outline-offset:-1px;box-shadow:0 0 10px #5fd4ff99}.wscell.found{background:#173a2a;border-color:var(--good);color:var(--good)}.wscell.hint{background:#4d3d10;border-color:var(--gold);color:var(--gold);border-width:2px}.wscell.dead{opacity:.3}.wscell .hint-arrow{position:absolute;right:2px;bottom:0;font-size:clamp(8px,2.4cqw,12px);color:var(--gold)}.reveal-dock{background:var(--panel-2);border:1.5px solid var(--gold);border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:60px}.reveal-dock.static{cursor:default}.reveal-dock .rlabel{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:800}.reveal-dock .rword{font-size:22px;font-weight:900;letter-spacing:5px;color:var(--gold);margin-top:2px}.reveal-dock .rword.hidden{color:var(--muted);letter-spacing:8px}.reveal-dock .rside{margin-left:auto;font-size:10.5px;color:var(--muted);text-align:right;line-height:1.3}@keyframes peek-pulse{0%,to{box-shadow:0 0 6px #5fd4ff73;transform:scale(1)}50%{box-shadow:0 0 16px #5fd4ffe6;transform:scale(1.06)}}.peek-cta{display:inline-block;background:var(--accent);color:#06283a;font-size:13px;font-weight:900;border-radius:99px;padding:7px 14px;white-space:nowrap;animation:peek-pulse 1.6s ease-in-out infinite}.reveal-dock.done-all{border-color:var(--teal)}.reveal-dock.done-all .rword{color:var(--teal)}@media(max-width:480px){.tile{width:46px;height:46px;font-size:19px}button{min-height:44px}.card{width:132px}}.lessontracker{display:flex;gap:4px;padding:7px 8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.lt-tile{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px}.lt-tile b{max-width:100%;font-size:9.5px;color:var(--ink);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lt-tile.unmet{opacity:.45}.lt-tile.struggled b{color:var(--hp)}.lt-pips{display:flex;gap:3px;justify-content:center}.lt-pip{width:5px;height:5px;border-radius:50%;background:var(--line)}.lt-pip.on{background:var(--gold)}.lt-chip{cursor:pointer}.lt-struggled{color:var(--hp);font-weight:600;font-size:10px}.wordpreview-row .lt-pips{justify-content:flex-start}.wordpreview-row .lt-pip{width:6px;height:6px}.tut-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.tut-hole{position:fixed;border-radius:14px;border:2px solid var(--accent);transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease;pointer-events:none;box-shadow:0 0 0 3px #5fd4ff73,0 0 14px 5px #5fd4ff59,0 0 0 9999px #060818b8;animation:tutBreathe 1.7s ease-in-out infinite}@keyframes tutBreathe{0%,to{border-color:var(--accent);box-shadow:0 0 0 3px #5fd4ff73,0 0 14px 5px #5fd4ff59,0 0 0 9999px #060818b8}50%{border-color:#b9ecff;box-shadow:0 0 0 7px #5fd4ff38,0 0 26px 12px #5fd4ff80,0 0 0 9999px #060818b8}}.tut-hole.tiny{border-radius:999px;animation-name:tutBreatheTiny}@keyframes tutBreatheTiny{0%,to{border-color:var(--accent);box-shadow:0 0 0 4px #5fd4ff8c,0 0 18px 8px #5fd4ff73,0 0 0 9999px #060818b8}50%{border-color:#d8f5ff;box-shadow:0 0 0 12px #5fd4ff42,0 0 34px 18px #5fd4ff99,0 0 0 9999px #060818b8}}@media(prefers-reduced-motion:reduce){.tut-hole{animation:none}}.tut-caption{position:fixed;left:50%;transform:translate(-50%);width:min(320px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:10px 12px;pointer-events:auto;box-shadow:0 10px 30px #00000073;display:flex;flex-direction:column;gap:6px;overflow:hidden}.tut-caption p{min-height:0;margin:0;overflow-y:auto;overscroll-behavior:contain;font-size:13px;line-height:1.45;color:var(--ink)}.tut-dots{display:flex;flex:0 0 auto;gap:5px}.tut-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.tut-dots i.on{background:var(--accent)}.tut-skip{align-self:flex-end;background:none;border:none;color:var(--muted);font-size:11.5px;padding:2px 4px;min-height:0;cursor:pointer;text-decoration:underline}.guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;background:var(--bg);display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));gap:8px}.guide-head{display:flex;align-items:center;gap:10px}.guide-head b{font-size:17px}.guide-head .pill{margin-left:auto}.guide-close{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px 10px;min-height:0}.guide-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;touch-action:pan-y}.guide-body h3{margin:4px 0 0;font-size:16px}.guide-body p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}.guide-imgs{display:flex;flex-direction:column;gap:8px;align-items:center}.guide-imgs img{width:100%;max-height:58vh;border-radius:12px;border:1px solid var(--line);object-fit:contain}.guide-imgdots{display:flex;gap:6px}.guide-imgdots i{width:6px;height:6px;border-radius:50%;background:var(--line);cursor:pointer}.guide-imgdots i.on{background:var(--gold)}.guide-foot{display:flex;align-items:center;gap:10px}.guide-foot>button{min-width:52px}.guide-dots{flex:1;display:flex;gap:6px;justify-content:center}.guide-dots i{width:7px;height:7px;border-radius:50%;background:var(--line);cursor:pointer}.guide-dots i.on{background:var(--accent)}.tut-hand{position:fixed;font-size:30px;transform:translate(-30%,10%);pointer-events:none;animation:tutHandTap 1.1s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}@keyframes tutHandTap{0%,to{transform:translate(-30%,22%) scale(1)}35%{transform:translate(-30%,4%) scale(.92)}55%{transform:translate(-30%,22%) scale(1)}}.tut-layer.oversheet{z-index:70}.tut-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:10px}.tut-next{background:var(--accent);color:#0d1126;font-weight:800;border:none;border-radius:10px;padding:7px 18px;min-height:0;font-size:13px}:root{--surface-1: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .075));--surface-2: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .11));--surface-sunk: linear-gradient(180deg, rgba(0, 0, 0, .22), rgba(0, 0, 0, .1));--edge-lit: inset 0 1px 0 rgba(255, 255, 255, .13);--edge-sunk: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .2);--lift-1: 0 2px 6px rgba(0, 0, 0, .22);--lift-2: 0 2px 6px rgba(0, 0, 0, .3), 0 14px 34px rgba(0, 0, 0, .48);--accent-face: linear-gradient(180deg, #86e2ff, #46c3f4);--sheen-face: linear-gradient(104deg, #ffffff 0%, #dce8ff 42%, #8fd3ff 100%);--accent-glow: 0 14px 30px rgba(95, 212, 255, .3)}.u-raised{background:var(--surface-1);box-shadow:var(--edge-lit),var(--lift-1);border:none}.u-raised:hover:not(:disabled){background:var(--surface-2)}.u-raised:active:not(:disabled){transform:translateY(1px) scale(.992)}.u-sunk{background:var(--surface-sunk);box-shadow:var(--edge-sunk);border:none}.shufflehome{position:relative;height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden;gap:clamp(6px,1.4dvh,12px);padding:clamp(10px,3dvh,30px) 0 62px}.shufflehome:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.shufflehome>.sh-hero,.shufflehome>.sh-head,.shufflehome>.sh-shuffle,.shufflehome>.sh-start{flex:0 0 auto}.sh-hero{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;margin-top:5px;padding:0 22px 2px;container-type:inline-size;--bubble-room: calc(100cqw - 116px) }.sh-bubblewrap{max-width:0;opacity:0;overflow:hidden;flex-shrink:1;transition:max-width .45s cubic-bezier(.4,0,.2,1),opacity .3s ease}.sh-hero.open .sh-bubblewrap{max-width:min(212px,var(--bubble-room));opacity:1}.sh-bubble{position:relative;width:min(198px,calc(var(--bubble-room) - 12px));box-sizing:border-box;margin:4px 4px 4px 8px;padding:10px 13px;background:#ffffff80;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:5px 16px 16px;font-size:12px;font-weight:700;line-height:1.45;color:#1c2240;box-shadow:var(--lift-1);z-index:1}.sh-bubble-tail{position:absolute;left:-7px;top:10px;width:0;height:0;border-bottom:7px solid transparent;border-top:4px solid transparent;border-right:8px solid rgba(255,255,255,.5)}.sh-bubble-ok{display:block;margin:8px 0 0 auto;min-height:0;padding:6px 14px;border:none;border-radius:99px;font-size:11.5px;font-weight:900;cursor:pointer;color:#06283a;background:var(--accent)}.sh-bubblebtn{position:absolute;left:calc(50% + 48px);top:5px;width:34px;height:34px;min-height:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;color:#ffffffb8}.sh-bubblebtn:hover{color:#fff}.sh-hero svg{display:block;margin-inline:auto;width:clamp(84px,14dvh,112px);height:auto;animation:idle-bob 3.4s ease-in-out infinite}.hero-sheen{animation:hero-sheen-sweep 6.4s ease-in-out infinite}@keyframes hero-sheen-sweep{0%{transform:translate(0)}32%{transform:translate(200px)}to{transform:translate(200px)}}.hero-spark{opacity:0;transform-box:fill-box;transform-origin:center}.hero-spark.s1{animation:hero-spark-twinkle 2.8s ease-in-out infinite}.hero-spark.s2{animation:hero-spark-twinkle 3.7s ease-in-out 1.1s infinite}.hero-spark.s3{animation:hero-spark-twinkle 3.1s ease-in-out 2s infinite}@keyframes hero-spark-twinkle{0%,24%,60%,to{opacity:0;transform:scale(.3) rotate(0)}38%{opacity:1;transform:scale(1) rotate(45deg)}48%{opacity:.4;transform:scale(.6) rotate(80deg)}}@media(prefers-reduced-motion:reduce){.hero-sheen,.hero-spark{animation:none!important}}.sh-logo{position:relative;z-index:1;text-align:center;font-size:27px;margin:2px 0 0}.sh-actions{position:relative;display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:290px;height:74px;margin:0 auto}.sh-actions:before{content:"";position:absolute;left:26px;right:26px;top:30px;height:18px;border-radius:50% 50% 0 0/100% 100% 0 0;border-top:1.5px solid rgba(255,255,255,.11);pointer-events:none}.sh-actions .sh-filterbtn,.sh-actions .sh-knownbtn{position:absolute;top:22px}.sh-actions .sh-filterbtn{left:0}.sh-actions .sh-knownbtn{right:0}.sh-actions .sh-shuffle{flex:0 0 auto;width:60px;height:60px;max-width:none;margin:0;padding:0;border-radius:50%}.sh-actions .sh-shuffle .sh-btn-icon{position:static;transform:none;width:26px;height:26px}.sh-actions .sh-shuffle .sh-btn-icon svg{width:100%;height:100%}.sh-actions .sh-shuffle .sh-btn-icon.spin{animation-name:sh-spin-inline}@keyframes sh-spin-inline{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.sh-head{display:flex;align-items:center;gap:12px;padding:0 2px}.sh-title{flex:1;margin:0;font-size:26px;font-weight:900;letter-spacing:-.02em;line-height:1.08;background:var(--sheen-face);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.sh-filterbtn{flex-shrink:0;width:52px;height:52px;min-height:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;color:#2a1348;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#c094ff;--halo: 192, 148, 255;box-shadow:0 0 0 14px #c094ff38;animation:halo-breathe 5.2s ease-in-out infinite;transition:filter .18s ease,transform .18s cubic-bezier(.22,1.2,.36,1)}.sh-filterbtn:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.06)}.sh-filterbtn:active:not(:disabled){transform:translateY(1px) scale(.97)}.sh-filterbtn:disabled{opacity:.35}.sh-panel{position:relative;padding:2px 0 20px;flex:1 1 auto;min-height:0;display:flex;align-items:stretch;justify-content:center;overflow:visible}.sh-panel.flying{overflow:visible}.wdeck.flying{-webkit-mask-image:none;mask-image:none}.wdeck.flying .wcard-slot:not(.flying){opacity:0;transition:opacity .18s ease}.sh-empty{color:var(--muted);font-size:13px;text-align:center;padding:0 24px;align-self:center}.sh-knownbtn{flex-shrink:0;width:52px;height:52px;min-height:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;color:#06331d;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#7fe2a9;--halo: 127, 226, 169;box-shadow:0 0 0 14px #7fe2a938;animation:halo-breathe 5.2s ease-in-out 3.4s infinite;transition:filter .18s ease,transform .18s cubic-bezier(.22,1.2,.36,1)}.sh-knownbtn:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.06)}.sh-knownbtn:active:not(:disabled){transform:translateY(1px) scale(.97)}.sh-knownbtn:disabled{opacity:.35}@keyframes halo-breathe{0%,to{box-shadow:0 0 0 5px rgba(var(--halo),.14)}50%{box-shadow:0 0 0 15px rgba(var(--halo),.28)}}.sh-filterbtn:disabled,.sh-shuffle:disabled,.sh-knownbtn:disabled{animation:none}@media(prefers-reduced-motion:reduce){.sh-filterbtn,.sh-actions .sh-shuffle,.sh-knownbtn{animation:none}}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.3)}60%{transform:scale(.94)}to{transform:scale(1)}}.wdeck-wrap{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.wdeck{position:relative;width:100%;height:calc(100% + 96px);margin:-48px 0;--card-h: clamp( 186px, min( calc(100dvh - 490px) , calc((100vw - 118px) * 292 / 224)), 400px );--card-w: calc(var(--card-h) * 224 / 292);display:flex;align-items:center;justify-content:center;touch-action:pan-y;outline:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.wdeck:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:20px}@supports (height: 1cqh){.wdeck-wrap{container-type:size}.wdeck{--card-h: clamp( 186px, min( calc(100cqh - 14px) , calc((100cqw - 98px) * 292 / 224)), 400px )}}.wdeck-arrow{position:absolute;z-index:6;top:50%;margin-top:-21px;width:42px;height:42px;min-height:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;--cefr-color: var(--muted);color:var(--cefr-color);background:color-mix(in srgb,var(--cefr-color) 18%,rgba(255,255,255,.06));box-shadow:var(--edge-lit),var(--lift-1),inset 0 0 0 1.2px color-mix(in srgb,var(--cefr-color) 34%,transparent);-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .12s ease}.wdeck-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--cefr-color) 30%,rgba(255,255,255,.08))}.wdeck-arrow:active:not(:disabled){transform:scale(.92)}.wdeck-arrow:first-of-type{left:2px}.wdeck-arrow:last-of-type{right:2px}.wdeck-arrow:disabled{opacity:.25}.wdeck-dots{position:absolute;bottom:-2px;left:0;right:0;display:flex;gap:5px;justify-content:center}.wdeck-dot{width:5px;height:5px;border-radius:99px;background:#fff3;transition:background .2s ease,width .2s ease}.wdeck-dot.on{background:var(--accent);width:16px}.wcard-slot{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px;transform:translate(calc(var(--pos) * var(--card-w) * .62 + var(--drag, 0px) * .55)) scale(calc(1 - (.22*max(var(--pos),-1 * var(--pos)))));opacity:calc(1 - (.55*max(var(--pos),-1 * var(--pos))));z-index:calc(10 - max(var(--pos),-1 * var(--pos)));filter:drop-shadow(0 2px 4px rgba(0,0,0,.26)) drop-shadow(0 14px 26px rgba(0,0,0,.4));transition:transform .34s cubic-bezier(.22,1.2,.36,1),opacity .28s ease,filter .26s ease;pointer-events:none}.wcard-slot.on{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3)) drop-shadow(0 22px 38px rgba(0,0,0,.48))}.wcard{position:relative;width:var(--card-w);height:var(--card-h);padding:10.3% 6.4% 17.6%;display:flex;flex-direction:column;align-items:center;text-align:center;--wcard-lit: color-mix(in srgb, var(--cefr-color) 14%, #222a54);--wcard-top: color-mix(in srgb, var(--cefr-color) 11%, #1c2349);--wcard-bottom: color-mix(in srgb, var(--cefr-color) 7%, #161c3c)}.wcard-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block}.wcard>*:not(.wcard-frame){position:relative;z-index:1}.wcard>.wcard-no{position:absolute;left:0;right:0;bottom:7.5%;font-size:8.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;text-align:center;line-height:1;color:#ffffff4d}.wcard-slot.on .wcard>.wcard-no{color:#ffffff80}.wcard{--wcard-doodle-opacity: .05}.wcard-slot.on .wcard{--wcard-doodle-opacity: .075}.wcard-tags{display:flex;flex-direction:column;align-items:center;gap:6px}.wcard-level{font-size:8.5px;font-weight:900;letter-spacing:.06em;line-height:1.25;color:var(--bg);background:var(--cefr-color);border-radius:99px;padding:3px 9px}.wcard-topic{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cefr-color);line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wcard-word{margin-top:7.7%;font-size:calc(clamp(22px,3.6dvh,30px) * var(--word-scale, 1));font-weight:900;line-height:1.06;letter-spacing:-.03em;color:#fff;word-break:break-word;text-shadow:0 2px 14px rgba(0,0,0,.4)}.wcard-def{margin-top:7px;font-size:11px;line-height:1.4;color:#ffffffad;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wcard-book{margin:auto 0 0;width:100%;height:auto;flex-shrink:0;min-height:0;padding:0;border:none;display:flex;flex-direction:column;align-items:center;gap:6px;color:#fffc;background:transparent;cursor:pointer;transition:color .16s ease,transform .16s cubic-bezier(.22,1.2,.36,1)}.wcard-book svg{width:20.6%;height:auto;flex-shrink:0}.wcard-book-hint{font-size:8.5px;font-weight:700;letter-spacing:.03em;line-height:1;color:#ffffff80}.wcard-book:hover{color:#fff;transform:scale(1.12)}.wcard-known{margin:19.2% 0 8.4%;width:100%;min-height:0;padding:8px 6px;border:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:800;white-space:nowrap;color:var(--cefr-color);background:color-mix(in srgb,var(--cefr-color) 14%,transparent);border-radius:99px;cursor:pointer;transition:background .16s ease,color .16s ease}.wcard-known:hover{background:color-mix(in srgb,var(--cefr-color) 24%,transparent)}@media(max-height:700px){.wcard-known{margin-top:3.8%;margin-bottom:0}}.wcard-slot.fresh{animation:wcard-arrive .46s cubic-bezier(.22,1.2,.36,1)}@keyframes wcard-arrive{0%{opacity:0;filter:blur(7px)}45%{opacity:1;filter:blur(0)}to{opacity:1}}.wcard-known.ok{color:#06331d;background:var(--good);box-shadow:0 0 #4be08a80;animation:known-confirm .34s cubic-bezier(.22,1.2,.36,1)}@keyframes known-confirm{0%{transform:scale(1);box-shadow:0 0 #4be08a73}45%{transform:scale(1.06)}to{transform:scale(1);box-shadow:0 0 0 14px #4be08a00}}.wcard-slot.flying{z-index:40;animation:card-fly .72s .26s cubic-bezier(.55,0,.35,1) forwards}@keyframes card-fly{0%{transform:translate(0) scale(1);opacity:1}18%{transform:translateY(-10px) scale(1.03);opacity:1}55%{transform:translate(calc(var(--fly-x) * .42),calc(var(--fly-y) * .3)) scale(.32);opacity:1}to{transform:translate(var(--fly-x),var(--fly-y)) scale(.08);opacity:0}}.botnav-btn.ping{animation:nav-catch .44s cubic-bezier(.22,1.2,.36,1)}@keyframes nav-catch{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.wdeck.shuffling .wcard-slot{animation:wcard-riffle .7s cubic-bezier(.5,0,.2,1) both;animation-delay:calc(max(var(--pos),-1 * var(--pos))*30ms)}@keyframes wcard-riffle{0%{transform:translate(calc(var(--pos) * var(--card-w) * .62)) scale(1)}26%{transform:translate(0) rotate(calc(var(--pos) * 6deg)) scale(.84);opacity:.7}52%{transform:translate(calc(var(--pos) * -24px)) rotate(calc(var(--pos) * -13deg)) scale(.8)}to{transform:translate(calc(var(--pos) * var(--card-w) * .62)) scale(calc(1 - (.22*max(var(--pos),-1 * var(--pos)))))}}.sh-shuffle,.sh-start{-webkit-tap-highlight-color:transparent;position:relative;width:100%;max-width:290px;margin:0 auto;min-height:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:99px;padding:15px 52px;font-size:15.5px;font-weight:800;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .1s ease}.sh-btn-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px}.sh-btn-icon.spin{animation:sh-spin .7s cubic-bezier(.5,0,.2,1)}.sh-swords{font-size:17px;line-height:1}@keyframes sh-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(-360deg)}}.sh-shuffle{color:#4a3305;background:#ffcd5e;--halo: 255, 205, 94;box-shadow:0 0 0 16px #ffcd5e40;animation:halo-breathe 5.2s ease-in-out 1.7s infinite}.sh-shuffle .sh-btn-icon{color:#4a3305}.sh-shuffle:hover:not(:disabled){filter:brightness(1.08)}.sh-shuffle:disabled{opacity:.45;box-shadow:none}.sh-start{max-width:240px;margin-top:10px;color:#06283a;font-weight:900;background:linear-gradient(180deg,#86e2ff,#46c3f4);box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #003c5a40,0 2px 5px #00000038}.sh-start:disabled{opacity:.45;box-shadow:none}.sh-shuffle:active:not(:disabled),.sh-start:active:not(:disabled){transform:translateY(1px) scale(.992)}@media(max-height:800px){.shufflehome{gap:clamp(5px,1dvh,10px);padding:clamp(8px,2dvh,24px) 0 58px}.sh-logo{font-size:23px}.sh-hero svg{width:clamp(72px,12dvh,100px)}.sh-panel{padding-bottom:16px}.sh-actions{height:64px}.sh-actions:before{top:22px;height:14px}.sh-actions .sh-filterbtn,.sh-actions .sh-knownbtn{top:14px}}.botnav-wrap{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:520px;margin:0 auto;display:flex;justify-content:center;pointer-events:none}.botnav{pointer-events:auto;flex:1;display:flex;align-items:center;justify-content:space-around;gap:4px;background:linear-gradient(180deg,#262e58e0,#171d3cf0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);padding:6px 12px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0000004d}.botnav-btn{width:48px;height:48px;min-height:0;padding:0;border:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ffffff73;background:transparent;border-radius:50%;cursor:pointer;transition:color .16s ease,background .2s ease}.botnav-btn:hover:not(.on){color:var(--ink)}.botnav-btn.on{color:var(--ink)}.botnav-btn.on svg{fill:color-mix(in srgb,currentColor 45%,transparent)}.worddrawer .wd-head{display:flex;align-items:center;gap:10px}.wd-word{font-size:27px;font-weight:900;letter-spacing:-.025em}.wd-speak{width:42px;height:42px;min-height:0;padding:0;margin-left:auto;border:none;display:flex;align-items:center;justify-content:center;color:var(--accent);background:#ffffff14;border-radius:50%;cursor:pointer}.wd-body{display:flex;flex-direction:column;gap:4px;margin-top:12px}.wd-def{font-size:15px;color:var(--ink);margin:0;line-height:1.45}.wd-sentence{font-size:13px;color:var(--muted);font-style:italic;margin:8px 0 0}.wd-rel{font-size:12.5px;color:var(--muted);margin:2px 0 0}.wd-rel span{font-weight:800;color:var(--ink)}.wd-loading{font-size:13px;color:var(--muted);margin:14px 0}.wd-known{margin-top:18px;width:100%;padding:13px;border:none;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:800;cursor:pointer;background:#ffffff14;color:var(--ink)}.wd-known.on{background:var(--accent);color:#06283a}.filtersheet{max-height:86dvh;display:flex;flex-direction:column}.fs-top{display:flex;align-items:flex-start;gap:12px}.fs-title{flex:1;margin:0;font-size:20px;font-weight:900;letter-spacing:-.02em}.fs-close{flex-shrink:0;width:34px;height:34px;min-height:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);background:var(--surface-1);border-radius:50%;cursor:pointer}.fs-blurb{margin:6px 0 14px;font-size:12.5px;line-height:1.45;color:var(--muted)}.fs-head{margin:16px 0 8px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:800;display:flex;align-items:baseline;gap:8px}.fs-head small{font-size:9px;letter-spacing:.06em;text-transform:none;font-weight:700;color:#ffffff4d}.fs-levels{display:flex;flex-wrap:wrap;gap:6px}.fs-level{flex:1 1 auto;min-width:62px;min-height:0;padding:8px 6px;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface-1);box-shadow:var(--edge-lit);border-radius:14px;color:var(--ink);cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.fs-level b{font-size:12.5px;font-weight:900;letter-spacing:.01em}.fs-level small{font-size:9.5px;color:var(--muted);font-weight:700}.fs-level.on{background:var(--cefr-color);color:var(--bg);box-shadow:inset 0 1px #ffffff73,0 8px 20px color-mix(in srgb,var(--cefr-color) 34%,transparent)}.fs-level.on small{color:color-mix(in srgb,var(--bg) 72%,transparent)}.fs-level:not(.on) b{color:var(--cefr-color)}.fs-topics{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.fs-row{display:flex;align-items:center;gap:11px;width:100%;border:none;min-height:0;padding:11px 13px;border-radius:16px;cursor:pointer;background:var(--surface-1);box-shadow:var(--edge-lit);color:var(--ink);text-align:left;transition:background .16s ease}.fs-row:hover:not(.on){background:var(--surface-2)}.fs-all{margin-bottom:2px}.fs-saved .fs-rowicon{color:#ff8fa4}.fs-saved.on{background:color-mix(in srgb,#ff4d6d 18%,transparent)}.fs-saved.on .fs-check{background:#ff8fa4}.fs-saved:disabled,.fs-struggled:disabled{opacity:.45;cursor:default}.fs-struggled{margin-bottom:8px}.fs-struggled .fs-rowicon{color:var(--bad);font-size:15px}.fs-struggled.on{background:color-mix(in srgb,var(--bad) 16%,transparent)}.fs-struggled.on .fs-check{background:var(--bad)}.fs-rowicon{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:14px}.fs-rowname{flex:1;font-size:13.5px;font-weight:800;letter-spacing:-.01em}.fs-count{font-size:11.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.fs-check{flex-shrink:0;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#ffffff12;color:#06283a;box-shadow:inset 0 0 0 1.5px #ffffff24}.fs-row.on{background:color-mix(in srgb,var(--accent) 16%,transparent)}.fs-row.on .fs-check{background:var(--accent);box-shadow:none}.fs-row.on .fs-rowname{color:#fff}.fs-foot{padding-top:14px;margin-top:auto}.fs-save{width:100%;min-height:0;padding:14px;border:none;border-radius:99px;font-size:15px;font-weight:900;cursor:pointer;color:#06283a;background:var(--accent-face);box-shadow:inset 0 1px #fff9,var(--lift-1),var(--accent-glow)}.fs-save:active{transform:translateY(1px) scale(.994)}.savedpage{padding-top:clamp(14px,2.6dvh,24px);overflow-y:auto;overflow-x:hidden}.sv-head{display:flex;align-items:baseline;gap:10px;padding:0 18px;position:relative;z-index:1}.sv-title{margin:0;font-size:24px;font-weight:900;letter-spacing:-.02em;background:var(--sheen-face);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.sv-count{font-size:12px;font-weight:700;color:var(--muted)}.sv-empty{margin:auto 0}.sv-search{display:flex;align-items:center;gap:8px;margin:0 18px;padding:5px 5px 5px 14px;flex:0 0 auto;background:#5064b59e;border-radius:99px;box-shadow:var(--edge-lit);position:relative;z-index:1}.sv-searchglyph{flex-shrink:0;color:#00d9ff}.sv-searchinput{flex:1;min-width:0;border:none;background:transparent;outline:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink)}.sv-searchinput::placeholder{color:var(--muted);font-weight:600}.sv-searchinput::-webkit-search-cancel-button{-webkit-appearance:none}.sv-filterbtn{flex-shrink:0;width:36px;height:36px;min-height:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;background:#ffffff1f;color:#00d9ff}.sv-filterbtn.on{background:#ff8fa4;color:#4a0f22}.sv-drillhead{margin:clamp(16px,3.4dvh,34px) 0 0;flex:0 0 auto;text-align:center;font-size:19px;letter-spacing:-.01em;font-weight:900;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%),linear-gradient(104deg,#46c3f4,#a9dcff 55%,#fff);background-size:250% 100%,100% 100%;background-position:-150% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:title-sheen 5.5s ease-in-out infinite;position:relative;z-index:1}@keyframes title-sheen{0%{background-position:-150% 0,0 0}28%{background-position:150% 0,0 0}to{background-position:150% 0,0 0}}@media(prefers-reduced-motion:reduce){.sv-drillhead,.sv-dcard.alive,.sv-dcard.alive:after{animation:none}}.sv-slider{display:flex;gap:10px;padding:4px 18px 8px;flex:0 0 auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;z-index:1}.sv-slider::-webkit-scrollbar{display:none}.sv-dcard{flex:0 0 76%;min-height:0;padding:15px 12px 15px 16px;border:none;border-radius:22px;scroll-snap-align:start;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;box-shadow:inset 0 1px #fff6,var(--lift-1);transition:filter .16s ease;position:relative;overflow:hidden}.sv-dcard:hover{filter:brightness(1.05)}.sv-dcard-body{display:flex;flex-direction:column;gap:6px;min-width:0}.sv-dcard b{font-size:16.5px;font-weight:900;letter-spacing:-.01em;line-height:1.15;display:flex;align-items:center;gap:6px}.sv-dcard-tagicon{display:flex;flex-shrink:0}.sv-dcard small{font-size:11px;font-weight:700;line-height:1.4;opacity:.75}.sv-dcard-char{width:68px;height:68px;object-fit:contain;flex-shrink:0}.sv-dc-meaning{background:#ffd166;color:#4a3400}.sv-dc-spelling{background:#c094ff;color:#2a1348}.sv-dc-pronunciation{background:#ff8fa4;color:#4a0f22}.sv-dc-usage{background:#7fe2a9;color:#06331d}.sv-dc-quick{background:var(--accent-face, #7cd7ff);color:#06283a}.sv-dcard.alive{animation:card-wiggle 7.3s ease-in-out infinite}.sv-dcard.alive:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);background-size:250% 100%;background-position:-150% 0;animation:title-sheen 5.5s ease-in-out infinite}@keyframes card-wiggle{0%,10.5%,13.6%,57%,60.2%,to{transform:none}11.2%{transform:rotate(-1.3deg)}12%{transform:rotate(1.1deg) translateY(-1px)}12.8%{transform:rotate(-.6deg)}57.8%{transform:rotate(1.2deg)}58.6%{transform:rotate(-1deg) translateY(-1px)}59.4%{transform:rotate(.5deg)}}.sv-dcard.locked{filter:grayscale(.7);opacity:.55;cursor:default}.sv-dcard.locked:hover{filter:grayscale(.7)}.savedpage .sh-panel{flex:0 0 auto;height:350px}.sv-chiprow{display:flex;gap:6px;position:relative;z-index:1}.sv-chipwrap{flex-wrap:wrap}.sv-chip{flex:0 0 auto;min-height:0;padding:8px 13px;border:none;border-radius:99px;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;background:var(--surface-1);box-shadow:var(--edge-lit);color:var(--ink);transition:background .16s ease,color .16s ease}.sv-chip.on{background:#ff8fa4;color:#4a0f22;box-shadow:none}.wcard-heart{color:#ff8fa4;background:transparent;padding:2px 6px}.wcard-heart:hover{background:transparent;color:#ffb3c2}.wcard-heart.on{color:#ff8fa4;animation:heart-pop .42s ease-out}.wcard-pains{gap:7px;width:auto;min-width:118px;align-self:center;margin-inline:auto;padding:8px 14px;background:var(--cefr-color);color:var(--bg);box-shadow:inset 0 1px #ffffff8c,0 6px 16px color-mix(in srgb,var(--cefr-color) 35%,transparent)}.wcard-pains:hover{background:var(--cefr-color);filter:brightness(1.07)}.wcard-pain{font-size:13px;line-height:1;display:flex}.pain-title{margin:2px 0 4px;font-size:19px;font-weight:900;letter-spacing:-.02em}.pain-blurb{margin:4px 0 14px;font-size:12.5px;line-height:1.45;color:var(--muted)}.pain-chips{display:flex;flex-wrap:wrap;gap:7px}.pain-chip{min-height:0;padding:10px 15px;border:none;border-radius:99px;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;cursor:pointer;background:var(--surface-1);box-shadow:var(--edge-lit);color:var(--ink);transition:background .16s ease,color .16s ease,box-shadow .16s ease}.pain-chip.on{background:#ff8fa4;color:#4a0f22;box-shadow:inset 0 1px #ffffff73,0 6px 16px #ff8fa447}.pain-all{flex-basis:100%;justify-content:center}.pain-foot{display:flex;flex-direction:column;gap:8px;padding-top:18px}.pain-save{width:100%;min-height:0;padding:14px;border:none;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:900;cursor:pointer;color:#4a0f22;background:#ff8fa4;box-shadow:inset 0 1px #fff9,var(--lift-1),0 0 24px #ff8fa459}.pain-save:active{transform:translateY(1px) scale(.994)}.pain-remove{width:100%;min-height:0;padding:11px;border:none;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:800;cursor:pointer;background:#ffffff12;color:var(--muted)}.pain-remove svg{color:#ff8fa4}.liked{gap:12px;padding:4px 0 24px}.liked-head{display:flex;align-items:center;gap:10px}.crun-back{width:40px;height:40px;min-height:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1;font-weight:800;color:var(--muted);border-radius:50%;background:#ffffff12;cursor:pointer}.liked-section{margin:8px 0 0;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}.liked-list{display:flex;flex-direction:column;gap:8px}.liked-row{display:flex;flex-direction:column;gap:8px;background:#ffffff0d;border-radius:20px;padding:13px 14px}.liked-words{display:flex;flex-wrap:wrap;gap:5px}.liked-chip{background:#ffffff14;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:700}.liked-meta{font-size:11px;color:var(--muted)}.liked-actions{display:flex;gap:7px;align-items:center}.liked-play{flex:1;min-height:0;padding:10px;border-radius:99px;font-size:13px;font-weight:800;background:var(--accent);color:#06283a;border:none;cursor:pointer}.liked-remove{width:38px;height:38px;min-height:0;padding:0;border:none;border-radius:50%;font-size:13px;color:var(--muted);background:#ffffff12;cursor:pointer}@media(prefers-reduced-motion:reduce){.sh-hero svg,.sh-shuffle-icon.spin,.wcard-heart.on,.splash-letter,.wcard-slot.fresh,.wcard-known.ok,.wcard-slot.flying,.botnav-btn.ping,.wdeck.shuffling .wcard-slot{animation:none!important}.win-pill.flying{animation:none!important}.wcard-slot{transition:opacity .2s ease!important}}.drillsession{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;max-width:520px;margin:0 auto;padding:clamp(14px,2.6dvh,24px) 16px calc(74px + env(safe-area-inset-bottom));overflow-y:auto;background:radial-gradient(1000px 700px at 85% -5%,rgba(140,116,255,.32),transparent 68%),radial-gradient(800px 600px at -12% 22%,rgba(95,212,255,.22),transparent 62%),radial-gradient(900px 800px at 75% 62%,rgba(107,150,255,.16),transparent 62%),radial-gradient(700px 500px at 15% 96%,rgba(58,208,164,.2),transparent 62%),var(--bg)}.dr-head{flex:0 0 auto}.dr-card{flex:0 0 auto;margin-top:6px}.dr-charrow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dr-char{width:64px;height:64px;object-fit:contain;flex:0 0 auto}.dr-eyebrow{display:flex;align-items:center;gap:5px;margin:0}.dr-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 6px}.dr-stage .dr-char{width:92px;height:92px}.dr-char-bob{animation:dr-bob 2.6s ease-in-out infinite}@keyframes dr-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dr-endtitle{margin:0;font-size:21px;font-weight:900;letter-spacing:-.02em}.dr-skip{align-self:center;margin-top:10px;min-height:0;padding:8px 14px;border:none;border-radius:99px;background:transparent;box-shadow:none;color:var(--muted);font-size:12.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.dr-skip:hover{background:transparent;color:var(--ink)}.ra-tray{display:flex;flex-wrap:wrap;align-content:flex-start;gap:14px 10px;min-height:104px;padding:16px 14px;background:#060c2873;border-radius:14px;box-shadow:inset 0 1px #ffffff0d}.ra-slot{min-height:0;padding:1px 5px 3px;border:none;border-radius:0;background:transparent;color:var(--ink);font-size:15px;font-weight:700;line-height:1.5;text-align:center;border-bottom:2px solid rgba(255,255,255,.5);transition:border-color .16s ease,color .16s ease}.ra-slot:disabled{opacity:1;cursor:default}.ra-slot.filled{border-bottom-color:var(--accent)}.ra-slot.filled:hover:not(:disabled){background:#ffffff0f}.dr-sentbox{width:100%;box-sizing:border-box;resize:none;font:inherit;font-size:15px;line-height:1.45;color:var(--ink);background:var(--surface-1);box-shadow:var(--edge-lit);border:none;border-radius:14px;padding:12px 13px}.dr-sentbox::placeholder{color:var(--muted)}.dr-yours{margin:0;font-size:14.5px;color:var(--muted);font-style:italic}.dr-feedback{gap:7px;background:#ffffff0d;border-radius:14px;padding:12px 13px}.dr-feedback p{margin:0;font-size:13.5px;line-height:1.5}.dr-fb-praise b{color:var(--good)}.dr-fb-suggest b{color:var(--accent)}.dr-fb-corrected b{color:var(--teal)}@media(prefers-reduced-motion:reduce){.dr-char-bob{animation:none!important}}