:root{--bg:#1d3a2a;--surface:#fff7e6;--surface-2:#f3e6c8;--edge:#c9a76a;--ink:#2a2340;--muted:#6b6280;--accent:#3f7be0;--reward:#ffc928;--danger:#e2503a;--good:#2fa45e;--silver:#b8c4d6;--bronze:#d38a4a;--text-s:15px;--text-m:19px;--text-l:26px;--text-xl:44px;--space:8px;--radius:18px;--shadow:0 6px 0 #2a234040, 0 12px 30px #00000040;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;margin:0;font-family:Lexend,system-ui,sans-serif;overflow:hidden}#view{outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.tnum{font-variant-numeric:tabular-nums}.ico{vertical-align:-.14em;flex:none;width:1em;height:1em}[hidden]{display:none!important}.btn{font:inherit;font-weight:700;font-size:var(--text-m);color:var(--ink);background:var(--surface);border:3px solid var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:var(--space);min-height:52px;box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:10px 22px;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.primary{background:var(--reward);font-size:var(--text-l);padding:12px 34px}.btn.blue{background:var(--accent);color:#fff}.btn.small{min-height:44px;font-size:var(--text-s);padding:6px 14px}.btn.armed{background:var(--danger);color:#fff}.btn[disabled]{opacity:.45;cursor:default;transform:none}:focus-visible{outline:4px solid var(--accent);outline-offset:3px}a.back{color:#fff;font-size:var(--text-s);text-shadow:0 1px 2px #0008}.screen{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));z-index:30;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen.dim{background:#141e288c}.panel{background:var(--surface);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:calc(var(--space) * 3);width:100%;max-width:760px;max-height:100%;position:relative;overflow-y:auto}.panel.narrow{max-width:480px}.panel h2{margin:0 0 var(--space);font-size:var(--text-l)}.panel p{font-size:var(--text-m);line-height:1.45}.row{gap:calc(var(--space) * 1.5);flex-wrap:wrap;align-items:center;display:flex}.row.center{justify-content:center}.spread{justify-content:space-between;align-items:center;gap:var(--space);display:flex}.close{border:3px solid var(--ink);background:var(--surface-2);width:44px;height:44px;font:inherit;cursor:pointer;border-radius:50%;font-size:22px;font-weight:800;position:absolute;top:8px;right:8px}#title{padding-top:calc(5vh + var(--safe-t));flex-direction:column;justify-content:flex-start}.logo{color:#fff;letter-spacing:1px;text-shadow:0 4px 0 var(--ink), 0 0 30px #ffdc7899;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin:0;font-size:max(48px,min(10vw,96px));font-weight:800}.tagline{color:#fff;font-size:var(--text-m);text-shadow:0 2px 3px #000a;text-align:center;margin:4px 0 24px}.title-menu{flex-direction:column;align-items:center;gap:14px;display:flex}.who{border:3px solid var(--ink);cursor:pointer;font-weight:700;font:inherit;background:#fff7e6eb;border-radius:40px;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 6px;font-weight:700;display:inline-flex}.who .dot{border:3px solid var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.title-foot{bottom:calc(12px + var(--safe-b));left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));color:#fff;font-size:var(--text-s);text-shadow:0 1px 2px #000a;justify-content:space-between;align-items:center;display:flex;position:fixed}.kbd{border:2px solid;border-radius:6px;margin:0 2px;padding:0 6px;font-size:.85em;font-weight:700;display:inline-block}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:14px 0;display:grid}.card{border:3px solid var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);text-align:left;font:inherit;color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:6px;min-height:120px;padding:14px;transition:transform 80ms;display:flex;position:relative}.card:hover,.card.sel{transform:translateY(-4px)}.card.sel{outline:4px solid var(--accent);outline-offset:2px}.card .big{font-size:40px;line-height:1}.card .name{font-weight:800;font-size:var(--text-m)}.card .sub{font-size:var(--text-s);color:var(--muted);line-height:1.35}.card .tag{background:var(--good);color:#fff;border:2px solid var(--ink);border-radius:10px;padding:0 8px;font-size:13px;font-weight:800;position:absolute;top:-12px;right:10px}.card .tag.new{background:#ff6a4a;left:10px;right:auto}.hcard{position:relative}.hcard .tag{color:#fff;border:2px solid var(--ink);z-index:1;background:#ff6a4a;border-radius:10px;padding:0 6px;font-size:12px;font-weight:800;position:absolute;top:-10px;right:-4px}.card .tag.rare{color:var(--ink);background:linear-gradient(90deg,#ff6ad5,#ffc928,#5ae0ff)}.card.locked{background:var(--surface-2)}.card .num{font-size:var(--text-s);font-weight:800}.card.upgrade .combo{color:var(--muted,#7a6e86);text-align:left;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;line-height:1.25;display:flex}.card.upgrade .combo .ico{flex:none;font-size:14px}.card.upgrade .combo.ready{color:#2a8a4a;font-weight:700}.card.upgrade .big{border:3px solid var(--ink);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:32px;display:flex}.ranks{gap:4px;display:flex}.ranks i{border:2px solid var(--ink);background:#fff;border-radius:50%;width:14px;height:14px}.ranks i.on{background:var(--reward)}.ranks i.new{background:var(--good)}#hud{pointer-events:none;z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}.hud-top{top:calc(6px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));flex-direction:column;gap:6px;display:flex;position:absolute}.xpbar{border:3px solid var(--ink);background:#141428a6;border-radius:10px;height:18px;position:relative;overflow:hidden}.xpbar>b{background:linear-gradient(#7ad0ff,#3f7be0);width:0;transition:width .15s;position:absolute;top:0;bottom:0;left:0;right:auto}.xpbar>span{text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-size:12px;font-weight:800;line-height:12px;position:absolute;top:0;bottom:0;left:0;right:0}.hud-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hud-left{flex-direction:column;gap:6px;display:flex}.chip{border:3px solid var(--ink);font-weight:800;font-size:var(--text-s);background:#fff7e6eb;border-radius:12px;align-items:center;gap:6px;min-height:32px;padding:2px 10px;display:inline-flex}.hp{border:3px solid var(--ink);background:#fff;border-radius:12px;width:190px;height:22px;position:relative;overflow:hidden}.hp>b{background:linear-gradient(#ff8a9a,#e2503a);width:100%;transition:width .12s;position:absolute;top:0;bottom:0;left:0;right:auto}.hp>span{text-align:center;color:var(--ink);font-size:12px;font-weight:800;line-height:16px;position:absolute;top:0;bottom:0;left:0;right:0}.timer{color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 6px #000;-webkit-text-stroke:1px var(--ink);font-size:28px;font-weight:800}.kit{flex-wrap:wrap;gap:4px;max-width:260px;display:flex}.kit span{border:2px solid var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;display:inline-flex;position:relative}.kit span i{background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:0 2px;font-size:10px;font-style:normal;font-weight:800;line-height:12px;position:absolute;bottom:-4px;right:-4px}.kit span.evo{box-shadow:0 0 0 2px var(--reward), 0 0 10px var(--reward)}.hud-right{pointer-events:auto;align-items:center;gap:6px;display:flex}.round.zoom{font-size:28px;font-weight:800;line-height:1}.round{border:3px solid var(--ink);background:var(--surface);cursor:pointer;width:48px;height:48px;color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.bossbar{left:50%;top:calc(64px + var(--safe-t));text-align:center;width:min(520px,70vw);position:absolute;transform:translate(-50%)}.bossbar .name{color:#fff;text-shadow:0 2px 0 var(--ink);font-weight:800;font-size:var(--text-m)}.bossbar .bar{border:3px solid var(--ink);background:#fff;border-radius:10px;height:16px;overflow:hidden}.bossbar .bar b{background:linear-gradient(#c49bff,#7a3ae0);width:100%;height:100%;display:block}.banner{color:#fff;text-shadow:0 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-align:center;white-space:nowrap;font-size:max(28px,min(6vw,54px));font-weight:800;animation:1.8s ease-out forwards pop;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.banner small{-webkit-text-stroke:0;text-shadow:0 2px 3px #000;font-size:.4em;display:block}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}html.rm .banner{animation:1.8s forwards fade}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}.hurt{opacity:0;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 120px #e2503a80}#touch{z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}.stick{pointer-events:none;background:#ffffff26;border:3px solid #ffffffb3;border-radius:50%;width:130px;height:130px;margin:-65px 0 0 -65px;position:absolute}.stick b{border:3px solid var(--ink);background:#ffffffd9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#quiz .panel{max-width:820px;padding:18px 20px 20px}.lvl-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.lvl-head .title{font-size:var(--text-l);align-items:center;gap:8px;font-weight:800;display:flex}.lvl-head .title .ico{color:var(--reward);filter:drop-shadow(0 2px 0 var(--ink))}.streak{color:#e2503a;font-weight:800;font-size:var(--text-m);align-items:center;gap:4px;display:inline-flex}.streak .ico{color:#ff8a3a}.subject{text-transform:uppercase;letter-spacing:1px;color:#fff;background:var(--accent);border-radius:8px;padding:2px 8px;font-size:13px;font-weight:800;display:inline-block}.subject.words{background:#8a5cd8}.subject.reading{background:#2fa45e}.subject.spelling{background:#d8623a}.passage{background:var(--surface-2);border:2px solid var(--edge);font-size:var(--text-m);border-radius:12px;margin:10px 0;padding:12px 14px;line-height:1.55}.prompt{margin:10px 0 12px;font-size:max(22px,min(3.4vw,30px));font-weight:700;line-height:1.3}.speakbtn{vertical-align:middle;margin-left:6px}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answers.one{grid-template-columns:1fr}.answer{font:inherit;color:var(--ink);border:3px solid var(--ink);min-height:72px;box-shadow:0 5px 0 var(--ink);cursor:pointer;text-align:left;touch-action:none;background:#fff;border-radius:16px;padding:10px 14px 10px 52px;font-size:max(19px,min(2.6vw,25px));font-weight:700;transition:background .2s,opacity .3s,transform .1s;position:relative;overflow:hidden}.answer .key{border:2px solid var(--ink);background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.answer .fill{pointer-events:none;background:#ffc9288c;width:0;position:absolute;top:0;bottom:0;left:0;right:auto}.answer span.t{position:relative}.answer.sel{background:#e8f1ff}.answer.holding{transform:scale(.98)}.answer.right{background:#b8f0c8}.answer.wrong{background:#ffd0c8}.answers.locked .answer,.numeric.locked .keypad button,.numeric.locked .submit{opacity:.35;cursor:default;filter:saturate(.4)}.wake{background:var(--surface-2);border-radius:6px;height:8px;margin-top:12px;position:relative}.wake>b{border-radius:6px}.qcount{background:var(--accent);color:#fff;border:3px solid var(--ink);width:44px;height:44px;box-shadow:0 3px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;margin-top:-22px;font-size:23px;font-weight:800;display:flex;position:absolute;top:50%;right:-6px}.qcount.tick{animation:.35s ease-out qtick}@keyframes qtick{0%{transform:scale(1.35)}to{transform:scale(1)}}html.rm .qcount.tick{animation:none}.wake b{background:var(--accent);width:100%;height:100%;display:block}.qmsg{min-height:30px;font-size:var(--text-m);text-align:center;margin-top:10px;font-weight:700}.qmsg.slow,.qmsg.rush{color:#b4561a}.qmsg.wrong{color:var(--danger)}.qmsg.right{color:var(--good)}.qmsg.hint{color:var(--muted)}.explain{font-size:var(--text-m);border:2px solid var(--good);background:#eef7ee;border-radius:12px;margin-top:8px;padding:8px 12px}.keypad{grid-template-columns:repeat(5,1fr);gap:8px;max-width:520px;margin:0 auto;display:grid}.keypad button{font:inherit;border:3px solid var(--ink);min-height:60px;box-shadow:0 4px 0 var(--ink);cursor:pointer;background:#fff;border-radius:14px;font-size:26px;font-weight:800}.entry{text-align:center;border:3px dashed var(--edge);background:#fff;border-radius:14px;max-width:320px;min-height:64px;margin:6px auto 12px;font-size:40px;font-weight:800}.submit{min-width:260px;font:inherit;font-size:var(--text-l);border:3px solid var(--ink);background:var(--reward);min-height:64px;box-shadow:0 5px 0 var(--ink);cursor:pointer;touch-action:none;border-radius:16px;margin:12px auto 0;font-weight:800;display:block;position:relative;overflow:hidden}.submit .fill{background:#ffffff8c;width:0;position:absolute;top:0;bottom:0;left:0;right:auto}.submit span{position:relative}.visual{justify-content:center;margin:6px 0;display:flex}.visual svg{max-width:100%;height:auto}.tier{flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px;display:flex}.tier .medal{border:4px solid var(--ink);color:#fff;width:84px;height:84px;box-shadow:0 4px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:46px;display:flex}.tier .medal.gold{background:var(--reward)}.tier .medal.silver{background:var(--silver)}.tier .medal.bronze{background:var(--bronze)}.tier h3{font-size:var(--text-l);margin:0}.tier p{color:var(--muted);font-size:var(--text-s);text-align:center;margin:0}.setting{border-bottom:2px dashed var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-weight:700;display:flex}.setting input[type=range]{width:180px;height:32px;accent-color:var(--accent)}.toggle{border:3px solid var(--ink);cursor:pointer;background:#ddd;border-radius:20px;flex:none;width:64px;height:36px;position:relative}.toggle:after{content:"";border:2px solid var(--ink);background:#fff;border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle[aria-checked=true]{background:var(--good)}.toggle[aria-checked=true]:after{left:29px}.seg{border:3px solid var(--ink);border-radius:12px;display:inline-flex;overflow:hidden}.seg button{font:inherit;cursor:pointer;background:#fff;border:0;min-height:44px;padding:8px 14px;font-weight:700}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}input.name{font:inherit;font-size:var(--text-l);border:3px solid var(--ink);border-radius:12px;width:100%;max-width:360px;padding:8px 12px}.bands{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:12px 0;display:grid}.bands button{font:inherit;border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;font-weight:800;display:flex}.bands button small{color:var(--muted);font-size:12px;font-weight:500}.bands button[aria-pressed=true]{background:var(--reward)}.bands button[disabled]{opacity:.4}table.report{border-collapse:collapse;width:100%;font-size:var(--text-s)}table.report th,table.report td{text-align:left;border-bottom:1px solid var(--surface-2);padding:6px 4px}table.report td.n{text-align:right;font-variant-numeric:tabular-nums}.gate{position:relative;overflow:hidden}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0;display:grid}.stat{background:var(--surface-2);text-align:center;border-radius:12px;padding:10px}.stat b{font-size:var(--text-l);font-variant-numeric:tabular-nums;display:block}.stat span{color:var(--muted);font-size:13px;font-weight:700}.coins{color:#b07a00;align-items:center;gap:6px;font-weight:800;display:inline-flex}.coins .ico{color:var(--reward);filter:drop-shadow(0 1px 0 var(--ink))}#toast{left:50%;top:calc(110px + var(--safe-t));z-index:60;pointer-events:none;position:fixed;transform:translate(-50%)}#toast div{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:12px;padding:8px 16px;font-weight:800}#loading{background:var(--bg);color:#fff;z-index:80;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loading .bar{border:3px solid #fff;border-radius:10px;width:260px;height:16px;overflow:hidden}#loading .bar b{background:var(--reward);width:0;height:100%;display:block}@media (max-width:640px),(max-height:520px){:root{--text-l:22px;--text-xl:34px;--text-m:17px}.panel{padding:14px}.answers{gap:8px}.answer{min-height:60px}.hp{width:130px}.timer{font-size:22px}.cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}}@media (max-width:520px){.answers{grid-template-columns:1fr}}html.rm *{transition:none!important}.power{right:calc(18px + var(--safe-r));bottom:calc(22px + var(--safe-b));border:4px solid var(--ink);background:var(--surface);width:88px;height:88px;color:var(--ink);pointer-events:auto;box-shadow:0 5px 0 var(--ink);cursor:pointer;touch-action:none;border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex;position:absolute;overflow:hidden}.power .ring{pointer-events:none;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.power .pi{display:flex;position:relative}.power .pk{color:var(--muted);font-size:11px;font-weight:800;position:absolute;bottom:6px}.power.ready{background:var(--reward);animation:1.2s ease-in-out infinite ready}@keyframes ready{50%{box-shadow:0 5px 0 var(--ink), 0 0 22px var(--reward);transform:scale(1.06)}}html.rm .power.ready{animation:none}.floats{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.float{color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:22px;font-weight:800;animation:.9s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}@keyframes rise{to{opacity:0;transform:translate(-50%,-150%)}}@media (hover:none){.power .pk{display:none}}.panel.wide{max-width:980px}.hero-pick{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;margin-top:10px;display:grid}.hlist{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:10px;display:grid}.hcard{font:inherit;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-height:104px;padding:8px 6px;display:flex}.hcard .big{border:3px solid var(--ink);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;display:flex}.hcard .name{font-size:15px;font-weight:800}.hcard.locked{background:var(--surface-2)}.hcard.sel{outline:4px solid var(--accent);outline-offset:2px;transform:translateY(-3px)}.hcard .coins{font-size:13px}.hdetail{border:3px solid var(--ink);background:#fff;border-radius:16px;padding:14px}.hdetail h3{font-size:var(--text-l);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;margin:0 0 8px}.hdetail h3 small{color:var(--muted);-webkit-text-stroke:0;font-size:.6em}.ability{font-size:var(--text-s);align-items:center;gap:10px;margin:10px 0;line-height:1.35;display:flex}.ability .big{border:3px solid var(--ink);width:46px;height:46px;color:var(--ink);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:26px;display:flex}.stat-bar{grid-template-columns:70px 1fr;align-items:center;gap:8px;margin:4px 0;font-size:13px;font-weight:800;display:grid}.stat-bar b{border:2px solid var(--ink);background:var(--surface-2);border-radius:6px;height:10px;overflow:hidden}.stat-bar i{background:var(--good);height:100%;display:block}.hint{font-size:var(--text-s);color:var(--muted);text-align:center;margin:8px 0 0}@media (max-width:760px){.hero-pick{grid-template-columns:1fr}.hlist{grid-template-columns:repeat(5,minmax(0,1fr))}.hcard{min-height:84px}.hcard .name{font-size:12px}}.panel>.close+.spread,.panel>.close+h2{padding-right:52px}.cards.stages{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.card.stage{gap:4px;min-height:0;padding:10px}.card.stage .name{font-size:16px;line-height:1.15}.card.stage .sub{font-size:12.5px;line-height:1.3}.card.stage .swatch{border:3px solid var(--ink);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:2px;width:100%;height:54px;font-size:30px;display:flex;position:relative;overflow:hidden}.card.stage .swatch img{object-fit:contain;filter:drop-shadow(0 2px #00000040);width:52px;height:52px;margin:-2px -4px}.card.stage .swatch img:not([src]){visibility:hidden}.card.stage .swatch img.shadow{filter:brightness(0)opacity(.35)}.card.stage .swatch .won{z-index:1;color:#ffd84a;filter:drop-shadow(0 1px 0 var(--ink));font-size:18px;position:absolute;top:1px;right:3px}.card.stage.locked{background:var(--surface-2)}.card.stage.locked .swatch{filter:grayscale(.7)}.unlock{border:2px solid var(--reward);background:#fff4c8;border-radius:12px;padding:8px 12px;font-weight:700}.ico.coin{color:var(--reward);filter:drop-shadow(0 1px 0 var(--ink))}.btn.primary .ico.coin{color:#fff3b0}.hhead{align-items:center;gap:12px;margin-bottom:4px;display:flex}.hhead .grow{flex:1;min-width:0}.portrait{border:3px solid var(--ink);background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--hc) 35%, #fff) 0%, #fff6e0 70%);border-radius:16px;flex:none;width:132px;height:132px;overflow:hidden}.portrait canvas{width:100%;height:100%;display:block}@media (max-width:760px){.portrait{width:104px;height:104px}}.bossintro{color:#fff;text-align:center;background:linear-gradient(90deg,#0000,#2a143cd1 15% 85%,#0000);flex-direction:column;align-items:center;gap:2px;padding:14px 16px 16px;animation:2.9s ease-out forwards ribbon;display:flex;position:absolute;top:30%;left:0;right:0}.bossintro .tag{letter-spacing:.2em;text-transform:uppercase;color:#ffd84a;font-size:14px;font-weight:800}.bossintro b{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);font-size:max(30px,min(6vw,58px));line-height:1.05}.bossintro small{opacity:.9;font-size:max(14px,min(2.2vw,20px))}@keyframes ribbon{0%{opacity:0;transform:translate(-30%)skew(-8deg)}10%{opacity:1;transform:translate(2%)skew(0)}16%{transform:translate(0)}84%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30%)skew(8deg)}}html.rm .bossintro{animation:2.9s forwards fade}.chest-open{text-align:center}.chest-burst{justify-content:center;align-items:center;width:120px;height:96px;margin:-6px auto 2px;display:flex;position:relative}.chest-burst .chest-ico{color:#e0a030;filter:drop-shadow(0 4px 0 var(--ink));font-size:72px;animation:.65s ease-in-out both chest-shake;position:relative}.chest-burst .rays{opacity:0;background:repeating-conic-gradient(#ffd84a8c 0 10deg, transparent 10deg 24deg);border-radius:50%;width:260px;height:260px;margin:-130px 0 0 -130px;animation:.5s ease-out .55s forwards rays-in,9s linear .55s infinite spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}@keyframes chest-shake{0%,to{transform:rotate(0)scale(1)}15%{transform:rotate(-10deg)scale(1.05)}30%{transform:rotate(9deg)scale(1.05)}45%{transform:rotate(-7deg)scale(1.08)}60%{transform:rotate(5deg)scale(1.1)}80%{transform:rotate(0)scale(1.25)}}@keyframes rays-in{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.card.deal{animation:deal .45s calc(.7s + var(--i) * .18s) cubic-bezier(.2, 1.4, .4, 1) backwards}@keyframes deal{0%{opacity:0;transform:translateY(-70px)scale(.4)rotate(-8deg)}}.card.deal.evo{box-shadow:0 0 0 4px #ffd84a,0 0 26px #ffcf3a}html.rm .card.deal,html.rm .chest-burst .chest-ico{animation:none}html.rm .chest-burst .rays{animation:.3s forwards rays-in}.mbook{max-height:min(70vh,820px);padding-right:6px;overflow-y:auto}.mbook h3{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;margin:14px 0 8px}.found{color:var(--muted);font-weight:800}.found b{color:var(--ink);font-size:1.3em}.mgrid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.mcard{border:3px solid var(--ink);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex;position:relative}.mcard img{width:96px;height:96px}.mcard img:not([src]){visibility:hidden}.mcard b{font-size:15px;line-height:1.15}.mcard small{color:var(--muted);font-size:12px;line-height:1.25}.mcard .count{color:#b07a00;font-size:13px;font-weight:800;position:absolute;top:6px;right:8px}.mcard.boss{background:linear-gradient(#fff8e0,#fff);border-color:#b07a00}.mcard.unseen{background:#efe6d4}.mcard.unseen img{filter:brightness(0)opacity(.28)}@media (max-width:760px){.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.mcard img{width:72px;height:72px}}.medal{border:3px solid var(--ink);color:#fff;background:#c8c0b0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:inline-flex}.medal.big{border-width:4px;width:72px;height:72px;font-size:38px}.medal.t0{color:#b0a890;background:#e8e0d0;border-style:dashed}.medal.t1{background:radial-gradient(circle at 35% 30%,#f0b080,#a0622a)}.medal.t2{background:radial-gradient(circle at 35% 30%,#f4f8ff,#8a9ab0)}.medal.t3{background:radial-gradient(circle at 35% 30%,#fff2a0,#d8a020);box-shadow:0 0 14px #ffd84a}.tgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;max-height:min(70vh,820px);padding:4px;display:grid;overflow-y:auto}.tcard{border:3px solid var(--ink);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.tcard.t0{background:#f4ecdc}.tcard b{font-size:17px}.tcard .tier{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.tcard.t1 .tier{color:#a0622a}.tcard.t2 .tier{color:#6b7c94}.tcard.t3 .tier{color:#b07a00}.tcard .goal{color:var(--muted);min-height:2.6em;font-size:13px}.tbar{border:2px solid var(--ink);background:#efe6d4;border-radius:6px;width:100%;height:10px;overflow:hidden}.tbar i{background:linear-gradient(#ffd84a,#e0a020);height:100%;display:block}.tcard .tnum{font-size:12px;font-weight:800}.new-trophies{background:#fff6d8;border:3px solid #e0b040;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0;padding:8px;animation:.5s .3s backwards deal;display:flex}.new-trophies>b{text-align:center;color:#b07a00;width:100%}.nt{text-align:left;align-items:center;gap:6px;font-weight:800;display:inline-flex}.nt small{color:var(--muted);font-size:11px;display:block}@media (max-width:760px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.medal.big{width:58px;height:58px;font-size:30px}}.medal .ico{filter:drop-shadow(0 2px #2a23408c)}.medal.t2{color:#3a4a62}.medal.t2 .ico{filter:drop-shadow(0 1px #fff)}.medal.t3{color:#fff}@media (hover:none){.title-foot>span:last-child,.hdetail .kbd{display:none}}.hatlist{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:10px;max-height:min(62vh,640px);padding:4px;display:grid;overflow-y:auto}.card.hat{text-align:center;align-items:center;min-height:0;padding:8px 6px}.card.hat img{width:72px;height:72px}.card.hat img:not([src]){visibility:hidden}.card.hat .none{width:72px;height:72px;color:var(--muted);justify-content:center;align-items:center;font-size:34px;display:flex}.card.hat .name{font-size:13px}.card.hat.locked{background:#f4ecdc}.portrait.big{width:220px;height:220px;margin:0 auto 8px}@media (max-width:760px){.hatlist{grid-template-columns:repeat(4,minmax(0,1fr));max-height:40vh}.portrait.big{width:160px;height:160px}}.card.hat .coins{font-size:12px;position:absolute;top:6px;right:8px}.card.hat .sub{color:#3aa36a;font-size:11px;font-weight:800;position:absolute;top:6px;left:8px}.missions{border:3px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:6px;margin:10px 0;padding:10px 12px;display:flex}.missions>b{font-size:15px}.mission{grid-template-columns:minmax(0,1.6fr) minmax(60px,1fr) auto;align-items:center;gap:10px;font-size:14px;font-weight:700;display:grid}.mission .mreward{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex}.mission.done .mtext,.mission.done .mreward b{color:#2a8a4a}@media (max-width:760px){.mission{grid-template-columns:1fr auto}.mission .tbar{grid-area:2/1/auto/-1}}.power[data-plus]:not([data-plus=""]):after{content:attr(data-plus);border:2px solid var(--ink);min-width:24px;height:20px;color:var(--ink);text-align:center;background:#ffd84a;border-radius:10px;padding:0 5px;font-size:15px;font-weight:800;line-height:16px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.tip{left:50%;bottom:calc(130px + var(--safe-b));border:3px solid var(--ink);max-width:min(90vw,560px);box-shadow:0 4px 0 var(--ink);color:var(--ink);text-align:center;background:#fff8e6f2;border-radius:16px;padding:10px 18px;font-size:max(15px,min(2.2vw,19px));font-weight:800;animation:4.8s ease-out forwards tip;position:absolute;transform:translate(-50%)}@keyframes tip{0%{opacity:0;transform:translate(-50%,16px)}8%{opacity:1;transform:translate(-50%)}88%{opacity:1}to{opacity:0}}html.rm .tip{animation:4.8s forwards fade}.stars{letter-spacing:1px;font-size:14px}.stars i{color:#d8d0c0;font-style:normal}.stars i.on{color:#e8a818;-webkit-text-stroke:.6px var(--ink)}.hcard .stars{font-size:12px}.herostars{color:var(--muted);margin-top:4px;font-size:13px;font-weight:700}@media (max-width:560px){.round.zoom{display:none}.round{width:42px;height:42px;font-size:19px}.chip{padding:2px 8px}}@media (max-width:420px){.hud-right .chip:not(.coins){display:none}.hp{width:112px}.timer{font-size:20px}}@media (max-width:340px){.hud-right .chip.coins{display:none}.hp{width:100px}}.card.upgrade.fusion{background:linear-gradient(160deg,#fff6d8,#ffe2f4 55%,#dff4ff);animation:1.4s ease-in-out infinite fuse-glow}@keyframes fuse-glow{50%{box-shadow:0 5px 0 var(--ink), 0 0 26px #ff9a3a, 0 0 10px #fff}}.card .tag.fusion{color:var(--ink);background:linear-gradient(90deg,#ff5a3a,#ffc928,#b07aff,#5ae0ff,#ff5a3a) 0 0/200% 100%;animation:2s linear infinite tag-slide}@keyframes tag-slide{to{background-position:200% 0}}.card.upgrade .combo.fuse{color:#b0501a;font-weight:700}.kit span.fus{box-shadow:0 0 0 2px #fff,0 0 12px #ff9a3a}html.rm .card.upgrade.fusion,html.rm .card .tag.fusion{animation:none}.sflash{pointer-events:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.sflash.on{animation:.5s ease-out sflash}@keyframes sflash{0%{opacity:.7}to{opacity:0}}.fusion-cer{text-align:center;color:#fff;flex-direction:column;align-items:center;max-width:520px;margin:0 auto;padding:8px 16px;display:flex}.fc-stage{flex:none;width:260px;height:210px;position:relative}.fc-part,.fc-result{border:4px solid var(--ink);color:#fff;width:72px;height:72px;box-shadow:0 5px 0 var(--ink);border-radius:20px;justify-content:center;align-items:center;margin:-36px 0 0 -36px;font-size:44px;display:flex;position:absolute;top:50%;left:50%}.fc-part.a{background:var(--fa);animation:1.05s cubic-bezier(.55,0,.85,.5) forwards fc-a}.fc-part.b{background:var(--fb);animation:1.05s cubic-bezier(.55,0,.85,.5) forwards fc-b}@keyframes fc-a{0%{opacity:1;transform:rotate(0)translate(-100px)rotate(0)scale(1)}to{opacity:0;transform:rotate(540deg)translate(0)rotate(-540deg)scale(.35)}}@keyframes fc-b{0%{opacity:1;transform:rotate(0)translate(100px)rotate(0)scale(1)}to{opacity:0;transform:rotate(540deg)translate(0)rotate(-540deg)scale(.35)}}.fc-flash{opacity:0;background:radial-gradient(circle, #fff 0%, #fff 25%, var(--fc) 55%, transparent 72%);border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;animation:.75s ease-out .95s both fc-flash;position:absolute;top:50%;left:50%}@keyframes fc-flash{0%{opacity:0;transform:scale(.2)}15%{opacity:1}to{opacity:0;transform:scale(3.4)}}.fc-result{background:var(--fc);width:104px;height:104px;box-shadow:0 6px 0 var(--ink), 0 0 30px var(--fc), 0 0 60px #fff8;border-radius:28px;margin:-52px 0 0 -52px;font-size:66px;animation:.6s cubic-bezier(.2,1.7,.4,1) 1.02s both fc-pop,1.6s ease-in-out 1.7s infinite fc-bob}@keyframes fc-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fc-bob{50%{transform:translateY(-6px)scale(1.04)}}.fc-rays{opacity:0;background:repeating-conic-gradient(#ffffff80 0 9deg, transparent 9deg 22deg);border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;animation:.4s ease-out 1.02s forwards rays-in,7s linear 1.02s infinite spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 66%);mask:radial-gradient(circle,#000 18%,#0000 66%)}.fc-new{color:var(--ink);border:3px solid var(--ink);background:linear-gradient(90deg,#ffd84a,#ffb030);border-radius:12px;padding:2px 12px;font-size:15px;font-weight:800;animation:.4s ease-out 1.35s both fc-up}.fc-name{color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink), 0 0 24px var(--fc);margin:6px 0 2px;font-size:40px;animation:.45s cubic-bezier(.2,1.5,.4,1) 1.2s both fc-up}.fc-text{font-size:var(--text-m);text-shadow:0 2px 3px #000c;margin:0 0 14px;animation:.4s ease-out 1.4s both fc-up}.fc-go{animation:.35s ease-out 1.5s both fc-up}@keyframes fc-up{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:none}}html.rm .fc-part,html.rm .fc-flash{display:none}html.rm .fc-result,html.rm .fc-new,html.rm .fc-name,html.rm .fc-text,html.rm .fc-go{animation:none}html.rm .fc-rays{animation:.3s forwards rays-in}@media (max-height:500px){.fc-stage{height:150px}.fc-name{font-size:30px}.fc-rays{width:260px;height:260px;margin:-130px 0 0 -130px}}.fhelp{color:var(--muted);font-size:var(--text-s);margin:2px 0 10px}.fgrid{grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:min(64vh,760px);padding-right:4px;display:grid;overflow-y:auto}.fcard{border:3px solid var(--ink);text-align:center;background:linear-gradient(160deg,#fff,#fff4e0);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.fcard .fbig{border:3px solid var(--ink);background:var(--fc);color:#fff;width:64px;height:64px;box-shadow:0 4px 0 var(--ink), 0 0 18px var(--fc);border-radius:18px;justify-content:center;align-items:center;font-size:40px;display:flex}.fcard b{font-size:16px}.fcard .fparts{color:#6a5a7a;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.fcard small{color:var(--muted);font-size:12.5px;line-height:1.3}.fcard.unseen{background:#efe6d4}.fcard.unseen .fbig{box-shadow:0 4px 0 var(--ink);background:#9a90a8}#fusion.screen{background:radial-gradient(circle at 50% 40%,#28144659,#100820c7)}@media (min-width:761px){#heroes .panel.wide{max-width:1060px}#heroes .hero-pick{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#heroes .hlist{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:calc(100vh - 150px);margin:-6px;padding:6px 6px 10px;overflow-y:auto}#heroes .hcard{min-height:88px;padding:6px 4px}#heroes .hcard .name{text-align:center;font-size:13.5px;line-height:1.15}}@media (min-width:761px) and (max-height:700px){#heroes .hcard{gap:2px;min-height:76px}#heroes .hcard .big{width:38px;height:38px;font-size:22px}#heroes .hcard .coins{font-size:12px}}