.home-shade[data-v-f765e89d]{pointer-events:none;background:radial-gradient(58% 52% at 0 0,#08122ec7,#08122e52 48%,#0000 72%),linear-gradient(270deg,#08122ebd,#08122e4d 30%,#0000 46%),linear-gradient(#0000 78%,#08122e73);position:absolute;inset:0}.brand[data-v-f765e89d]{z-index:1;align-items:center;gap:18px;animation:.8s cubic-bezier(.2,.8,.3,1) both brand-in-f765e89d;display:flex;position:absolute;top:34px;left:44px}.brand-mark[data-v-f765e89d]{filter:drop-shadow(0 6px 14px #00000073);flex:none;width:112px;height:112px}.brand-name[data-v-f765e89d]{font:900 64px/1.05 var(--font-display);letter-spacing:.08em;background:linear-gradient(#fff6cf 0%,#f6d77a 45%,#d39a2c 100%);color:#0000;filter:drop-shadow(0 3px #3b2304)drop-shadow(0 0 14px #f6cf6e59);-webkit-background-clip:text;background-clip:text;margin:0}.brand-sub[data-v-f765e89d]{font:700 15px/1 var(--font-display);letter-spacing:.5em;color:#e9f3ff;text-shadow:0 1px 3px #0009;margin:6px 0 0}.brand-level[data-v-f765e89d]{color:#dfe7fa;background:#08122e99;border-radius:14px;margin:12px 0 0;padding:4px 12px;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #f6dc8c73}.brand-level b[data-v-f765e89d]{color:#ffd76a}.rank-link[data-v-f765e89d]{color:#fff4d6;min-height:38px;font:800 15px/1 var(--font-display);letter-spacing:.08em;cursor:pointer;background:linear-gradient(#2a4fa6,#162d6b);border:1px solid #d9b25a;border-radius:19px;align-items:center;gap:7px;margin-top:10px;padding:5px 16px 5px 12px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 12px #050c2073}.rank-link .glyph[data-v-f765e89d]{color:#f6d77a;width:18px;height:18px}.rank-link[data-v-f765e89d]:hover{transform:translateY(-1px);box-shadow:0 6px 16px #050c2080,0 0 14px #f6cf6e66}.home-menu[data-v-f765e89d]{z-index:1;flex-direction:column;gap:14px;width:360px;display:flex;position:absolute;top:92px;bottom:26px;right:36px}.title-screen .home-portals[data-v-f765e89d]{flex-direction:column;gap:10px;margin:0;display:flex}.title-screen .home-portals>.ui-btn[data-v-f765e89d]{text-align:left;justify-content:flex-start;align-items:center;gap:14px;width:100%;transition:transform .15s,box-shadow .15s,border-color .15s;animation:.5s cubic-bezier(.2,.8,.3,1) both menu-in-f765e89d;display:flex;position:relative}.title-screen .home-portals>.ui-btn[data-v-f765e89d]:nth-child(2){animation-delay:60ms}.title-screen .home-portals>.ui-btn[data-v-f765e89d]:nth-child(3){animation-delay:.12s}.title-screen .home-portals>.ui-btn[data-v-f765e89d]:nth-child(4){animation-delay:.18s}.m-ic[data-v-f765e89d]{border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 2px #d9b25a,inset 0 -3px 6px #00000040}.m-ic .glyph[data-v-f765e89d]{width:55%;height:55%}.m-txt[data-v-f765e89d]{flex-direction:column;gap:3px;min-width:0;display:flex}.m-txt small[data-v-f765e89d]{display:block}.m-txt .nav-dot[data-v-f765e89d]{margin:0;position:absolute;top:9px;left:48px}.corner-tools[data-v-f765e89d]{align-items:center;gap:8px;display:flex}.corner-tools>.ui-btn[data-variant=text][data-v-f765e89d]{border:1px solid var(--gold);background:linear-gradient(180deg, var(--royal), var(--royal-2));color:#f6dc8c;border-radius:50%;place-items:center;width:40px;height:40px;min-height:40px;padding:0;display:grid;box-shadow:0 2px 6px #050c2066}.corner-tools>.ui-btn[data-variant=text] .glyph[data-v-f765e89d]{width:20px;height:20px}.title-screen .home-portals>.m-play[data-v-f765e89d]{background:linear-gradient(#3563c4 0%,#1d3a86 60%,#162d6b 100%);border:2px solid #d9b25a;border-radius:16px;min-height:96px;padding:14px 18px;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 10px 24px #050c208c,0 0 0 4px #d9b25a2e}.m-play[data-v-f765e89d]:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff42 50%,#0000 65%);animation:4.5s ease-in-out 1.2s infinite shine-f765e89d;position:absolute;inset:0;transform:translate(-120%)}.title-screen .home-portals>.m-play[data-v-f765e89d]:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 12px 26px #050c208c,0 0 26px #f6cf6e80}.m-play .m-ic[data-v-f765e89d]{color:#1a2f6e;background:radial-gradient(circle at 35% 30%,#fff6cf,#e8b845 55%,#9a6a14);width:58px;height:58px}.m-play .m-txt[data-v-f765e89d]{font:900 30px/1.1 var(--font-display);letter-spacing:.12em;color:#fff8e6;text-shadow:0 2px #0d1d4a,0 0 12px #f6cf6e66}.m-play small[data-v-f765e89d]{font:500 13px/1.4 var(--font-body);letter-spacing:0;color:#cfe0ff;text-shadow:none}.m-go[data-v-f765e89d]{font:900 34px/1 var(--font-display);color:#f6d77a;margin-left:auto}.title-screen .home-portals>.m-row[data-v-f765e89d]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f3f6ff;background:linear-gradient(#14244ed6,#0a1634d6);border:1px solid #f6dc8c61;border-radius:14px;min-height:62px;padding:10px 16px;box-shadow:0 6px 16px #050c2066}.title-screen .home-portals>.m-row[data-v-f765e89d]:not(:disabled):hover{border-color:#f6d77a;transform:translate(-4px)}.title-screen .home-portals>.m-row[data-v-f765e89d]:disabled{opacity:.62}.m-row .m-ic[data-v-f765e89d]{color:#f6d77a;background:radial-gradient(circle at 35% 30%,#4c78d4,#1d3a86);width:40px;height:40px}.m-row .m-txt[data-v-f765e89d]{font:800 18px/1.2 var(--font-display);letter-spacing:.06em}.m-row small[data-v-f765e89d]{font:400 12px/1.4 var(--font-body);letter-spacing:0;color:#aebddd}.today[data-v-f765e89d]{background:linear-gradient(#fffaf0,#f3e8cf);border:1px solid #c69a4b;border-radius:14px;padding:12px 14px;animation:.5s cubic-bezier(.2,.8,.3,1) .26s both menu-in-f765e89d;box-shadow:0 8px 20px #050c2066}.today header[data-v-f765e89d]{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.today header b[data-v-f765e89d]{font:800 16px var(--font-display);letter-spacing:.08em;color:#172a5e}.today header span[data-v-f765e89d]{font:800 14px var(--font-num);color:#b07d16}.today-challenge[data-v-f765e89d]{color:#5d6a8a;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;display:flex}.today-challenge .glyph[data-v-f765e89d]{color:#b07d16;width:14px;height:14px}.home-note[data-v-f765e89d]{color:#ffffffd9;text-shadow:0 1px 3px #000000b3;margin:0;font-size:12px;position:absolute;bottom:18px;left:44px}@keyframes brand-in-f765e89d{0%{opacity:0;transform:translate(-24px)}}@keyframes menu-in-f765e89d{0%{opacity:0;transform:translate(28px)}}@keyframes shine-f765e89d{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.m-play[data-v-f765e89d]:after{animation:none}}@media (height<=500px){.brand[data-v-f765e89d]{gap:10px;top:14px;left:20px}.brand-mark[data-v-f765e89d]{width:62px;height:62px}.brand-name[data-v-f765e89d]{font-size:36px}.brand-sub[data-v-f765e89d]{letter-spacing:.35em;margin-top:3px;font-size:11px}.brand-level[data-v-f765e89d]{margin-top:5px;padding:2px 8px;font-size:11px}.rank-link[data-v-f765e89d]{min-height:30px;margin-top:5px;padding:3px 12px 3px 9px;font-size:13px}.rank-link .glyph[data-v-f765e89d]{width:15px;height:15px}.home-menu[data-v-f765e89d]{gap:8px;width:300px;top:48px;bottom:10px;right:14px}.title-screen .home-portals[data-v-f765e89d]{gap:6px}.title-screen .home-portals>.m-play[data-v-f765e89d]{min-height:62px;padding:8px 12px}.m-play .m-ic[data-v-f765e89d]{width:42px;height:42px}.m-play .m-txt[data-v-f765e89d]{font-size:22px}.m-play small[data-v-f765e89d]{font-size:11px}.m-go[data-v-f765e89d]{font-size:26px}.title-screen .home-portals>.m-row[data-v-f765e89d]{gap:10px;min-height:44px;padding:5px 12px}.m-row .m-ic[data-v-f765e89d]{width:30px;height:30px}.m-row .m-txt[data-v-f765e89d]{font-size:15px}.m-row small[data-v-f765e89d]{font-size:10.5px}.today[data-v-f765e89d]{padding:6px 10px}.today header[data-v-f765e89d]{margin-bottom:4px}.today .plan li[data-v-f765e89d]:nth-child(n+2),.today-challenge[data-v-f765e89d],.home-note[data-v-f765e89d]{display:none}.m-txt .nav-dot[data-v-f765e89d]{top:4px;left:36px}.corner-tools>.ui-btn[data-variant=text][data-v-f765e89d]{width:38px;height:38px;min-height:38px}}.plan[data-v-f765e89d]{gap:var(--ui-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-item[data-v-f765e89d]{align-items:flex-start;gap:var(--ui-space-3);width:100%;min-height:44px;padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-ink);text-align:left;cursor:pointer;font:inherit;transition:transform var(--ui-fast),box-shadow var(--ui-fast);display:flex}.plan-item[data-v-f765e89d]:hover{box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}.plan-check[data-v-f765e89d]{border:2px solid var(--ui-gold);width:22px;height:22px;color:var(--ui-white);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:13px;font-weight:900;display:grid}.plan .done .plan-check[data-v-f765e89d]{background:var(--ui-learning);border-color:var(--ui-learning)}.plan .done .plan-text b[data-v-f765e89d]{color:var(--ui-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--ui-line);text-decoration-color:var(--ui-line)}.plan-text[data-v-f765e89d]{flex-direction:column;gap:2px;min-width:0;display:flex}.plan-text b[data-v-f765e89d],.home-progress .plan-text b[data-v-f765e89d]{font:700 var(--ui-f-body)/1.4 var(--font-body);color:var(--ui-navy)}.plan-text small[data-v-f765e89d]{font-size:var(--ui-f-help);color:var(--ui-muted);line-height:1.5}@media (height<=500px){.plan-item[data-v-f765e89d]{gap:8px;min-height:36px;padding:4px 8px}.plan-text small[data-v-f765e89d]{display:none}.plan-check[data-v-f765e89d]{width:18px;height:18px;font-size:11px}}.pet-sprite[data-v-9b8a0d97]{transform-origin:50% 95%;filter:drop-shadow(0 6px 6px #16286044);pointer-events:none;width:100%;height:100%;animation:3s ease-in-out infinite pet-breathe-9b8a0d97;display:inline-block;position:relative}.pet-sprite img[data-v-9b8a0d97]{object-fit:contain;width:100%;height:100%}.awake[data-v-9b8a0d97]{filter:drop-shadow(0 0 15px #6ee8e9)}.star-eyes[data-v-9b8a0d97]{color:#ffe486;text-shadow:0 0 4px #584220;font-size:24px;position:absolute;top:38%;left:40%}[data-idle="15"][data-v-9b8a0d97]{animation:3s ease-in-out infinite pet-hop-9b8a0d97}[data-idle="30"][data-v-9b8a0d97]{animation:6s ease-in-out infinite pet-turn-9b8a0d97}[data-idle="45"][data-v-9b8a0d97]{animation:4s ease-in-out infinite pet-float-9b8a0d97}@keyframes pet-hop-9b8a0d97{10%{translate:0 -15px}20%{translate:0}}@keyframes pet-turn-9b8a0d97{25%{transform:rotateY(180deg)}50%,to{transform:rotateY(0)}}@keyframes pet-float-9b8a0d97{50%{filter:drop-shadow(0 0 12px #7de7ed);translate:0 -18px}}.pet-sprite.silhouette[data-v-9b8a0d97]{filter:brightness(0)opacity(.35);animation:none}@keyframes pet-breathe-9b8a0d97{50%{translate:0 -4px;rotate:1deg}}@media (prefers-reduced-motion:reduce){.pet-sprite[data-v-9b8a0d97]{animation:none}}.pet-fx[data-v-66d72003]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pet-fx.fx-back[data-v-66d72003]{z-index:-3}.pet-fx.fx-front[data-v-66d72003]{z-index:3}.pet-fx[data-refine="1"][data-v-66d72003],.pet-fx[data-refine="2"][data-v-66d72003]{filter:saturate(1.25)brightness(1.08)}.fx-spin[data-v-66d72003]{animation:36s linear infinite fx-spin-66d72003}.fx-pulse[data-v-66d72003]{animation:4s ease-in-out infinite fx-pulse-66d72003}.fx-wave[data-v-66d72003]{opacity:0;animation:3s linear infinite fx-wave-66d72003}.fx-twinkle[data-v-66d72003]{animation:2.6s ease-in-out infinite fx-twinkle-66d72003}.fx-rise[data-v-66d72003]{opacity:0;animation:3.6s linear infinite fx-rise-66d72003}.fx-comet[data-v-66d72003]{opacity:0;animation:5s ease-in infinite fx-comet-66d72003}.fx-still .fx-spin[data-v-66d72003],.fx-still .fx-pulse[data-v-66d72003],.fx-still .fx-twinkle[data-v-66d72003]{animation:none}.fx-still .fx-wave[data-v-66d72003]{opacity:.8;animation:none;transform:scale(1.5)}.fx-still .fx-rise[data-v-66d72003],.fx-still .fx-comet[data-v-66d72003]{opacity:.9;animation:none}@keyframes fx-spin-66d72003{to{transform:rotate(360deg)}}@keyframes fx-pulse-66d72003{50%{opacity:.72;transform:scale(1.03)}}@keyframes fx-wave-66d72003{0%{opacity:0;transform:scale(.7)}15%{opacity:1}to{opacity:0;transform:scale(2.2)}}@keyframes fx-twinkle-66d72003{0%,to{opacity:1;transform:scale(1)}50%{opacity:.28;transform:scale(.62)}}@keyframes fx-rise-66d72003{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(var(--rise))}}@keyframes fx-comet-66d72003{0%,70%{opacity:0;transform:translate(-22px,-10px)}78%{opacity:1}to{opacity:0;transform:translate(26px,12px)}}@media (prefers-reduced-motion:reduce){.pet-fx[data-v-66d72003] *{animation:none!important}}.pet-orbit[data-v-a03bd290]{--u:min(1cqw,1cqh);pointer-events:none;position:absolute}.pet-orbit.orbit-rear[data-v-a03bd290]{z-index:-2;clip-path:inset(-40% -40% 50%)}.pet-orbit.orbit-front[data-v-a03bd290]{z-index:2;clip-path:inset(50% -40% -40%)}.pet-orbit[data-refine="1"][data-v-a03bd290],.pet-orbit[data-refine="2"][data-v-a03bd290]{filter:drop-shadow(0 0 3px #f8da79)}.orbit-ring[data-v-a03bd290]{object-fit:contain;width:100%;height:100%;animation:5s ease-in-out infinite orbit-breathe-a03bd290}.orbit-x[data-v-a03bd290],.orbit-y[data-v-a03bd290]{width:0;height:0;position:absolute;top:50%;left:50%}.orbit-x[data-v-a03bd290]{animation:orbit-x-a03bd290 4.5s cubic-bezier(.37,0,.63,1) var(--delay) infinite alternate}.orbit-y[data-v-a03bd290]{animation:orbit-y-a03bd290 4.5s cubic-bezier(.37,0,.63,1) calc(var(--delay) - 2.25s) infinite alternate;top:0;left:0}.orbit-y img[data-v-a03bd290]{width:calc(var(--size)*var(--u));height:calc(var(--size)*var(--u));object-fit:contain;max-width:none;position:absolute;translate:-50% -50%}.orbit-still .orbit-ring[data-v-a03bd290],.orbit-still .orbit-x[data-v-a03bd290],.orbit-still .orbit-y[data-v-a03bd290]{animation:none}.orbit-still .orbit-x[data-v-a03bd290]{transform:translate(calc(var(--x)*var(--rx)*var(--u)),calc(var(--y)*var(--ry)*var(--u)))}@keyframes orbit-x-a03bd290{0%{transform:translateX(calc(var(--rx)*var(--u)*-1))}to{transform:translateX(calc(var(--rx)*var(--u)))}}@keyframes orbit-y-a03bd290{0%{transform:translateY(calc(var(--ry)*var(--u)*-1))}to{transform:translateY(calc(var(--ry)*var(--u)))}}@keyframes orbit-breathe-a03bd290{50%{opacity:.82;transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.orbit-ring[data-v-a03bd290],.orbit-x[data-v-a03bd290],.orbit-y[data-v-a03bd290]{animation:none}.orbit-x[data-v-a03bd290]{transform:translate(calc(var(--x)*var(--rx)*var(--u)),calc(var(--y)*var(--ry)*var(--u)))}}.pet-interaction[data-v-02da36f9]{z-index:4;pointer-events:none;animation:2.5s both effect-life-02da36f9;position:absolute;inset:0}.pet-interaction svg[data-v-02da36f9]{width:100%;height:100%;overflow:visible}.pet-interaction small[data-v-02da36f9]{text-align:center;color:#5a4c2e;background:#fff7decc;border-radius:10px;width:100%;font-size:11px;position:absolute;bottom:0;left:0}.meteor[data-v-02da36f9]{animation:1.8s ease-out both meteor-02da36f9}.ink-waves[data-v-02da36f9],.ink-realm[data-v-02da36f9]{transform-origin:50% 80%;animation:2.5s ease-out both unfold-02da36f9}.gear[data-v-02da36f9]{animation:2.5s ease-in-out both gear-02da36f9}.aurora[data-v-02da36f9]{transform-origin:50%;animation:2.5s both unfold-02da36f9}.kaleido[data-v-02da36f9],.books[data-v-02da36f9]{transform-origin:100px 100px;animation:2.5s ease-out both gear-02da36f9}.constellation path[data-v-02da36f9]{stroke-dasharray:1;animation:1.8s both connect-02da36f9}@keyframes effect-life-02da36f9{0%,to{opacity:0}15%,85%{opacity:1}}@keyframes meteor-02da36f9{0%{opacity:0;translate:-25% -15%}40%{opacity:1}to{opacity:0;translate:60% 25%}}@keyframes unfold-02da36f9{0%{opacity:0;transform:scale(.2)}65%{opacity:1}to{opacity:.6;transform:scale(1.1)}}@keyframes gear-02da36f9{0%{rotate:0deg}to{rotate:180deg}}@keyframes connect-02da36f9{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.pet-interaction[data-v-02da36f9]{display:none}}.pet-figure[data-v-98780b93]{isolation:isolate;transform-origin:50% 90%;width:100%;height:100%;animation:3s ease-in-out infinite figure-breathe-98780b93;display:inline-block;position:relative;container-type:size}.figure-canvas[data-v-98780b93]{isolation:isolate;width:min(100cqw,100cqh);height:min(100cqw,100cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.pet-figure[data-v-98780b93] .pet-sprite{animation:none;position:absolute;inset:0}.compact[data-v-98780b93]{scale:1.3}.silhouette[data-v-98780b93]{animation:none}.treasured-label[data-v-98780b93]{z-index:4;color:#6d4c18;background:#fff2ca;border-radius:8px;padding:1px 6px;font-size:10px;position:absolute;bottom:2%;left:36%}.reduced[data-v-98780b93],.reduced[data-v-98780b93] *,.is-battle[data-v-98780b93],.is-battle[data-v-98780b93] *{animation:none!important}[data-idle="15"][data-v-98780b93]{animation:3s ease-in-out infinite figure-hop-98780b93}[data-idle="30"][data-v-98780b93]{animation:6s ease-in-out infinite figure-turn-98780b93}[data-idle="45"][data-v-98780b93]{animation:4s ease-in-out infinite figure-float-98780b93}@keyframes figure-breathe-98780b93{50%{translate:0 -4px;rotate:1deg}}@keyframes figure-hop-98780b93{10%{translate:0 -15px}20%{translate:0}}@keyframes figure-turn-98780b93{25%{transform:rotateY(180deg)}50%{transform:rotateY(0)}}@keyframes figure-float-98780b93{50%{translate:0 -18px}}@media (prefers-reduced-motion:reduce){.pet-figure[data-v-98780b93],.pet-figure[data-v-98780b93] *{animation:none!important}}.pet-corner[data-v-503bd819]{z-index:24;text-align:center;pointer-events:none;color:#f9ecc7;text-shadow:0 1px 3px #142154;width:96px;position:fixed;bottom:8px;right:20px}.pet-touch[data-v-503bd819]{pointer-events:auto;cursor:pointer;background:0 0;border:0;width:96px;height:96px;padding:0;display:block}.pet-corner>span[data-v-503bd819]{font-size:11px}.pet-bubble[data-v-503bd819]{color:#234578;width:190px;text-shadow:none;background:#fff9e9;border:1px solid #d4b564;border-radius:14px 14px 0;padding:10px 12px;font-size:12px;line-height:1.6;position:absolute;bottom:100%;right:30px;box-shadow:0 3px 14px #19244044}.pet-corner.battle[data-v-503bd819]{width:78px;bottom:calc(1.18*clamp(150px,31vh,264px));left:5vw;right:auto}.battle .pet-touch[data-v-503bd819]{width:78px;height:78px}.battle .pet-bubble[data-v-503bd819]{border-radius:14px 14px 14px 0;left:30px;right:auto}@media (height<=500px){.pet-corner[data-v-503bd819]{width:65px;right:8px}.pet-touch[data-v-503bd819]{width:65px;height:65px}.pet-corner.battle[data-v-503bd819]{bottom:36.72vh;left:3vw}.battle .pet-touch[data-v-503bd819]{width:60px;height:60px}.pet-bubble[data-v-503bd819]{width:155px;padding:6px 8px;font-size:11px}}.safety[data-v-dbabcf5a]{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#102039b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.safety-card[data-v-dbabcf5a]{color:#233650;background:linear-gradient(#fffaf0,#f4ead2);border:1px solid #c69a4b;border-radius:16px;width:min(520px,94vw);max-height:90dvh;padding:22px 24px;line-height:1.8;overflow:auto;box-shadow:0 16px 48px #10203966}.safety-card h2[data-v-dbabcf5a]{font:800 20px/1.4 var(--font-display);color:#182e50;margin:0 0 8px}.safety-card p[data-v-dbabcf5a]{margin:6px 0}.rec-list[data-v-dbabcf5a]{flex-direction:column;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.rec-list li[data-v-dbabcf5a]{background:#fffdf7;border:1px solid #d4c7aa;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.rec-list small[data-v-dbabcf5a]{color:#5d6b80}.safety-actions[data-v-dbabcf5a]{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}@media (height<=500px){.safety-card[data-v-dbabcf5a]{padding:14px 16px;line-height:1.6}.safety-card h2[data-v-dbabcf5a]{font-size:17px}}.coach[data-v-87ae3832]{z-index:180;pointer-events:none;position:fixed;inset:0}.coach-ring[data-v-87ae3832]{border:2px solid #f6dc8c;border-radius:14px;transition:left .2s,top .2s,width .2s,height .2s;animation:1.6s ease-in-out infinite coach-pulse-87ae3832;position:fixed;box-shadow:0 0 0 4px #f6dc8c40,0 0 26px 6px #f6dc8c8c}@keyframes coach-pulse-87ae3832{50%{box-shadow:0 0 0 7px #f6dc8c26,0 0 34px 10px #f6dc8cb3}}.coach-bubble[data-v-87ae3832]{color:#233650;pointer-events:auto;background:linear-gradient(#fffaf0,#f6ecd6);border:1.5px solid #c69a4b;border-radius:14px;width:min(360px,100vw - 16px);padding:12px 14px 10px;font-size:14px;line-height:1.7;transition:left .2s,top .2s;position:fixed;box-shadow:0 10px 30px #10203959}.coach-bubble p[data-v-87ae3832]{margin:0}.coach-btns[data-v-87ae3832]{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.coach-skip[data-v-87ae3832]{color:#617086;cursor:pointer;background:0 0;border:0;min-height:36px;font-size:12px;text-decoration:underline}@media (height<=500px){.coach-bubble[data-v-87ae3832]{width:min(300px,100vw - 16px);padding:8px 10px 6px;font-size:12px;line-height:1.55}}@media (prefers-reduced-motion:reduce){.coach-ring[data-v-87ae3832]{animation:none}}.pet-celebration[data-v-50947105]{z-index:110;color:#fff3c6;text-align:center;background:radial-gradient(#b8dcf5f5,#1e356cfb 75%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0;overflow:auto}.pet-celebration h1[data-v-50947105]{font-family:var(--font-display);z-index:1;margin:0;font-size:30px}.evolution-pet[data-v-50947105]{z-index:1;width:330px;height:330px;position:relative}.pet-celebration p[data-v-50947105]{margin:0;font-size:20px}.pet-celebration label[data-v-50947105]{z-index:1;align-items:center;gap:10px;display:flex}.pet-celebration input[data-v-50947105]{color:#223c73;background:#fff8e8;border:1px solid #d4bb73;border-radius:6px;width:140px;padding:8px}.pet-celebration button[data-v-50947105]{z-index:1}.egg-crack[data-v-50947105]{clip-path:polygon(50% 0,38% 32%,60% 42%,40% 67%,58% 100%,28% 65%,48% 43%,26% 34%);filter:drop-shadow(0 0 8px #fff);background:#fff3ae;width:22%;height:35%;position:absolute;top:55%;left:40%}.pet-rays[data-v-50947105]{pointer-events:none;background:repeating-conic-gradient(#f9e6a533 0deg 12deg,#0000 12deg 30deg);border-radius:50%;width:90vmax;height:90vmax;animation:24s linear infinite pet-rays-50947105;position:absolute}@keyframes pet-rays-50947105{to{rotate:360deg}}@media (height<=500px){.pet-celebration[data-v-50947105]{gap:5px}.pet-celebration h1[data-v-50947105]{font-size:22px}.evolution-pet[data-v-50947105]{width:180px;height:180px}.pet-celebration p[data-v-50947105]{font-size:16px}.pet-celebration input[data-v-50947105]{padding:4px}.pet-celebration .btn[data-v-50947105]{padding:7px 16px;font-size:14px}}@media (prefers-reduced-motion:reduce){.pet-rays[data-v-50947105]{animation:none}}.notification-stack[data-v-ed1875ce]{z-index:110;top:calc(var(--ui-topbar) + 16px);pointer-events:none;flex-direction:column;gap:8px;width:min(400px,90vw);display:flex;position:fixed;right:16px}.notification-stack[data-v-ed1875ce] .ui-toast{pointer-events:auto;width:100%;padding:12px;position:relative;top:auto;right:auto}@media (height<=500px){.notification-stack[data-v-ed1875ce]{width:320px;top:calc(var(--ui-topbar) + 8px);right:8px}.notification-stack[data-v-ed1875ce] .ui-toast{padding:8px}}.keyword-tip[data-v-981a03fa]{z-index:2000;color:#213e6d;width:min(300px,100vw - 16px);font:13px/1.55 var(--font-body);background:#fff9e9;border:2px solid #caa14e;border-radius:10px;padding:12px;position:fixed;box-shadow:0 8px 30px #081d4a66}.keyword-tip p[data-v-981a03fa]{margin:5px 0 0}.keyword-tip button[data-v-981a03fa]{float:right;color:#655229;font:inherit;cursor:pointer;background:0 0;border:0}:root{--sky:#cfe5fb;--sky-2:#eaf3fb;--marble:#faf7f0;--marble-2:#eee7d8;--marble-3:#e3dac8;--royal:#2c4a9a;--royal-2:#1f3577;--royal-deep:#172a5e;--gold:#d9a93a;--gold-hi:#f6dc8c;--gold-deep:#a97a1e;--holo:#4fdcff;--holo-2:#1fa9d6;--holo-soft:#4fdcff24;--holo-board:#123866e6;--ink:#1d2747;--ink-soft:#5b6585;--line:#2c4a9a38;--ivory:#fbf7ee;--ivory-dim:#c9d3ec;--red:#d8433a;--red-soft:#fde3df;--red-hi:#ff7d6e;--ok:#1d8a58;--ok-hi:#5fd69b;--atk:#d07a28;--skl:#2a7fc0;--pow:#7a5cc7;--hp:#e0574a;--blk:#8fd3f2;--shadow:#18224647;--scrim:#121c3c80;--font-display:"Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--font-body:"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;--font-num:"Bahnschrift", "DIN Alternate", "Roboto Condensed", "Arial Narrow", sans-serif;--font-pen:"KaiTi", "STKaiti", "Kaiti SC", "楷体", serif;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--marble);color:var(--ink);font:14px/1.5 var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--holo-2);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}img{max-width:100%;display:block}.app{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:radial-gradient(40% 22% at 12% 100%, #fffffff2, transparent 70%), radial-gradient(36% 20% at 55% 104%, #ffffffe6, transparent 70%), radial-gradient(40% 24% at 92% 100%, #fffffff2, transparent 70%), radial-gradient(55% 45% at 8% 0%, #fff8def2, transparent 70%), linear-gradient(180deg, var(--sky) 0%, var(--sky-2) 42%, #f7f2e7 100%);flex-direction:column;display:flex;position:fixed;inset:0}.loading{color:var(--ink-soft);font-size:16px}.screen-host{flex-direction:column;flex:1;min-height:0;display:flex}@keyframes screen-in{0%{clip-path:inset(0 0 100%);filter:brightness(1.5)}to{clip-path:inset(0)}}@keyframes screen-out{to{opacity:0;filter:brightness(1.4)blur(3px)}}.screen-wipe{z-index:34;height:3px;box-shadow:0 0 18px var(--holo), 0 0 40px #4fdcff99;pointer-events:none;background:linear-gradient(90deg,#0000,#c8f6ff 20%,#fff 50%,#c8f6ff 80%,#0000);animation:.6s cubic-bezier(.3,.6,.4,1) .15s both wipe;position:fixed;top:0;left:0;right:0}@keyframes wipe{0%{opacity:1;top:0}to{opacity:0;top:100%}}.panel{border:2px solid var(--gold);background:radial-gradient(90% 55% at 0% 0%, #fffffff2, transparent 60%), linear-gradient(118deg, transparent 46%, #968a7012 47%, transparent 49%), linear-gradient(64deg, transparent 70%, #968a700f 71%, transparent 72.5%), linear-gradient(165deg, var(--marble), var(--marble-2));width:100%;max-width:780px;box-shadow:inset 0 0 0 4px var(--marble), inset 0 0 0 5px #2c4a9a4d, 0 18px 40px var(--shadow);color:var(--ink);border-radius:12px;flex-direction:column;gap:14px;padding:26px clamp(18px,4vw,36px);display:flex;position:relative}.panel:before,.panel:after{content:"";border:3px solid var(--gold);pointer-events:none;width:18px;height:18px;position:absolute}.panel:before{border-bottom:0;border-right:0;top:9px;left:9px}.panel:after{border-top:0;border-left:0;bottom:9px;right:9px}.panel h3{color:var(--royal);letter-spacing:.08em;align-items:center;gap:8px;margin-top:6px;font-size:15px;display:flex}.panel h3:before{content:"";background:var(--gold);width:8px;height:8px;transform:rotate(45deg)}.h-title{font:900 clamp(42px, 7.5vw, 68px)/1.15 var(--font-display);letter-spacing:.12em;background:linear-gradient(180deg, #fffaf0 5%, var(--gold-hi) 40%, var(--gold) 75%, var(--gold-deep));color:#0000;filter:drop-shadow(0 2px 0 var(--royal-deep)) drop-shadow(0 0 10px #4fdcff59);-webkit-background-clip:text;background-clip:text}.h-display{font:800 24px/1.3 var(--font-display);letter-spacing:.06em;color:var(--royal)}.eyebrow{letter-spacing:.24em;color:var(--holo-2);font-size:13px;font-weight:700}.muted{color:var(--ink-soft)}.fine{color:var(--ink-soft);font-size:12px}.btn{border:2px solid var(--gold);background:linear-gradient(180deg, #3a5cb4, var(--royal) 55%, var(--royal-2));color:var(--ivory);letter-spacing:.04em;box-shadow:0 3px 0 var(--royal-deep), inset 0 1px 0 #ffffff40;border-radius:8px;padding:8px 20px;font-weight:700;transition:transform 80ms,box-shadow .12s,filter .12s}.btn:hover:not(:disabled){box-shadow:0 3px 0 var(--royal-deep), 0 0 14px #4fdcff8c, inset 0 1px 0 #ffffff40}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--royal-deep);transform:translateY(2px)}.btn.primary{border-color:var(--gold-deep);background:linear-gradient(180deg, #fff1bf, var(--gold-hi) 25%, var(--gold) 70%, var(--gold-deep));color:var(--royal-deep);box-shadow:0 3px #7d5a14,inset 0 1px #fff9}.btn.primary:hover:not(:disabled){box-shadow:0 3px #7d5a14,0 0 16px #f6dc8ce6}.btn.big{padding:11px 34px;font-size:18px}.btn.small{padding:3px 12px;font-size:13px}.btn:disabled{opacity:.45;box-shadow:none;filter:grayscale(.4)}.link{color:var(--ink-soft);background:0 0;border:0;padding:4px 0;font-size:13px;text-decoration:underline}.hud{z-index:3;padding:7px var(--gutter-r) 7px var(--gutter-l);background:linear-gradient(180deg, var(--royal), var(--royal-2));border-bottom:2px solid var(--gold);box-shadow:0 2px 0 #4fdcff66, 0 6px 16px var(--shadow);color:var(--ivory);flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex;position:relative}.stat{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.stat .glyph{color:#ff8a7a;width:15px;height:15px}.coin{background:radial-gradient(circle at 35% 30%, #fff1bf, var(--gold) 60%, var(--gold-deep));border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 1.5px #7d5a14}.stat b{font:700 17px var(--font-num);font-variant-numeric:tabular-nums}.stat.life b{color:#ffb0a6}.stat.gold,.stat.gold b{color:var(--gold-hi)}.tier-tag{border:1px solid var(--holo);color:var(--holo);font:700 12px/20px var(--font-body);letter-spacing:.1em;vertical-align:middle;background:#4fdcff1f;border-radius:999px;padding:0 8px;display:inline-block}.map-head .tier-tag{border-color:var(--holo-2);color:var(--holo-2)}.relics{flex-wrap:wrap;gap:4px;display:flex}.relic{border:1.5px solid var(--gold);background:radial-gradient(circle at 35% 30%,#fffaf0,#c9d7f0);border-radius:50%;place-items:center;width:34px;height:34px;padding:2px;font-size:15px;display:grid;box-shadow:0 0 0 2px #172a5e99}.relic img{object-fit:contain;filter:drop-shadow(0 1px 1px #0000004d);width:100%;height:100%}.relic:hover{box-shadow:0 0 0 2px #172a5e99, 0 0 12px var(--gold-hi)}.hud-btns{gap:8px;margin-left:auto;display:flex}.hud-btn{color:var(--ivory);white-space:nowrap;background:#ffffff14;border:1px solid #f6dc8c8c;border-radius:6px;padding:3px 10px}.hud-btn b{font-family:var(--font-num)}.hud-btn.warn{border-color:var(--red-hi);color:#ffc1b9}.sound-toggles{gap:4px;display:inline-flex}.sound-btn{width:30px;height:30px;color:var(--gold-hi);background:#ffffff1a;border:1px solid #f6dc8c8c;border-radius:50%;place-items:center;padding:0;font-size:14px;line-height:1;display:grid}.sound-btn.off{opacity:.45;text-decoration:line-through}.corner-tools{top:12px;right:var(--gutter-r);z-index:2;position:absolute}.corner-tools .sound-btn{border-color:var(--gold);background:linear-gradient(180deg, var(--royal), var(--royal-2))}.screen{min-height:0;padding-block:20px 28px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow-y:auto}.screen.center{justify-content:center}.screen.center>.panel{margin-block:auto}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.title-screen{padding-left:max(6vw, var(--gutter-l));flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.kv{background:50%/cover;animation:32s ease-in-out infinite alternate kv-drift;position:absolute;inset:-4%}@keyframes kv-drift{0%{transform:scale(1.03)}to{transform:scale(1.12)translate(-2%,-1.5%)}}.kv-shade{background:linear-gradient(90deg,#0e1a3ec7,#0e1a3e59 42%,#0000 66%),linear-gradient(#0000 70%,#0e1a3e59);position:absolute;inset:0}.title-block{flex-direction:column;align-items:flex-start;gap:16px;max-width:440px;animation:.8s cubic-bezier(.2,.8,.3,1) title-in;display:flex;position:relative}@keyframes title-in{0%{opacity:0;transform:translate(-40px)}}.title-block .eyebrow{color:var(--holo)}.title-block .h-title{background:linear-gradient(110deg, transparent 40%, #fffffff2 50%, transparent 60%) -120% 0 / 60% 100% no-repeat, linear-gradient(180deg, #fffaf0 5%, var(--gold-hi) 40%, var(--gold) 75%, var(--gold-deep));-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,12vh,100px);animation:5s ease-in-out 1s infinite glint}@keyframes glint{0%,60%{background-position:-120% 0,0 0}to{background-position:260% 0,0 0}}.title-menu{flex-direction:column;gap:10px;display:flex}.menu-btn{width:270px;color:var(--ivory);font:800 18px var(--font-display);letter-spacing:.12em;text-align:left;background:linear-gradient(90deg,#172a5ee0,#172a5e59);border:1.5px solid #f6dc8c99;border-radius:10px;padding:11px 22px;transition:transform .15s,box-shadow .15s,background .15s}.menu-btn:hover{box-shadow:0 0 0 1px var(--gold-hi), 0 0 18px #4fdcff73;background:linear-gradient(90deg,#2c4a9af2,#2c4a9a66);transform:translate(8px)}.menu-btn.primary{border-color:var(--gold-deep);background:linear-gradient(90deg, #fff1bf, var(--gold-hi) 30%, var(--gold) 75%, #d9a93a73);color:var(--royal-deep)}.title-block .fine{color:var(--ivory-dim)}.notice-text{white-space:pre-line}.unit,.tier,.choice,.loot-row{border:1px solid var(--line);color:var(--ink);text-align:left;background:#ffffffb8;border-radius:10px}.unit:hover:not(:disabled),.tier:hover:not(:disabled),.choice:hover:not(:disabled),button.loot-row:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 4px 12px #d9a93a40;background:#fffaf0}.unit-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.unit,.tier{flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.unit.on,.tier.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 6px 16px #d9a93a4d;background:#fff6dc}.u-sub{color:var(--holo-2);font-size:12px;font-weight:700}.u-name{font:800 17px/1.35 var(--font-display);color:var(--royal-deep)}.u-meta{color:var(--ink-soft);font-size:12px}.tier-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tier:disabled{opacity:.5}.t-name{font:800 18px var(--font-display);letter-spacing:.1em;color:var(--royal-deep)}.t-note{color:var(--ink-soft);font-size:12px;line-height:1.45}.switch{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55;display:flex}.switch b{color:var(--ink)}.switch input{opacity:0;pointer-events:none;position:absolute}.sw{background:var(--marble-3);width:40px;height:22px;box-shadow:inset 0 0 0 1px var(--line);border-radius:11px;flex:none;margin-top:1px;transition:background .15s;position:relative}.sw:after{content:"";width:16px;height:16px;box-shadow:0 1px 2px var(--shadow);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.sw{background:var(--royal)}.switch.off{opacity:.6;cursor:default}.switch input:checked+.sw:after{background:var(--gold-hi);transform:translate(18px)}.switch input:focus-visible+.sw{outline:3px solid var(--holo-2);outline-offset:2px}.loot{flex-direction:column;gap:8px;display:flex}.loot-row{align-items:center;gap:8px;padding:10px 12px;line-height:1.5;display:flex}.loot-row>.glyph{flex:none;width:44px;height:44px}button.loot-row{border-color:#d9a93ab3}button.loot-row:disabled{opacity:.5}.price{white-space:nowrap;font-family:var(--font-num);color:var(--gold-deep);margin-left:auto;padding-left:12px}.card-row,.card-grid{flex-wrap:wrap;justify-content:center;gap:22px 14px;padding:12px 4px 4px;display:flex}.ware{flex-direction:column;align-items:center;gap:10px;display:flex}.choice-list{flex-direction:column;gap:12px;display:flex}.choice{font:800 18px var(--font-display);color:var(--royal-deep);border-color:#d9a93ab3;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.choice small{font:400 13px var(--font-body);color:var(--ink-soft)}.choice:disabled{opacity:.45}.result{border:1px solid var(--holo-2);background:var(--holo-soft);border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.6}.result.unlock{border-color:var(--gold);color:var(--gold-deep);background:#fff3cf;font-weight:700}.event{align-items:stretch}.event-icon{font-size:52px;line-height:1}.event>p{font-size:15px;line-height:1.75}.map-screen{flex:1;justify-content:center;min-height:0;display:flex;position:relative;overflow:hidden}.map-sky{filter:blur(14px)brightness(1.08)saturate(1.1);background:url(./key-visual-DaOpnUKh.webp) 50%/cover;position:absolute;inset:-6%}.map-scroll{z-index:1;scrollbar-width:none;height:100%;position:relative;overflow-y:auto}.map-scroll::-webkit-scrollbar{display:none}.tower{aspect-ratio:940/1672;background:50%/100% 100% no-repeat;width:clamp(380px,80vh,640px);position:relative;-webkit-mask:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.map-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-lines line{stroke:#b8f3ff;stroke-width:3px;stroke-dasharray:2 8;stroke-linecap:round;filter:drop-shadow(0 0 3px #1fa9d6)}.map-lines line.walked{stroke:var(--gold-hi);stroke-dasharray:none;stroke-width:4px;filter:drop-shadow(0 0 4px var(--gold))}.node{z-index:2;background:0 0;border:0;border-radius:50%;width:54px;height:54px;padding:0;transition:transform .15s;position:absolute;translate:-50% -50%}.node img{filter:drop-shadow(0 3px 4px #0e18388c);width:100%;height:100%}.node.t-elite{width:62px;height:62px}.node.t-boss{width:96px;height:96px}.node .nlabel{color:var(--ivory);white-space:nowrap;background:#0e1a3ecc;border-radius:999px;padding:0 8px;font-size:12px;position:absolute;top:calc(100% - 4px);left:50%;translate:-50%}.node.locked{filter:grayscale(.55)brightness(.9);cursor:default}.node.done{filter:grayscale(.85)brightness(.75);opacity:.7;cursor:default}.node.avail{animation:1.4s ease-in-out infinite node-pulse}.node.avail:before{content:"";border:3px solid var(--gold-hi);box-shadow:0 0 16px var(--gold-hi), inset 0 0 10px #f6dc8c80;pointer-events:none;border-radius:50%;animation:1.4s ease-out infinite ring-pulse;position:absolute;inset:-7px}.node.avail:hover{transform:scale(1.16)}.node.avail .nlabel{background:linear-gradient(180deg, #fff1bf, var(--gold));color:var(--royal-deep);font-weight:800}.node.done:after{content:"✓";font:700 24px var(--font-pen);color:#ff5a4a;text-shadow:0 0 3px #fff;position:absolute;top:-10px;right:-6px}@keyframes node-pulse{50%{scale:1.08}}@keyframes ring-pulse{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}.hero-token{z-index:3;border:3px solid var(--gold-hi);width:46px;height:46px;box-shadow:0 0 0 2px var(--royal-deep), 0 4px 10px #0006, 0 0 18px var(--holo);pointer-events:none;background:radial-gradient(circle,#e6fdff,#4fdcff);border-radius:50%;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden;translate:-50% -118%}.hero-token img{width:300%;max-width:none;translate:-35% -13%}.map-side{left:max(2vw, var(--gutter-l));z-index:2;border:2px solid var(--gold);width:clamp(200px,22vw,280px);color:var(--ivory);background:linear-gradient(#172a5ee6,#172a5ec2);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex;position:absolute;top:50%;translate:0 -50%;box-shadow:0 0 0 4px #172a5e59,0 12px 30px #080e2473}.map-side .h-display{color:var(--gold-hi);font-size:18px}.legend{grid-template-columns:1fr 1fr;gap:6px 10px;width:100%;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.legend li{align-items:center;gap:6px;display:flex}.legend img{width:26px;height:26px}.map-tip{min-height:4.8em;color:var(--ivory-dim);font-size:13px;line-height:1.6}.modal{z-index:40;padding:16px var(--gutter-r) 16px var(--gutter-l);background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{border:2px solid var(--gold);background:linear-gradient(165deg, var(--marble), var(--marble-2));width:min(620px,100%);max-height:100%;box-shadow:inset 0 0 0 4px var(--marble), inset 0 0 0 5px #2c4a9a4d, 0 20px 50px var(--shadow);color:var(--ink);-webkit-user-select:text;user-select:text;border-radius:12px;padding:20px 24px 22px;animation:.18s ease-out sheet-in;position:relative;overflow:hidden auto}.sheet.wide{flex-direction:column;gap:10px;width:min(880px,100%);display:flex}.notice-text{font-size:15px;line-height:1.75}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}.mistake-list,.review{flex-direction:column;gap:10px;margin:0;padding-left:1.4em;line-height:1.6;display:flex}.kp-tag{border:1px solid var(--red);color:var(--red);border-radius:3px;margin-right:8px;padding:0 6px;font-size:12px;display:inline-block}.kp-tag.hard{border-color:var(--gold-deep);color:var(--gold-deep)}.summary{gap:16px}.stat-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.stat-row div{background:#ffffffbf;border:1px solid #d9a93a99;border-radius:10px;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.stat-row b{font:700 26px var(--font-num);font-variant-numeric:tabular-nums;color:var(--royal)}.stat-row span{color:var(--ink-soft);font-size:12px}.table-wrap{overflow-x:auto}.kp-table{border-collapse:collapse;width:100%;font-size:14px}.kp-table th,.kp-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:6px 8px}.kp-table th{color:var(--ink-soft);font-size:12px;font-weight:400}.kp-table td:last-child{width:45%}.kp-table .num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.kp-table .pct{color:var(--ink-soft);margin-left:8px}.meter{vertical-align:middle;background:var(--marble-3);border-radius:4px;width:calc(100% - 48px);min-width:60px;height:8px;display:inline-block;overflow:hidden}.meter span{background:var(--holo-2);height:100%;display:block}.meter.good span{background:var(--ok)}.review p{margin:0}.rv-stem{font-weight:700}.rv-exp{color:var(--ink-soft);font-size:13px}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 32%);z-index:60;border:2px solid var(--gold);background:linear-gradient(180deg, var(--royal), var(--royal-2));width:max-content;max-width:min(88vw,460px);color:var(--ivory);box-shadow:0 0 16px #4fdcff59, 0 8px 24px var(--shadow);pointer-events:none;border-radius:10px;padding:10px 16px;font-size:14px;line-height:1.55;position:fixed;transform:translate(-50%)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.rotate-hint{display:none}@media (orientation:portrait){.rotate-hint{z-index:100;padding:24px var(--gutter-r) 24px var(--gutter-l);text-align:center;background:radial-gradient(80% 50% at 50% 30%, #4fdcff40, transparent 70%), linear-gradient(180deg, var(--royal), var(--royal-deep));color:var(--ivory);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:15px;line-height:1.6;display:flex;position:fixed;inset:0}}.rh-phone{fill:none;width:96px;stroke:var(--gold-hi);stroke-width:3px;filter:drop-shadow(0 0 10px #f6dc8c99);animation:2.6s ease-in-out infinite rh-turn}.rh-phone circle{fill:var(--gold-hi);stroke:none}.rh-title{font:800 22px var(--font-display);letter-spacing:.1em;color:var(--gold-hi)}@media (pointer:fine){.rh-touch{display:none}}@media (pointer:coarse){.rh-mouse{display:none}}@keyframes rh-turn{0%,25%{rotate:0deg}55%,85%{rotate:-90deg}to{rotate:0deg}}:root{--ui-navy-light:#355c91;--ui-paper-warm:#eaddbf;--ui-glint:#fff6d5;--ui-gold-deep:#87602c;--ui-shadow-ink:#10203966;--ui-ease:cubic-bezier(.2,.75,.25,1);--ui-navy:#182e50;--ui-navy-deep:#102039;--ui-gold:#c69a4b;--ui-gold-light:#efdbac;--ui-paper:#faf6ed;--ui-surface:#fffdf7;--ui-ink:#233650;--ui-muted:#46536a;--ui-line:#d4c7aa;--ui-learning:#217d83;--ui-mistakes:#b74343;--ui-pet:#bf725f;--ui-shop:#8a6647;--ui-achievement:#a2772c;--ui-codex:#7754a0;--ui-white:#fff;--ui-overlay:#102039b8;--ui-transparent:transparent;--ui-f-title:28px;--ui-f-subtitle:18px;--ui-f-body:15px;--ui-f-help:12px;--ui-f-number:36px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-6:24px;--ui-space-8:32px;--ui-radius-sm:4px;--ui-radius-md:8px;--ui-radius-lg:16px;--ui-shadow-sm:0 2px 4px #10203914;--ui-shadow-md:0 8px 24px #10203924;--ui-shadow-lg:0 16px 48px #10203942;--ui-touch:36px;--ui-topbar:56px;--ui-fast:.12s;--ui-page:.24s}@media (height<=500px){:root{--ui-f-title:22px;--ui-f-subtitle:16px;--ui-f-body:13px;--ui-f-help:11px;--ui-f-number:28px;--ui-topbar:48px}}.ui-kit{color:var(--ui-ink);font:var(--ui-f-body)/1.5 var(--font-body)}.ui-kit h1,.ui-kit h2,.ui-kit h3,.ui-kit p{margin:0}.ui-kit h1{font:900 var(--ui-f-title)/1.3 var(--font-display)}.ui-kit h2,.ui-kit h3{font:800 var(--ui-f-subtitle)/1.4 var(--font-display)}.ui-kit small{font-size:var(--ui-f-help);color:var(--ui-muted)}.ui-kit :focus-visible{outline:3px solid var(--ui-learning);outline-offset:3px}.ui-btn{justify-content:center;align-items:center;gap:var(--ui-space-2);min-width:40px;min-height:40px;padding:var(--ui-space-2) var(--ui-space-4);border:1.5px solid var(--ui-gold);background:linear-gradient(var(--ui-glint),var(--ui-paper-warm));color:var(--ui-navy);font:700 var(--ui-f-body)/1.3 var(--font-body);cursor:pointer;box-shadow:inset 0 1px 0 var(--ui-white),0 3px 0 var(--ui-gold-deep);transition:transform var(--ui-fast),filter var(--ui-fast);border-radius:10px;display:inline-flex}.ui-btn[data-variant=primary]{background:linear-gradient(var(--ui-navy-light),var(--ui-navy-deep));color:var(--ui-paper);box-shadow:inset 0 1px 0 var(--ui-gold-light),0 3px 0 var(--ui-gold-deep);text-shadow:0 1px 2px var(--ui-navy-deep)}.ui-btn[data-variant=text]{background:var(--ui-transparent);border-color:var(--ui-transparent);box-shadow:none}.ui-btn:hover:not(:disabled){filter:brightness(1.08)}.ui-btn:active:not(:disabled){filter:brightness(.85);box-shadow:inset 0 1px 3px var(--ui-shadow-ink);transform:translateY(1px)}.ui-btn:disabled{opacity:.5;cursor:default}.ui-panel{isolation:isolate;padding:var(--ui-space-6);background:repeating-linear-gradient(3deg,var(--ui-transparent) 0 3px,color-mix(in srgb,var(--ui-gold) 5%,transparent) 4px 5px),radial-gradient(ellipse at 30% 0,var(--ui-white),var(--ui-transparent) 65%),linear-gradient(135deg,var(--ui-paper),var(--ui-paper-warm));border:1px solid var(--ui-gold);border-radius:var(--ui-radius-md);box-shadow:inset 0 0 20px color-mix(in srgb,var(--ui-gold) 15%,transparent),0 8px 22px var(--ui-shadow-ink);min-width:0;position:relative}.ui-panel:before{content:"";border:1px solid var(--ui-glint);border-radius:var(--ui-radius-sm);pointer-events:none;z-index:-1;position:absolute;inset:5px}.ui-panel:after{content:"";pointer-events:none;background:linear-gradient(var(--ui-gold),var(--ui-gold)) left top/14px 2px no-repeat,linear-gradient(var(--ui-gold),var(--ui-gold)) left top/2px 14px no-repeat,linear-gradient(var(--ui-gold),var(--ui-gold)) right top/14px 2px no-repeat,linear-gradient(var(--ui-gold),var(--ui-gold)) right top/2px 14px no-repeat,linear-gradient(var(--ui-gold),var(--ui-gold)) left bottom/14px 2px no-repeat,linear-gradient(var(--ui-gold),var(--ui-gold)) left bottom/2px 14px no-repeat,linear-gradient(var(--ui-gold),var(--ui-gold)) right bottom/14px 2px no-repeat,linear-gradient(var(--ui-gold),var(--ui-gold)) right bottom/2px 14px no-repeat;position:absolute;inset:3px}.ui-panel>h2{margin:calc(-1 * var(--ui-space-3)) 0 var(--ui-space-4) calc(-1 * var(--ui-space-6) - 5px);padding:var(--ui-space-1) var(--ui-space-6);background:linear-gradient(var(--ui-navy-light),var(--ui-navy-deep));color:var(--ui-paper);border:1px solid var(--ui-gold);box-shadow:0 3px 6px var(--ui-shadow-ink);letter-spacing:.06em;display:table;position:relative}.ui-panel>h2:after{content:"";background:var(--ui-accent,var(--ui-gold-light));border:1px solid var(--ui-gold-light);width:5px;height:5px;position:absolute;top:50%;right:6px;transform:translateY(-50%)rotate(45deg)}.ui-tabs{gap:var(--ui-space-1);padding-top:var(--ui-space-1);border-bottom:1px solid var(--ui-gold);flex-wrap:wrap;display:flex}.ui-tabs .ui-btn{border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;border-top:3px solid var(--ui-gold);box-shadow:inset 0 1px 0 var(--ui-glint);margin-bottom:-1px}.ui-tabs [aria-selected=true]{background:linear-gradient(var(--ui-navy-light),var(--ui-navy));color:var(--ui-paper);border-bottom-color:var(--ui-navy)}.ui-row{align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-3) 0;border-bottom:1px solid var(--ui-line);display:flex}.ui-row-content{flex:1;min-width:0}.ui-stat{align-items:center;gap:var(--ui-space-4);background-image:linear-gradient(color-mix(in srgb,var(--ui-accent,var(--ui-gold)) 8%,transparent),color-mix(in srgb,var(--ui-accent,var(--ui-gold)) 8%,transparent)),linear-gradient(var(--ui-paper),var(--ui-paper-warm));display:flex}.ui-stat-medal{width:52px;height:52px;color:var(--ui-glint);background:radial-gradient(at 30% 20%,color-mix(in srgb,var(--ui-accent,var(--ui-gold)) 65%,white),var(--ui-accent,var(--ui-gold)));border:2px solid var(--ui-gold);box-shadow:inset 0 0 0 3px var(--ui-paper),0 3px 8px var(--ui-shadow-ink);border-radius:50%;flex:none;place-items:center;display:grid}.ui-stat-medal .glyph{width:28px;height:28px}.ui-stat-copy{gap:var(--ui-space-1);flex-direction:column;display:flex}.ui-stat strong{font:900 var(--ui-f-number)/1.2 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ui-accent,var(--ui-navy));text-shadow:0 1px 0 var(--ui-white)}.ui-badge{padding:var(--ui-space-1) var(--ui-space-2);font-size:var(--ui-f-help);border:1px solid var(--ui-gold);border-radius:var(--ui-radius-sm);background:color-mix(in srgb,var(--ui-accent,var(--ui-gold)) 10%,var(--ui-paper));color:var(--ui-accent,var(--ui-achievement));box-shadow:inset 0 0 0 1px var(--ui-glint);align-items:center;font-weight:700;display:inline-flex}.ui-topbar{align-items:center;gap:var(--ui-space-3);min-height:var(--ui-topbar);padding:var(--ui-space-2) var(--ui-space-6);background:linear-gradient(var(--ui-navy-light),var(--ui-navy-deep));color:var(--ui-paper);border-bottom:4px double var(--ui-gold);box-shadow:0 5px 16px var(--ui-shadow-ink);grid-template-columns:1fr auto 1fr;display:grid;position:relative}.ui-topbar:after{content:"";border:1px solid var(--ui-gold);background:var(--ui-navy);width:10px;height:10px;position:absolute;bottom:-7px;left:calc(50% - 5px);transform:rotate(45deg)}.ui-topbar h1{font:900 var(--ui-f-subtitle)/1.3 var(--font-display);letter-spacing:.16em;color:var(--ui-gold-light);text-shadow:0 2px 2px var(--ui-navy-deep)}.ui-topbar .ui-btn{border:1px solid var(--ui-gold);width:40px;height:40px;color:var(--ui-paper);background:var(--ui-navy-deep);font-size:var(--ui-f-subtitle);box-shadow:inset 0 0 0 2px var(--ui-navy-light);border-radius:50%;justify-self:start}.ui-wallet{font-size:var(--ui-f-help);color:var(--ui-gold-light);justify-self:end}.ui-empty{text-align:center;justify-items:center;gap:var(--ui-space-3);padding:var(--ui-space-3);display:grid}.ui-empty-mark{font-size:var(--ui-f-number);color:var(--ui-gold);text-shadow:0 2px 2px var(--ui-gold-deep)}.ui-dialog{border:3px double var(--ui-gold);border-radius:var(--ui-radius-lg);padding:var(--ui-space-6);background:linear-gradient(var(--ui-paper),var(--ui-paper-warm));width:min(560px,90vw);max-height:85dvh;box-shadow:var(--ui-shadow-lg);color:var(--ui-ink);margin:auto;position:fixed;inset:0;overflow:auto}.ui-dialog header{justify-content:space-between;align-items:center;gap:var(--ui-space-4);margin-bottom:var(--ui-space-4);display:flex}.ui-toast{z-index:110;right:var(--ui-space-4);top:calc(var(--ui-topbar) + var(--ui-space-4));max-width:min(400px,90vw);color:var(--ui-paper);background:linear-gradient(var(--ui-navy-light),var(--ui-navy-deep));border:2px solid var(--ui-gold);box-shadow:var(--ui-shadow-md);animation:ui-toast-in var(--ui-page) ease-out;position:fixed}.ui-toast .ui-row{border:0;padding:0}.ui-toast .ui-btn{color:var(--ui-paper)}.ui-toast-icon{width:28px;height:28px;color:var(--ui-gold-light);flex:none}@keyframes ui-toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}@media (height<=500px){.ui-btn{min-width:36px;min-height:36px;padding:var(--ui-space-1) var(--ui-space-3)}.ui-panel{padding:var(--ui-space-3)}.ui-panel>h2{margin:calc(-1 * var(--ui-space-1)) 0 var(--ui-space-2) calc(-1 * var(--ui-space-3) - 4px);padding:var(--ui-space-1) var(--ui-space-4)}.ui-stat{gap:var(--ui-space-2)}.ui-stat-medal{width:40px;height:40px}.ui-stat-medal .glyph{width:22px;height:22px}.ui-topbar{padding:var(--ui-space-1) var(--ui-space-4)}.ui-topbar .ui-btn{width:36px;height:36px}.ui-empty{gap:var(--ui-space-1);padding:var(--ui-space-1)}}@media (prefers-reduced-motion:reduce){.ui-kit *{transition:none!important;animation:none!important}}.ui-badge{gap:var(--ui-space-1);background:color-mix(in srgb,var(--ui-accent,var(--ui-gold)) 16%,var(--ui-paper));border-radius:999px}.ui-badge .glyph{flex:none;width:16px;height:16px}.ui-empty-art{object-fit:contain;width:104px;height:104px}.nav-dot{background:var(--ui-mistakes);width:8px;height:8px;box-shadow:0 0 0 2px var(--ui-paper);border-radius:50%;flex:none;display:inline-block}@media (height<=500px){.ui-empty-art{width:48px;height:48px}}.ui-badge{color:color-mix(in srgb,var(--ui-accent,var(--ui-achievement)) 70%,var(--ui-navy))}.ui-empty{text-align:left;grid-template-columns:104px minmax(0,1fr);place-items:center start}.ui-empty-art{grid-row:1/span 3}.ui-empty>:not(img){grid-column:2}@media (height<=500px){.ui-empty{grid-template-columns:48px minmax(0,1fr)}}html.big-text{--ui-f-title:30px;--ui-f-subtitle:20px;--ui-f-body:17px;--ui-f-help:14px}@media (height<=500px){html.big-text{--ui-f-title:24px;--ui-f-subtitle:18px;--ui-f-body:15px;--ui-f-help:12px}}.card{--tc:var(--atk);--ph-hi:#ffd08a;--ph-lo:#8a3f12;--ph-glow:#ffc46be6;--lift:drop-shadow(0 6px 8px #0e183861);width:var(--card-w,160px);aspect-ratio:420/582;color:var(--ink);text-align:center;filter:var(--lift);background:0 0;border:0;flex:none;padding:0;transition:filter .15s;display:block;position:relative;container-type:inline-size}.card.t-skill{--tc:var(--skl);--ph-hi:#a6efff;--ph-lo:#173f86;--ph-glow:#8fe9fff2}.card.t-power{--tc:var(--pow);--ph-hi:#e2d4ff;--ph-lo:#3e2584;--ph-glow:#d9c8fff2}.card.t-mistake{--tc:var(--red)}.c-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.c-art{border-radius:3%;place-items:center;display:grid;position:absolute;inset:22.4% 13% 30.2% 15.4%;overflow:hidden;box-shadow:inset 0 0 6px #0a143299}.c-art img{object-fit:cover;width:100%;height:100%}.c-art.ph{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--ph-hi) 70%, transparent), transparent 55%), repeating-linear-gradient(135deg, #ffffff0d 0 6px, transparent 6px 12px), radial-gradient(circle at 50% 40%, var(--ph-hi), var(--ph-lo) 78%);color:#fffffff0}.c-art .glyph{width:44%;height:44%;filter:drop-shadow(0 0 7px var(--ph-glow)) drop-shadow(0 2px 0 #00000040)}.c-tab{aspect-ratio:1;background:linear-gradient(135deg, color-mix(in srgb, var(--tc) 60%, #fff), var(--tc));clip-path:polygon(0 0,100% 0,100% 100%);width:9.5%;position:absolute;top:3.6%;right:4.2%}.c-cost{aspect-ratio:1;width:18.4%;color:var(--royal-deep);font:800 12.5cqw/1 var(--font-num);text-shadow:0 1px #fff;place-items:center;display:grid;position:absolute;top:6.7%;left:8.3%}.card.t-mistake .c-cost{color:var(--red)}.c-name{height:8.2%;color:var(--royal-deep);font:800 8.6cqw/1 var(--font-display);letter-spacing:.04em;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;top:10.6%;left:34%;right:13%;overflow:hidden}.card.t-mistake .c-name{color:#8e1f18;font-size:6.4cqw}.card.up .nm{color:#a26c00;text-shadow:0 0 6px #ffdc78e6}.c-type{color:#eaf6ff;font:700 5.2cqw/1.1 var(--font-body);white-space:nowrap;background:linear-gradient(#0000,#0a1432d1);padding:3cqw 2cqw 1.4cqw;position:absolute;bottom:30.2%;left:15.4%;right:13%}.c-type .dots{color:#ffb0a6;letter-spacing:-.4cqw;margin-left:1.5cqw;font-style:normal}.c-desc{font:600 5.5cqw/1.2 var(--font-body);flex-direction:column;justify-content:center;gap:.6cqw;display:flex;position:absolute;inset:74.8% 11.6% 9.6% 14.4%}.c-desc .line b{margin-right:1cqw}.c-desc .ok{color:#13734a}.c-desc .bad{color:#b8322a}.card .badge{background:var(--ok);color:#fff;font:700 6cqw/1.7 var(--font-body);border-radius:99px;padding:0 3cqw;position:absolute;top:-2%;right:-3%;box-shadow:0 0 8px #5fd69bcc}.card.playable{filter:drop-shadow(0 0 1px #f2fdff) drop-shadow(0 0 6px #4fdcfff2) var(--lift)}.card.sel,.card.armed{filter:drop-shadow(0 0 2px #fff6c8) drop-shadow(0 0 12px var(--gold-hi)) var(--lift)}.card.dim{filter:grayscale(.55) brightness(.8) var(--lift)}.card.res-ok{filter:drop-shadow(0 0 3px #e6fff1) drop-shadow(0 0 18px #5fd69b) var(--lift)}.card.res-crit{filter:drop-shadow(0 0 4px #fffaf0) drop-shadow(0 0 22px var(--gold)) var(--lift);animation:.32s ease-out res-pop}.card.res-wrong{filter:drop-shadow(0 0 3px #ffd6d0) drop-shadow(0 0 16px var(--red)) grayscale(.3) var(--lift);animation:.32s shake}@keyframes res-pop{40%{scale:1.08}}.card-back{aspect-ratio:5/7;border:2px solid var(--gold);width:100%;color:var(--gold-hi);background:linear-gradient(160deg,#2c4a9a,#172a5e 70%);border-radius:9%/6.5%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #172a5ee6,inset 0 0 0 3.5px #f6dc8c80,0 2px 5px #0e183866}.card-back img{object-fit:cover;width:100%;height:100%}.card-back.has-img{box-shadow:none;filter:drop-shadow(0 2px 4px #0e183873);background:0 0;border:0;border-radius:0;overflow:visible}.cb-inner{background:linear-gradient(#4fdcff1f 1px,#0000 1px) 0 0/10% 7%,linear-gradient(90deg,#4fdcff1f 1px,#0000 1px) 0 0/10% 7%;border:1px solid #4fdcff73;border-radius:8%;position:absolute;inset:12%}.cb-crest{filter:drop-shadow(0 0 4px #f6dc8cb3);width:56%;position:absolute;top:28%;left:22%}.cb-grid{color:var(--gold-deep);background:linear-gradient(#1fa9d640 1px,#0000 1px) 0 0/12% 8.5%,linear-gradient(90deg,#1fa9d640 1px,#0000 1px) 0 0/12% 8.5%,#fbf7ee}.cb-grid .cb-inner{background:0 0;border-color:#a97a1e80}.cb-kraft{color:#8e1f18;background:radial-gradient(circle at 30% 20%,#d9b98a,#b58a55 80%)}.cb-kraft .cb-inner{background:linear-gradient(45deg,#0000 48%,#6e4a22 48% 52%,#0000 52%),linear-gradient(-45deg,#0000 48%,#6e4a22 48% 52%,#0000 52%);border:0}.cb-starry{color:var(--holo);background:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 40% 75%,#c8f6ff,#0000),radial-gradient(1px 1px at 80% 65%,#fff,#0000),linear-gradient(170deg,#0f1d48,#091231)}.cb-starry .cb-inner{background:0 0;border-color:#4fdcff4d}.c-desc .kp-only{color:#7a4f00;white-space:nowrap;text-overflow:ellipsis;font-size:5cqw;font-weight:800;overflow:hidden}.card .badge.old{background:var(--red);left:30%;right:auto;box-shadow:0 0 8px #d8433ab3}.battle-stage{--card-h:clamp(150px, 31vh, 264px);--card-w:calc(var(--card-h) * .722);--hero-h:clamp(150px, 40vh, 380px);--hand-sink:.04;--ground:calc(var(--card-h) * 1.18);isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}@media (height<=500px){.battle-stage{--card-h:36vh;--hero-h:42vh;--hand-sink:.16;--ground:calc(var(--card-h) * 1.02)}}.bg{z-index:-2;transform:translate(calc(var(--px,0) * -12px), calc(var(--py,0) * -7px)) scale(1.02);background:50% 62%/cover no-repeat;transition:transform .4s ease-out,filter 1s;position:absolute;inset:-3%}.bg-shade{z-index:-1;pointer-events:none;background:linear-gradient(#0e1a3e6b,#0000 16% 58%,#0e1a3e8c),radial-gradient(120% 80% at 50% 45%,#0000 60%,#0e1a3e59);position:absolute;inset:0}.bg[data-tone=classroom]{filter:sepia(.22)saturate(1.08)hue-rotate(-10deg)brightness(.95)}.bg-shade[data-tone=classroom]{background:linear-gradient(115deg,#ffc47838,#0000 45%),linear-gradient(#3c221457,#0000 16% 58%,#341e1680),radial-gradient(120% 80% at 50% 45%,#0000 60%,#341e1652)}.bg[data-tone=library]{filter:sepia(.45)saturate(1.15)hue-rotate(-14deg)brightness(.86)}.bg-shade[data-tone=library]{background:radial-gradient(60% 50% at 30% 20%,#ffbe5a33,#0000 70%),linear-gradient(#301a0a6b,#0000 18% 56%,#2c180a94),radial-gradient(120% 80% at 50% 45%,#0000 55%,#2c180a66)}.bg[data-tone=lab]{filter:hue-rotate(-38deg)saturate(.9)brightness(.88)}.bg-shade[data-tone=lab]{background:linear-gradient(#08302e73,#0000 18% 56%,#06282894),radial-gradient(120% 80% at 50% 45%,#0000 55%,#06282866)}.bg[data-tone=rooftop]{filter:sepia(.35)saturate(1.3)hue-rotate(-28deg)brightness(.9)}.bg-shade[data-tone=rooftop]{background:linear-gradient(#ff80464d,#ff804614 40%,#0000 60%,#3c184699),radial-gradient(120% 80% at 50% 45%,#0000 55%,#3c184666)}.bg[data-tone=midterm]{filter:saturate(.65)brightness(.84)}.bg-shade[data-tone=midterm]{background:linear-gradient(#5a0e1273,#0000 20% 55%,#280a0c9e),radial-gradient(120% 80% at 50% 45%,#0000 50%,#460a0e6b)}.battle-stage.lost .bg,.battle-stage.lost .arena{filter:grayscale(.85)brightness(.8);transition:filter 1.2s}.arena{position:absolute;inset:0}.hero-slot{left:21vw;bottom:var(--ground);width:calc(var(--hero-h) * .8);height:var(--hero-h);position:absolute;transform:translate(-50%)}.hero-actor,.h-body{position:absolute;inset:0}.h-breath{transform-origin:50% 100%;animation:2.6s ease-in-out infinite breathe;position:absolute;inset:0}.h-breath.still{animation:none}.hero-fig{--fp:calc(var(--hero-h) / 733);pointer-events:none;position:absolute;inset:0}.h-rig{position:absolute}.h-rig .h-img{filter:drop-shadow(0 6px 6px #14224a40);width:100%;max-width:none;height:100%;position:absolute;inset:0}.h-weapon{filter:drop-shadow(0 4px 4px #14224a4d)drop-shadow(0 0 6px #4fdcff59);max-width:none;height:auto;position:absolute}.h-weapon.swing{animation:.34s ease-out w-swing}.h-weapon.chop{animation:.5s cubic-bezier(.4,0,.6,1) forwards w-chop}.h-weapon.recoil{animation:.3s ease-out w-recoil}.h-weapon.cast{filter:drop-shadow(0 0 14px var(--holo)) brightness(1.2);animation:.45s ease-out w-cast}@keyframes w-swing{0%{rotate:-60deg}55%{rotate:14deg}to{rotate:0deg}}@keyframes w-chop{0%,55%{rotate:0deg}80%{rotate:155deg}to{rotate:140deg}}@keyframes w-recoil{0%{rotate:0deg}25%{rotate:-14deg}to{rotate:0deg}}@keyframes w-cast{0%{rotate:0deg}40%{rotate:-24deg}to{rotate:0deg}}.h-body.hurt .h-img{animation:.38s flash-red}.h-body.fallen .h-breath{transform-origin:50% 100%;transition:transform .5s cubic-bezier(.5,0,.9,.6);animation:none;transform:rotate(-82deg)translate(-8%,20%)}.h-body.jump .h-breath{animation:.6s cubic-bezier(.3,1.4,.5,1) hero-jump}@keyframes hero-jump{40%{transform:translateY(-14%)scale(1.04)}}.h-shadow{left:50%;bottom:calc(var(--hero-h) * -.035);width:62%;height:calc(var(--hero-h) * .09);background:radial-gradient(closest-side,#282e6e61,#0000);border-radius:50%;position:absolute;transform:translate(-50%)}.h-circle{left:50%;bottom:calc(var(--hero-h) * -.1);width:120%;height:calc(var(--hero-h) * .32);fill:none;stroke:var(--holo);stroke-width:3px;filter:drop-shadow(0 0 6px var(--holo));animation:.64s ease-out forwards circle-in;position:absolute;overflow:visible;translate:-50%}.h-circle circle:nth-child(2){transform-origin:100px 100px;animation:1.6s linear infinite spin}@keyframes circle-in{0%{opacity:0;transform:scale(.3)rotate(-60deg)}30%{opacity:1}to{opacity:0;transform:scale(1.05)rotate(20deg)}}.h-shield{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#8fe9ff2e 1px,#0000 1px) 0 0/14px 12px,radial-gradient(closest-side,#4fdcff0d,#4fdcff66);border:3px solid #8fe9ffe6;width:70%;height:76%;animation:.46s ease-out forwards shield-up;position:absolute;top:18%;left:58%;translate:-50%}@keyframes shield-up{0%{opacity:0;scale:.6}30%{opacity:1;scale:1.05}to{opacity:0;scale:1.1}}.h-pillar{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6d8bf 35%,#fffaf0 50%,#fff6d8bf 65%,#0000);width:70%;height:160%;animation:1.2s ease-out forwards pillar;position:absolute;bottom:-4%;left:50%;translate:-50%;-webkit-mask:linear-gradient(#0000,#000 30% 90%,#0000);mask:linear-gradient(#0000,#000 30% 90%,#0000)}@keyframes pillar{0%{opacity:0;transform:scaleX(.2)}25%{opacity:1;transform:scaleX(1)}to{opacity:.5;transform:scaleX(.9)}}.hero-info{flex-direction:column;gap:4px;width:clamp(150px,15vw,220px);display:flex;position:absolute;top:calc(100% + 6px);left:50%;translate:-50%}@keyframes breathe{50%{transform:scale(1.012,1.022)}}@keyframes flash-red{30%{filter:drop-shadow(0 0 12px #ff5a4a)brightness(1.2)saturate(1.3)}}@keyframes spin{to{rotate:360deg}}.enemies{right:4vw;bottom:var(--ground);justify-content:space-evenly;align-items:flex-end;width:52vw;display:flex;position:absolute}.enemy{height:calc(var(--hero-h) * var(--eh));width:calc(var(--hero-h) * var(--ew));color:var(--ink);background:0 0;border:0;padding:0;position:relative}.enemy:disabled{cursor:default}.enemy.gone .e-over,.enemy.gone .e-info,.enemy.gone .e-shadow{visibility:hidden}.enemy.dead .e-over,.enemy.dead .e-info{opacity:0;transition:opacity .3s}.e-body{position:absolute;inset:0}.e-bob{transform-origin:50% 100%;animation:2.8s ease-in-out infinite bob;position:absolute;inset:0}.e-bob.aura{filter:drop-shadow(0 0 14px var(--gold-hi)) brightness(1.15);transition:filter .2s;animation:none}.e-img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 6px #14224a40);width:100%;height:100%;transition:filter .15s}.sprite{font-size:calc(var(--hero-h) * .5);place-items:end center;line-height:1;display:grid;position:absolute;inset:0}.enemy.aimed .e-img,.battle-stage.aiming .enemy:not(.dead):hover .e-img{filter:drop-shadow(0 0 2px #fff6c8) drop-shadow(0 0 10px var(--gold-hi)) drop-shadow(0 0 22px #f6dc8cb3)}.e-body.hit .e-img{animation:.3s flash-white}.e-body.hit{animation:.36s ease-out knock}@keyframes flash-white{12%{filter:drop-shadow(0 0 14px #fff)brightness(2.6)saturate(.4)}40%{filter:drop-shadow(0 0 8px #fff)brightness(1.4)}}@keyframes knock{18%{translate:22px -5px;scale:.94 1.05}45%{translate:9px -1px;scale:1.02 .98}}@keyframes bob{50%{transform:translateY(-2.5%)scale(1.01,.995)}}.e-shadow{left:50%;bottom:calc(var(--hero-h) * -.035);width:78%;height:calc(var(--hero-h) * .09);background:radial-gradient(closest-side,#282e6e61,#0000);border-radius:50%;position:absolute;translate:-50%}.enemy.elite .e-shadow,.enemy.boss .e-shadow{background:radial-gradient(closest-side,#d9a93a73,#282e6e4d 60%,#0000)}.e-over{pointer-events:none;flex-direction:column-reverse;align-items:center;gap:6px;width:max(100%,180px);display:flex;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50%}.enemy.boss .e-over{flex-direction:column;align-items:flex-end;width:clamp(180px,18vw,250px);inset:9% 94% auto auto;translate:0}.e-info{flex-direction:column;align-items:center;gap:3px;width:clamp(130px,13vw,200px);display:flex;position:absolute;top:calc(100% + 6px);left:50%;translate:-50%}.ename{border:1px solid var(--gold);background:linear-gradient(180deg, var(--royal), var(--royal-2));color:var(--ivory);font:800 13px/1.6 var(--font-display);letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:0 12px}.enemy.elite .ename,.enemy.boss .ename{color:var(--gold-hi)}.intent{--ic:var(--gold-hi);--ib:linear-gradient(135deg, #fff1bf, var(--gold) 55%, var(--gold-deep));pointer-events:auto;align-items:center;gap:5px;animation:2s ease-in-out infinite intent-bob;display:inline-flex}.intent.i-buff,.intent.i-attack.has-block{--ic:var(--holo)}.intent.i-buff{--ib:linear-gradient(135deg, #e6fdff, var(--holo) 55%, var(--holo-2))}.intent.i-debuff{--ic:#d9c8ff;--ib:linear-gradient(135deg, #f0e8ff, #a99cff 55%, var(--pow))}.intent.i-quiz{--ic:#c8f6ff;--ib:linear-gradient(135deg, #e6fdff, #4fdcff 55%, #1f6fb0)}.i-gem{background:var(--ib);width:34px;height:34px;box-shadow:0 0 0 2px #172a5ed9, 0 0 14px color-mix(in srgb, var(--ic) 70%, transparent);border:2px solid #fff6d8;border-radius:6px;place-items:center;display:grid;rotate:45deg}.i-gem .glyph{width:20px;height:20px;color:var(--royal-deep);rotate:-45deg}.i-num,.i-extra,.i-name{font:800 22px/1 var(--font-num);color:#fff;-webkit-text-stroke:1px var(--royal-deep);text-shadow:0 2px 0 var(--royal-deep), 0 0 8px #172a5e99;white-space:nowrap}.i-extra{color:var(--blk);align-items:center;gap:2px;font-size:16px;display:inline-flex}.i-extra .glyph{width:15px;height:15px}.i-name{font:800 13px/1 var(--font-display);color:var(--ic);-webkit-text-stroke:0;text-shadow:none;background:#0e1a3ebf;border-radius:999px;padding:3px 8px}@keyframes intent-bob{50%{translate:0 -4px}}.holo-q{border:1.5px solid var(--holo);color:#eafaff;background:linear-gradient(#123866eb,#185284e0);border-radius:8px;width:min(100%,230px);padding:5px 8px;font-size:13px;font-weight:700;line-height:1.35;display:block;box-shadow:0 0 16px #4fdcff80,inset 0 0 12px #4fdcff33}.holo-q small{color:var(--holo);font-size:10px;font-weight:400;display:block}.holo-q .hq-stem{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hp{border:1.5px solid var(--gold);background:#101634d9;border-radius:8px;width:100%;height:15px;display:block;position:relative;box-shadow:0 2px 6px #0e183866}.hp.has-blk{border-color:var(--blk);box-shadow:0 0 8px #8fd3f2d9}.hp-ghost,.hp-fill{border-radius:6px;position:absolute;top:0;bottom:0;left:0}.hp-ghost{background:#fff3e6;transition:width .6s ease-in .35s}.hp-fill{background:linear-gradient(180deg, #ff9a8c, var(--hp) 60%, #b8322a);transition:width .18s ease-out}.hp-num{font:700 11px/12px var(--font-num);text-align:center;color:#fff;text-shadow:0 1px 2px #000000b3;position:absolute;inset:0}.hp .blk{width:30px;height:32px;color:var(--blk);filter:drop-shadow(0 0 4px #4fdcffcc) drop-shadow(0 1px 0 var(--royal-deep));place-items:center;display:grid;position:absolute;top:50%;left:-16px;translate:0 -50%}.hp .blk .glyph{width:100%;height:100%;position:absolute;inset:0}.hp .blk b{font:800 13px/1 var(--font-num);color:var(--royal-deep);position:relative}.blk-pop-enter-active{animation:.3s ease-out blk-pop}.blk-pop-leave-active{transition:opacity .2s;position:absolute}.blk-pop-leave-to{opacity:0}@keyframes blk-pop{0%{opacity:0;scale:1.6}60%{opacity:1;scale:.92}}.chips{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.chip{color:var(--ivory);background:#172a5ee0;border-radius:999px;padding:0 7px;font-size:11px;line-height:18px;box-shadow:0 0 0 1px #f6dc8c73}.chip.bad{color:#ffb0a6}.chip.good{color:var(--holo)}.chip.crit{color:var(--gold-hi)}.dock{height:var(--card-h);pointer-events:none;position:absolute;inset:auto 0 0}.dock>*{pointer-events:auto}.hand{left:15vw;right:15vw;bottom:calc(var(--card-h) * var(--hand-sink) * -1);height:var(--card-h);z-index:5;position:absolute}.card-probe{visibility:hidden;width:var(--card-w);height:var(--card-h);pointer-events:none;position:absolute}.h-slot{width:var(--card-w);height:var(--card-h);transform-origin:50% 100%;touch-action:none;transition:transform .2s cubic-bezier(.2,.8,.3,1);position:absolute;bottom:0;left:0}.h-slot .card{width:100%}.hand.dragging .h-slot{transition-duration:.12s}.hint{z-index:12;color:var(--ivory-dim);white-space:nowrap;pointer-events:none;background:#0e1a3e8c;border-radius:999px;padding:2px 14px;font-size:13px;position:absolute;top:10px;left:50%;translate:-50%}.hint:empty{display:none}.streak{color:var(--gold-hi);margin-right:10px;font-weight:700}.turn-tag{z-index:12;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%);border-left:3px solid var(--gold);color:var(--ivory);font:700 14px/1.6 var(--font-display);letter-spacing:.1em;pointer-events:none;background:linear-gradient(90deg,#172a5eeb,#2c4a9acc);padding:3px 16px 3px 12px;position:absolute;top:10px;left:2vw}.turn-tag b{color:var(--gold-hi);font-family:var(--font-num);font-size:17px}.dock-orb{left:3.5vw;bottom:calc(var(--card-h) * .48);z-index:6;position:absolute}.orb{width:calc(var(--card-h) * .5);aspect-ratio:1;filter:drop-shadow(0 0 14px #4fdcff99);position:absolute}.orb.empty{filter:saturate(.3)brightness(.8)}.orb-svg{width:100%;height:100%;overflow:visible}.orb-ring{transform-origin:50px 50px;animation:18s linear infinite spin}.orb-swirl{transform-origin:50px 50px;animation:6s linear infinite reverse spin}.orb-num{color:var(--royal-deep);grid-auto-flow:column;place-content:center;align-items:baseline;display:grid;position:absolute;inset:0}.orb-num b{font:800 calc(var(--card-h) * .2) / 1 var(--font-num);text-shadow:0 1px #e6fdff,0 0 8px #fff}.orb-num small{font:700 calc(var(--card-h) * .08) / 1 var(--font-num)}.pile{z-index:6;width:calc(var(--card-h) * .3);background:0 0;border:0;padding:0;position:absolute;bottom:10px}.pile.draw{left:1.6vw}.pile.discard{right:1.6vw}.pile-stack{display:block;position:relative}.pile-stack .card-back:not(:first-child){position:absolute;inset:0}.pile-stack .card-back:nth-child(2){translate:3px -3px}.pile-stack .card-back:nth-child(3){translate:6px -6px}.pile.discard .card-back{filter:saturate(.6)brightness(.85)}.pile-n{border:2px solid var(--gold);background:var(--royal-deep);min-width:28px;color:var(--ivory);font:800 15px/22px var(--font-num);border-radius:999px;padding:0 6px;position:absolute;bottom:-4px;right:-8px}.pile-label{z-index:1;color:var(--ivory);white-space:nowrap;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;top:-16px;left:50%;translate:-50%}.pile:hover .card-back{box-shadow:0 0 12px var(--holo)}.end-turn{right:3vw;bottom:calc(var(--card-h) * .62);z-index:6;min-width:calc(var(--card-h) * .62);border:2px solid var(--gold-deep);background:linear-gradient(180deg, #fff1bf, var(--gold-hi) 25%, var(--gold) 70%, var(--gold-deep));color:var(--royal-deep);font:900 17px/1.1 var(--font-display);letter-spacing:.08em;border-radius:999px;padding:10px 18px;transition:transform .1s,filter .2s;position:absolute;box-shadow:0 4px #7d5a14,0 6px 16px #0e183873,inset 0 1px #ffffffb3}.end-turn small{font:700 10px/1 var(--font-num);opacity:.6;display:block}.end-turn:hover:not(:disabled){filter:brightness(1.08) drop-shadow(0 0 10px var(--gold-hi))}.end-turn:active:not(:disabled){transform:translateY(3px)}.end-turn:disabled{color:#c9d3ec;background:linear-gradient(#5d6a92,#39456c);border-color:#39456c;box-shadow:0 4px #222b48}.end-turn.glow{animation:1.4s ease-in-out infinite end-glow}@keyframes end-glow{50%{box-shadow:0 4px 0 #7d5a14, 0 0 26px var(--gold-hi), inset 0 1px 0 #ffffffb3}}.play-zone{z-index:8;width:calc(var(--card-w) * 1.18);pointer-events:none;position:absolute;top:40%;left:50%;translate:-50% -50%}.pz-card .card{width:100%}.shuffle-layer{z-index:9;pointer-events:none;position:fixed;inset:0}.shuffle-card{width:calc(var(--card-h) * .22);position:fixed}.beam{z-index:31;transform-origin:0;height:10px;box-shadow:0 0 14px var(--holo), 0 0 30px #4fdcff99;pointer-events:none;background:linear-gradient(90deg,#c8f6ff4d,#c8f6ff 30%,#fff);border-radius:6px;position:fixed;translate:0 -50%}.beam.crit{background:linear-gradient(90deg, #fff1bf4d, var(--gold-hi) 30%, #fff);height:18px;box-shadow:0 0 18px var(--gold), 0 0 40px #f6dc8ccc}.proj.hero{background:radial-gradient(circle, #fff 0, #c8f6ff 30%, var(--holo-2) 70%, transparent 72%);box-shadow:0 0 20px var(--holo)}.proj.hero.crit{background:radial-gradient(circle, #fff 0, var(--gold-hi) 35%, var(--gold) 70%, transparent 72%);width:44px;height:44px;box-shadow:0 0 26px var(--gold)}.proj{z-index:31;pointer-events:none;background:radial-gradient(circle,#fff 0,#d9c8ff 30%,#7a5cc7 70%,#0000 72%);border-radius:50%;width:34px;height:34px;position:fixed;box-shadow:0 0 18px #a99cff}.turn-banner{z-index:20;pointer-events:none;justify-content:center;display:flex;position:absolute;top:36%;left:0;right:0}.tb-ribbon{border-block:2px solid #0000;border-image:linear-gradient(90deg, transparent, var(--gold-hi) 25%, var(--gold-hi) 75%, transparent) 1;width:100%;animation:tb-sweep var(--tb-ms) cubic-bezier(.2, .8, .3, 1) forwards;background:linear-gradient(90deg,#0000,#1f3577eb 18%,#2c4a9af5 50%,#1f3577eb 82%,#0000);flex-direction:column;align-items:center;padding:12px 0 10px;display:flex;box-shadow:0 0 30px #4fdcff40}.tb-title{font:900 clamp(26px, 6vh, 46px)/1.1 var(--font-display);letter-spacing:.3em;background:linear-gradient(180deg, #fffaf0 10%, var(--gold-hi) 50%, var(--gold));color:#0000;filter:drop-shadow(0 2px 0 var(--royal-deep));-webkit-background-clip:text;background-clip:text;padding-left:.3em}.tb-sub{color:var(--ivory-dim);letter-spacing:.2em;font-size:13px}.tb-enemy .tb-ribbon{background:linear-gradient(90deg,#0000,#6e1e28e0 18%,#962c34f0 50%,#6e1e28e0 82%,#0000)}.tb-enemy .tb-title{background:linear-gradient(#fff,#ffc1b9 60%,#ff7d6e);-webkit-background-clip:text;background-clip:text}.tb-boss .tb-title{font-size:clamp(32px,8vh,60px)}@keyframes tb-sweep{0%{opacity:0;transform:scaleX(.2)}16%{opacity:1;transform:scaleX(1)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8%)}}.aim-arrow{z-index:35;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}.aim-arrow .trail{fill:none;stroke:#4fdcff59;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--holo))}.aim-arrow .seg{fill:#b8f3ff;stroke:var(--royal-deep);stroke-width:2px;filter:drop-shadow(0 0 4px var(--holo));animation:.6s linear infinite seg-flow}.aim-arrow.locked .trail{stroke:#f6dc8c73;filter:drop-shadow(0 0 6px var(--gold))}.aim-arrow .head{fill:#c8f6ff;stroke:var(--royal-deep);stroke-width:2px;filter:drop-shadow(0 0 8px var(--holo))}.aim-arrow.locked .seg{fill:var(--gold-hi);filter:drop-shadow(0 0 5px var(--gold))}.aim-arrow.locked .head{fill:var(--gold-hi);filter:drop-shadow(0 0 10px var(--gold))}@keyframes seg-flow{0%,to{opacity:.35}50%{opacity:1}}.particles{z-index:32;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.fx{z-index:33;pointer-events:none;position:fixed;inset:0}.hurt-vignette{opacity:0;background:radial-gradient(#0000 55%,#d8281e73);position:absolute;inset:0}.float{font:900 calc(44px * var(--sz,1))/1 var(--font-num);white-space:nowrap;color:#fff6e6;--ol:#3b1206;text-shadow:2px 0 0 var(--ol), -2px 0 0 var(--ol), 0 2px 0 var(--ol), 0 -2px 0 var(--ol), 2px 2px 0 var(--ol), -2px 2px 0 var(--ol), 2px -2px 0 var(--ol), -2px -2px 0 var(--ol), 0 5px 0 var(--ol), 0 0 18px #ff8040d9;animation:1.2s cubic-bezier(.2,.7,.4,1) forwards dmg-arc;position:absolute;translate:-50% -50%}.float.dmg{color:#fff1dc}.float.dmg.on-me{color:#ff8476;--ol:#3a0712;text-shadow:2px 0 0 var(--ol), -2px 0 0 var(--ol), 0 2px 0 var(--ol), 0 -2px 0 var(--ol), 2px 2px 0 var(--ol), -2px 2px 0 var(--ol), 2px -2px 0 var(--ol), -2px -2px 0 var(--ol), 0 5px 0 var(--ol), 0 0 16px #ff3c3cb3}.float.crit{font-size:calc(68px * var(--sz,1));color:#ffe9a0;--ol:#4a2a00;text-shadow:3px 0 0 var(--ol), -3px 0 0 var(--ol), 0 3px 0 var(--ol), 0 -3px 0 var(--ol), 3px 3px 0 var(--ol), -3px 3px 0 var(--ol), 3px -3px 0 var(--ol), -3px -3px 0 var(--ol), 0 6px 0 var(--ol), 0 0 26px var(--gold), 0 0 6px #fff;animation-name:crit-arc;animation-duration:1.45s}.float.blk,.float.heal,.float.buff,.float.debuff,.float.ok{--ol:var(--royal-deep);text-shadow:2px 0 0 var(--ol), -2px 0 0 var(--ol), 0 2px 0 var(--ol), 0 -2px 0 var(--ol), 0 4px 0 var(--ol), 0 0 12px #172a5e99;animation-name:rise;animation-duration:1.1s}.float.blk{color:#b8f0ff;font-size:26px}.float.heal{color:var(--ok-hi);font-size:28px}.float.buff{color:var(--gold-hi);font:800 20px/1 var(--font-display)}.float.debuff{color:#e2d4ff;font:800 20px/1 var(--font-display)}.float.ok{color:var(--gold-hi);font:800 24px/1 var(--font-display)}.f-label{font:900 20px/1 var(--font-display);letter-spacing:.24em;color:#fff;text-shadow:0 2px 0 #4a2a00, 0 0 10px var(--gold);margin-bottom:4px;display:block}@keyframes dmg-arc{0%{opacity:0;transform:translate(0)scale(2.3)}7%{transform:translate(calc(var(--dx) * .08), -14px) scale(.88);opacity:1}14%{transform:translate(calc(var(--dx) * .14), -26px) scale(1.08)}22%{transform:translate(calc(var(--dx) * .2), -34px) scale(1)}62%{transform:translate(calc(var(--dx) * .6), -58px) scale(1);opacity:1}to{transform:translate(var(--dx), 34px) scale(.8);opacity:0}}@keyframes crit-arc{0%{opacity:0;transform:translateY(-10px)scale(3)}8%{opacity:1;transform:translateY(-20px)scale(.86)}13%{transform:translate(-4px,-26px)scale(1.14)rotate(-4deg)}18%{transform:translate(4px,-30px)scale(1)rotate(3deg)}24%{transform:translateY(-34px)scale(1.04)rotate(0)}66%{transform:translate(calc(var(--dx) * .5), -64px) scale(1);opacity:1}to{transform:translate(var(--dx), 30px) scale(.85);opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(1.5)}12%{opacity:1;transform:translateY(-12px)scale(1)}65%{opacity:1;transform:translateY(-46px)}to{opacity:0;transform:translateY(-80px)}}.float.slash{border-top:8px solid var(--gold-hi);-webkit-text-stroke:0;width:170px;height:170px;text-shadow:none;filter:drop-shadow(0 0 12px var(--gold)) drop-shadow(0 0 4px #fff);border-right:3px solid #0000;border-radius:50%;animation:.48s ease-out forwards slash}.float.slash.small{width:110px;height:110px;filter:drop-shadow(0 0 7px var(--holo));border-top:5px solid #fff}@keyframes slash{0%{opacity:0;transform:rotate(-100deg)scale(.6)}30%{opacity:1}to{opacity:0;transform:rotate(30deg)scale(1.15)}}.float.shield{border:3px solid var(--holo);-webkit-text-stroke:0;width:120px;height:120px;text-shadow:none;background:radial-gradient(closest-side,#0000 60%,#4fdcff59);border-radius:50%;animation:.48s ease-out forwards shield}@keyframes shield{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.float.impact{mix-blend-mode:screen;-webkit-text-stroke:0;width:150px;height:150px;text-shadow:none;background:radial-gradient(closest-side,#fffffff2,#bef0ff8c 45%,#0000 72%);border-radius:50%;animation:.32s ease-out forwards impact}.float.impact.gold{background:radial-gradient(closest-side,#fff,#ffd66ebf 40%,#0000 72%);width:240px;height:240px;animation-duration:.4s}@keyframes impact{0%{opacity:1;transform:scale(.25)}40%{opacity:.9}to{opacity:0;transform:scale(1.25)}}@keyframes shake{25%{translate:-6px}50%{translate:5px}75%{translate:-3px}}@media (height<=500px){.hand{left:17vw;right:17vw}.float{font-size:calc(34px * var(--sz,1))}.float.crit{font-size:calc(50px * var(--sz,1))}.float.impact{width:100px;height:100px}.h-slot .card .c-desc,.h-slot .card .c-type{visibility:hidden}.hint,.pile-label{display:none}.holo-q{width:min(100%,180px);font-size:11px}.holo-q .hq-stem{-webkit-line-clamp:2}.i-gem{width:26px;height:26px}.i-num{font-size:17px}.ename{font-size:11px}.hp{height:12px}.end-turn{padding:6px 12px;font-size:14px}.e-info,.hero-info{width:120px}}.hand-preview{z-index:36;pointer-events:none;width:60.648vh;position:fixed;bottom:3vh;left:50%;translate:-50%}.hand-preview .card{width:100%}.q-modal{background:#0a122c8c}.q-wrap{justify-content:center;align-items:center;gap:clamp(14px,2.5vw,34px);width:100%;max-height:100%;display:flex}.q-cardside{flex:none;width:clamp(150px,17vw,230px);animation:.3s ease-out q-card-in}.q-cardside .card{width:100%}@keyframes q-card-in{0%{opacity:0;transform:translate(-30px)rotate(-6deg)}}.sheet.q-sheet{--q-ink:#eaf6ff;--q-soft:#9fc3e8;--q-slot:#ffffff12;--q-slot-hover:#4fdcff29;--q-line:#f6dc8cbf;--q-hi:#4fdcff;--q-ok:#5fd69b;--q-bad:#ff8a7a;--q-gold:#f6dc8c;--q-panel:#ffffff0f;--q-input:#040e288c;border:3px solid var(--gold);width:min(800px,100%);max-height:calc(100dvh - 32px);color:var(--q-ink);background:linear-gradient(#4fdcff12 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#4fdcff12 1px,#0000 1px) 0 0/26px 26px,radial-gradient(90% 60% at 50% 0,#4fdcff38,#0000 70%),linear-gradient(#1d4192,#13306f 55%,#0f2558);border-radius:14px;padding:26px 32px 24px;animation:.34s cubic-bezier(.2,.8,.3,1) q-scan-in;overflow-x:visible;box-shadow:inset 0 0 0 3px #172a5ef2,inset 0 0 0 4px #4fdcffb3,inset 0 0 30px #4fdcff40,0 0 0 2px #172a5ee6,0 0 40px #4fdcff59,0 24px 60px #080e2499}.q-gem{background:linear-gradient(135deg, #e6fdff, var(--holo) 50%, var(--holo-2));width:22px;height:22px;box-shadow:0 0 0 2px var(--gold-deep), 0 0 10px var(--holo);pointer-events:none;border:2px solid #fff1bf;border-radius:4px;position:absolute;rotate:45deg}.q-gem.tl{top:-11px;left:-11px}.q-gem.tr{top:-11px;right:-11px}.q-gem.bl{bottom:-11px;left:-11px}.q-gem.br{bottom:-11px;right:-11px}.q-gem.tc{width:28px;height:28px;top:-14px;left:calc(50% - 14px)}.sheet.q-sheet:before{content:"";height:2px;box-shadow:0 0 12px var(--holo);pointer-events:none;background:linear-gradient(90deg,#0000,#c8f6ff,#0000);animation:.5s ease-out forwards q-scanline;position:absolute;top:0;left:8%;right:8%}@keyframes q-scan-in{0%{clip-path:inset(48% 0 round 14px);filter:brightness(1.8)}to{clip-path:inset(0 round 14px)}}@keyframes q-scanline{0%{opacity:1;top:50%}to{opacity:0;top:100%}}.sheet.q-sheet.skin-paper{--q-ink:var(--ink);--q-soft:var(--ink-soft);--q-slot:#fff;--q-slot-hover:#effcff;--q-line:var(--royal);--q-hi:var(--holo-2);--q-ok:var(--ok);--q-bad:var(--red);--q-gold:var(--gold-deep);--q-panel:#2c4a9a0f;--q-input:#fff;box-shadow:none;filter:drop-shadow(0 20px 30px #080e2480);background:0 0;border-style:solid;border-width:71px 38px 31px 41px;border-image:url(./paper-C1D5zBVm.webp) 186 99 81 109 fill/71px 38px 31px 41px;border-radius:0;padding:4px 16px 10px 14px}.sheet.q-sheet.skin-bamboo{--q-ink:#3a2a14;--q-soft:#7a6240;--q-slot:#f6ead0;--q-slot-hover:#fff3d8;--q-line:#8a6a3a;--q-hi:#2a7f6f;--q-ok:#2f7d32;--q-bad:#b23a2a;--q-gold:#a26c00;--q-panel:#785a2814;--q-input:#fff8e8;box-shadow:none;filter:drop-shadow(0 20px 30px #080e2480);background:0 0;border-style:solid;border-width:52px 35px 51px;border-image:url(./bamboo-CUbt2nHk.webp) 137 93 135 fill/52px 35px 51px round stretch;border-radius:0;padding:6px 16px 10px}.skin-bamboo .q-stem{text-shadow:0 0 6px #f6ead0,0 0 2px #f6ead0}.sheet.q-sheet.skin-paper.crit,.sheet.q-sheet.skin-bamboo.crit{box-shadow:none;filter:drop-shadow(0 0 4px var(--gold-hi)) drop-shadow(0 0 22px var(--gold))}.skin-paper .q-gem,.skin-bamboo .q-gem{display:none}.sheet.q-sheet.crit{box-shadow:0 0 0 4px #f6dc8ce6,0 0 50px #d9a93acc,0 24px 60px #080e2499}.sheet.q-sheet.wrong{animation:.36s q-wrong}@keyframes q-wrong{20%{translate:-8px}45%{translate:7px}70%{translate:-4px}}.q-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-right:64px;display:flex}.q-from{font:800 18px var(--font-display);color:var(--q-gold);letter-spacing:.04em}.q-part{color:var(--q-bad);font-weight:700}.q-kp{border:1px solid var(--q-hi);color:var(--q-hi);border-radius:999px;padding:0 8px;font-size:12px}.q-diff{letter-spacing:1px;color:var(--q-bad);font-size:12px}.q-type{background:var(--royal);color:var(--ivory);border-radius:999px;padding:0 8px;font-size:12px}.q-sheet.t-written .q-type{background:var(--gold-deep)}.q-stakes{flex-wrap:wrap;gap:2px 18px;margin-top:6px;font-size:13px;display:flex}.q-stakes .ok{color:var(--q-ok)}.q-stakes .bad{color:var(--q-bad)}.q-main{align-items:center;gap:14px;margin:16px 0 18px;display:flex}.q-stem{font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:clamp(20px,3.3vh,28px);font-weight:700;line-height:1.45}.ring{width:56px;height:56px;box-shadow:0 0 0 2px var(--gold), 0 0 12px #4fdcff66;background:#040e28b3;border-radius:50%;flex:none;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5px}.ring-bg{stroke:#ffffff24}.ring-fg{stroke-linecap:round;transition:stroke .3s,stroke-dashoffset .1s linear}.ring.gold .ring-fg{stroke:var(--gold-hi);filter:drop-shadow(0 0 3px var(--gold))}.ring.white .ring-fg{stroke:#fff}.ring.grey .ring-fg{stroke:#7d869e}.q-opts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.q-opt{border:2px solid var(--q-line);background:var(--q-slot);min-height:56px;color:var(--q-ink);text-align:left;font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;font-size:20px;transition:background .12s,box-shadow .12s,transform .1s;display:flex;position:relative;box-shadow:inset 0 0 12px #4fdcff1f}.q-opt b{font:800 15px var(--font-num);color:var(--q-hi)}.q-opt:hover:not(:disabled){background:var(--q-slot-hover);transform:translateY(-1px);box-shadow:0 0 0 3px #4fdcff73,inset 0 0 16px #4fdcff40}.q-opt:disabled{cursor:default}.q-opt[data-struck]{opacity:.45}.q-opt[data-struck] span{-webkit-text-decoration:line-through 2px var(--red);text-decoration:line-through 2px var(--red)}.q-opt.picked-right{background:color-mix(in srgb, var(--q-gold) 22%, transparent);border-color:var(--q-gold)}.q-opt.picked-wrong{border-color:var(--q-bad);background:color-mix(in srgb, var(--q-bad) 18%, transparent)}.q-opt.is-answer:after{content:"";pointer-events:none;border:2.5px solid #ff5a4a;border-radius:50%/45%;animation:.4s ease-out pen-circle;position:absolute;inset:-6px -4px;transform:rotate(-1.5deg)}@keyframes pen-circle{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.q-answer{flex-direction:column;gap:12px;transition:opacity .2s,filter .2s;display:flex}.q-answer.veiled{opacity:.25;filter:blur(4px);pointer-events:none}.q-scratch{color:var(--q-gold);margin:-8px 0 12px;font-size:13px}.q-submit{justify-content:flex-end;align-items:center;gap:12px;display:flex}.q-submit .btn{letter-spacing:.3em;text-indent:.3em;min-width:136px;min-height:44px;font-size:17px}.q-submit .btn:not(:disabled){box-shadow:0 0 0 2px #f6dc8c8c,0 0 18px #f6dc8c59}.q-submit .btn:disabled{opacity:.55}.q-submit:before{content:"回车交卷";color:var(--q-soft);font-size:12px}@media (height<=500px),(pointer:coarse){.q-submit:before{content:none}.q-submit .btn{min-height:38px;font-size:15px}}.q-reading{color:var(--q-soft);text-align:center;margin-top:8px;font-size:12px}.blanks{flex-direction:column;gap:8px;display:flex}.blank{border:2px solid color-mix(in srgb, var(--q-line) 55%, transparent);background:var(--q-slot);cursor:text;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 12px;display:flex}.blank.on{border-color:var(--q-hi);box-shadow:0 0 0 3px #4fdcff4d}.blank.right{border-color:var(--q-ok);background:color-mix(in srgb, var(--q-ok) 14%, transparent)}.blank.wrong{border-color:var(--q-bad);background:color-mix(in srgb, var(--q-bad) 14%, transparent)}.b-prompt{min-width:0;color:var(--q-ink);flex:auto;font-size:15px}.b-input{border:0;border-bottom:2px solid var(--q-line);background:var(--q-input);width:9em;color:var(--q-ink);font:700 22px var(--font-num);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px 6px 0 0;flex:none;padding:6px 10px}.b-input:focus{border-bottom-color:var(--q-hi);outline:none}.b-input:disabled{color:var(--q-ink);-webkit-text-fill-color:var(--q-ink);opacity:1}.b-unit{color:var(--q-soft);font-size:14px}.b-mark{font:700 22px var(--font-pen);color:var(--q-ok)}.blank.wrong .b-mark{color:var(--q-bad)}.keypad{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px;display:grid}.key{border:1.5px solid color-mix(in srgb, var(--q-line) 60%, transparent);background:var(--q-slot);min-height:44px;color:var(--q-ink);font:700 20px var(--font-num);border-radius:8px;box-shadow:0 2px #040e2859}.key:hover:not(:disabled){background:var(--q-slot-hover)}.key:active{box-shadow:none;transform:translateY(1px)}.key.fn{font:700 15px var(--font-body);color:var(--q-hi)}.key.wide{grid-column:span 2}.match{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.m-col{flex-direction:column;gap:8px;display:flex}.m-item{--mc:var(--q-hi);border:2px solid color-mix(in srgb, var(--q-line) 55%, transparent);background:var(--q-slot);min-height:46px;color:var(--q-ink);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:16px;display:flex;position:relative}.m-item:hover:not(:disabled){border-color:var(--q-hi)}.m-item.on{border-color:var(--gold-hi);box-shadow:0 0 0 3px #f6dc8c99}.m-item.linked{border-color:var(--mc);background:color-mix(in srgb, var(--mc) 18%, transparent)}.m-item:disabled{cursor:default}.m-item.right:after,.m-item.wrong:after{font:700 20px var(--font-pen);position:absolute;right:8px}.m-item.right:after{content:"✓";color:var(--q-ok)}.m-item.wrong:after{content:"✗";color:var(--q-bad)}.m-tag{color:var(--mc);flex:none;font-size:18px}.m-hint{color:var(--q-soft);grid-column:1/-1;font-size:12px}.review-box{border-top:1px dashed color-mix(in srgb, var(--q-soft) 60%, transparent);flex-direction:column;gap:10px;margin-top:16px;padding-top:12px;font-size:15px;animation:.3s ease-out review-in;display:flex}@keyframes review-in{0%{opacity:0;transform:translateY(12px)}}.review-box h4{color:var(--q-soft);margin:0 0 4px;font-size:13px}.verdict{font-size:17px;font-weight:800}.verdict.ok{color:var(--q-ok)}.verdict.bad{color:var(--q-bad)}.rv-time{color:var(--q-soft);margin-top:-6px;font-size:12px}.rv-answers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.rv-col{border:1px solid color-mix(in srgb, var(--q-line) 40%, transparent);background:var(--q-panel);border-radius:8px;padding:8px 12px}.rv-col.ok{border-color:color-mix(in srgb, var(--q-ok) 60%, transparent)}.rv-col.bad{border-color:color-mix(in srgb, var(--q-bad) 60%, transparent)}.rv-col p{margin:2px 0;line-height:1.6}.rv-col .tick{width:1.4em;color:var(--q-ok);font-weight:700;display:inline-block}.rv-col p.miss .tick{color:var(--q-bad)}.kp-card{border:1.5px solid var(--gold);background:color-mix(in srgb, var(--gold-hi) 14%, transparent);border-radius:10px;padding:10px 14px;line-height:1.75}.skin-paper .kp-card{background:linear-gradient(#fffaf0,#fff3d6)}.kp-card h4{color:var(--q-gold);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;font-size:16px;display:flex}.kp-card h4 small{color:var(--q-soft);font-size:12px;font-weight:400}.kp-badge{background:var(--royal);color:var(--ivory);border-radius:3px;padding:0 6px;font-size:12px;font-weight:400}.kp-tips{color:var(--q-gold);margin-top:6px}.kp-tips b{background:var(--gold);color:var(--royal-deep);border-radius:3px;margin-right:6px;padding:0 6px;font-size:12px}.explain{background:var(--q-panel);border-radius:8px;padding:10px 12px;line-height:1.75}.explain span{background:var(--red);color:#fff;border-radius:3px;margin-right:8px;padding:0 6px;font-size:12px;display:inline-block}.rv-steps{margin:6px 0 0;padding-left:1.4em}.rv-steps li{margin:2px 0}.q-sheet .muted,.q-sheet .link{color:var(--q-soft)}.q-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.grade{z-index:6;pointer-events:none;width:92px;height:92px;position:absolute;top:2px;right:14px;overflow:visible}.grade path.pen{fill:none;stroke:#ff3b2f;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;stroke-dashoffset:160px;filter:drop-shadow(0 0 4px #ff503c8c);animation:.38s ease-out forwards pen-draw}.grade path.pen.second{animation-delay:.18s}.grade path.pen.under{stroke:#ff8a7a;stroke-width:16px;opacity:.35;filter:none;animation-duration:.44s}.grade path.pen.gold{stroke-width:10px;filter:drop-shadow(0 0 6px #f6c94ae6)}.grade path.pen.gold.under{stroke:#fff1bf;opacity:.5}@keyframes pen-draw{to{stroke-dashoffset:0}}.grade .dot{fill:#e8352a;transform-box:fill-box;transform-origin:50%;animation:.3s cubic-bezier(.3,1.8,.5,1) .38s both dot-pop}@keyframes dot-pop{0%{transform:scale(0)}}.grade .stamp{transform-box:view-box;transform-origin:50%;animation:.34s cubic-bezier(.3,1.5,.5,1) both stamp-slam}@keyframes stamp-slam{0%{opacity:0;transform:translateY(-40px)scale(1.9)rotate(-22deg)}70%{opacity:1}to{transform:rotate(-10deg)}}.grade .seal{fill:#d8281e}.grade .seal-in{fill:none;stroke:#fff3ea;stroke-width:3px}.grade .seal-text{fill:#fff3ea;font:900 44px var(--font-pen)}.grade .ripple{fill:none;stroke:#d8281e;stroke-width:3px;transform-box:fill-box;transform-origin:50%;opacity:0;animation:.7s ease-out .18s ripple}@keyframes ripple{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}.grade .rays path{stroke:#ffd76a;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:15;stroke-dashoffset:15px;animation:ray .6s var(--d) ease-out both}.grade .rays path:nth-child(2n){stroke:#9be7ff}@keyframes ray{50%{stroke-dashoffset:0}to{stroke-dashoffset:-15px}}.grade .bolt{fill:none;stroke:#fffbe0;stroke-width:5px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260px;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px var(--gold-hi));animation:.55s ease-out forwards bolt-strike}@keyframes bolt-strike{30%{stroke-dashoffset:0;opacity:1}45%{opacity:.3}55%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.grade .lightning .pen{animation-delay:.12s}.grade .arc{fill:none;stroke:#bff4ff;stroke-width:2.2px;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px #7fe6ff);animation:.24s steps(2,end) .5s 4 arc}.grade .arc.second{animation-delay:.62s}@keyframes arc{50%{opacity:1}}.grade-flash{z-index:140;pointer-events:none;background:#fff;position:fixed;inset:0}.grade-stage{z-index:150;pointer-events:none;filter:drop-shadow(0 10px 24px #0a142d73);position:fixed;translate:-50% -50%}.grade.grade-big{width:100%;height:100%;position:static}.grade{transition:opacity .15s}.grade.waiting{opacity:0}.crit-stamp{border:3px solid var(--gold-deep);background:linear-gradient(180deg, #fff1bf, var(--gold-hi) 35%, var(--gold));color:var(--royal-deep);font:900 20px/1.2 var(--font-display);letter-spacing:.12em;box-shadow:0 0 22px var(--gold);pointer-events:none;border-radius:8px;padding:3px 12px;animation:.32s cubic-bezier(.3,1.6,.5,1) stamp;position:absolute;top:96px;right:12px;transform:rotate(8deg)}@keyframes stamp{0%{opacity:0;transform:scale(2)rotate(8deg)}}@media (height<=500px){.q-cardside{display:none}.sheet.q-sheet{border-radius:10px;width:100%;padding:14px 18px}.q-main{margin:8px 0}.q-stem{font-size:18px}.q-opt{min-height:42px;padding:6px 12px;font-size:16px}.key{min-height:34px;font-size:16px}.grade{width:64px;height:64px}}@media (height<=500px) and (width>=700px){.q-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:16px;display:grid}.q-body .q-main{margin-top:4px}}.q-hint{border:1.5px dashed var(--gold);background:color-mix(in srgb, var(--gold-hi) 18%, transparent);color:var(--q-ink);border-radius:8px;flex-direction:column;gap:2px;margin:8px 0 0;padding:8px 12px;font-size:13px;line-height:1.6;display:flex}.q-hint b,.q-hint-tip{color:var(--q-gold)}.q-opt.picked-right:before,.q-opt.picked-wrong:before{font:900 18px/1 var(--font-num);pointer-events:none;position:absolute;top:6px;right:8px}.q-opt.picked-right:before{content:"✓";color:var(--q-gold)}.q-opt.picked-wrong:before{content:"✗";color:var(--q-bad)}html.big-text .q-stem{font-size:clamp(24px,4vh,34px);line-height:1.55}html.big-text .q-opt{font-size:24px}html.big-text .q-stakes{font-size:15px}html.big-text .review-box{font-size:17px}html.big-text .review-box h4{font-size:15px}@media (height<=500px){html.big-text .q-stem{font-size:clamp(18px,5.4vh,24px)}html.big-text .q-opt{font-size:18px}}.ar-bg{z-index:-1;filter:blur(10px)brightness(1.02)saturate(1.05);background:url(./key-visual-DaOpnUKh.webp) 50%/cover;position:absolute;inset:-6%}.ar-bg:after{content:"";background:linear-gradient(#0e1a3e40,#0e1a3e73);position:absolute;inset:0}.screen{isolation:isolate}.card-row .card,.card-grid .card{--card-w:150px}.card-grid{gap:18px 14px}.wide-panel{max-width:980px}.setup-screen{min-height:0;padding:16px var(--gutter-r) 16px var(--gutter-l);isolation:isolate;flex:1;justify-content:center;align-items:center;gap:3vw;display:flex;position:relative;overflow:hidden}.setup-panel{gap:7px;max-width:640px;max-height:100%;padding-block:14px;overflow-y:auto}.setup-panel h3{margin-top:2px}.setup-panel .unit,.setup-panel .tier{padding:7px 12px}.setup-panel .actions{margin-top:2px}.weapon-list{flex-wrap:wrap;gap:8px;display:flex}.weapon-pick{border:2px solid var(--line);background:radial-gradient(circle at 40% 35%,#fff,#dfe8f7);border-radius:12px;width:58px;height:58px;padding:5px;transition:transform .12s,box-shadow .12s}.weapon-pick img{object-fit:contain;width:100%;height:100%}.weapon-pick:hover:not(:disabled){box-shadow:0 0 0 2px var(--gold-hi);transform:translateY(-2px)}.weapon-pick.on{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-hi), 0 0 16px #d9a93a99}.weapon-pick.locked{filter:grayscale()brightness(.5)contrast(.6);opacity:.6}.weapon-desc{color:var(--ink-soft);font-size:13px;line-height:1.65}.weapon-desc b{color:var(--royal-deep);margin-right:6px;font-size:15px}.tag{color:#fff;border-radius:4px;margin-right:6px;padding:0 6px;font-size:11px}.tag.r1,.ar-rarity.r1{background:#2a7fc0}.tag.r2,.ar-rarity.r2{background:#7a5cc7}.tag.r3,.ar-rarity.r3{color:var(--royal-deep);background:linear-gradient(90deg,#d9a93a,#f6dc8c)}.setup-hero{flex:none;width:min(30vw,46vh);height:min(80vh,560px);position:relative}.sh-fig{--hero-h:min(54vh, 390px);height:var(--hero-h);transform-origin:50% 100%;animation:2.6s ease-in-out infinite breathe;position:absolute;bottom:9%;left:0;right:0}.sh-card{width:38%;position:absolute;bottom:0;left:0;rotate:-6deg}.sh-card .card{width:100%}@keyframes float-y{50%{translate:0 -10px}}.armory{min-height:0;padding:14px var(--gutter-r) 16px var(--gutter-l);isolation:isolate;flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) clamp(260px,30vw,380px);gap:12px 18px;display:grid;position:relative;overflow:hidden}.ar-head{grid-column:1/-1;align-items:center;gap:16px;display:flex}.ar-head .h-display{color:var(--ivory);text-shadow:0 2px 6px #0e1a3eb3}.ink{border:1.5px solid var(--gold);color:var(--ivory);background:#172a5ed9;border-radius:999px;margin-left:auto;padding:4px 14px;font-size:13px}.ink b{color:var(--holo);font-family:var(--font-num);font-size:16px}.ar-tabs{flex-direction:column;gap:8px;display:flex}.ar-tab{min-width:108px;color:var(--ivory);font:800 15px var(--font-display);letter-spacing:.1em;text-align:left;background:#172a5ecc;border:1.5px solid #f6dc8c8c;border-radius:10px;padding:10px 16px}.ar-tab.on{background:linear-gradient(90deg, #fff1bf, var(--gold-hi) 40%, var(--gold));color:var(--royal-deep);border-color:var(--gold-deep)}.ar-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:12px;padding:4px;display:grid;overflow-y:auto}.ar-item{background:linear-gradient(#ffffffeb,#e6eefae6);border:2px solid #f6dc8c73;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.ar-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0e18384d}.ar-item.on{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-hi), 0 8px 20px #d9a93a66}.ar-item.locked .item-icon{filter:grayscale()brightness(.35)contrast(.7)}.ar-item.locked .ar-name{color:var(--ink-soft)}.ar-name{font:700 13px var(--font-display);color:var(--royal-deep)}.ar-badge{background:var(--ok);color:#fff;border-radius:999px;padding:0 6px;font-size:10px;line-height:16px;position:absolute;top:6px;right:6px}.ar-preview{border:2px solid var(--gold);text-align:center;background:linear-gradient(#fbf7eef7,#eee7d8f7);border-radius:14px;flex-direction:column;grid-area:2/3;align-items:center;gap:8px;min-height:0;padding:16px;display:flex;overflow-y:auto;box-shadow:0 14px 30px #080e2466}.ar-preview h3{font:800 20px var(--font-display);color:var(--royal-deep)}.ar-rarity{color:#fff;border-radius:999px;padding:1px 10px;font-size:12px}.ar-stage{background:radial-gradient(circle at 50% 70%,#4fdcff40,#0000 70%);border-radius:10px;place-items:center;width:100%;min-height:200px;display:grid;position:relative}.ar-fig{--hero-h:170px;width:100%;height:190px;position:relative}.ar-back{width:110px;rotate:-4deg}.ar-sheet,.ar-mark{width:100%;position:relative;padding:14px 16px!important;animation:none!important}.ar-sheet .q-stem{margin-bottom:8px;font-size:16px}.ar-sheet .q-opt{min-height:36px;font-size:15px}.ar-mark{height:120px}.ar-mark .grade{top:14px;right:calc(50% - 46px)}.ar-line{color:var(--ink-soft);text-align:left;font-size:13px;line-height:1.6}.ar-line b{color:var(--royal);margin-right:8px}.ar-card{width:150px}.ar-card .card{width:100%}.ar-locked{color:var(--gold-deep);font-size:13px}.item-icon{background:radial-gradient(circle at 50% 55%,#4fdcff47,#0000 70%);border-radius:50%;place-items:center;width:80px;height:80px;display:grid}.item-icon.r2{background:radial-gradient(circle at 50% 55%,#a99cff66,#0000 70%)}.item-icon.r3{background:radial-gradient(circle at 50% 55%,#f6dc8c99,#0000 70%)}.item-icon>img{object-fit:contain;filter:drop-shadow(0 3px 4px #0e183859);max-width:92%;max-height:92%}.item-icon .ii-outfit{max-height:100%}.ii-back{width:46px;rotate:-6deg}.ii-sheet-img{filter:drop-shadow(0 2px 3px #0e183859);width:74px}.ii-sheet{border:2px solid var(--gold);background:linear-gradient(#1d4192,#0f2558);border-radius:6px;grid-template-columns:1fr 1fr;gap:3px;width:66px;padding:18px 6px 6px;display:grid}.ii-sheet i{border:1px solid #f6dc8ccc;border-radius:3px;height:9px}.ii-sheet.sh-paper{border-color:var(--royal);background:linear-gradient(#fffdf8,#f5efe1)}.ii-sheet.sh-paper i{border-color:var(--royal)}.ii-sheet.sh-bamboo{background:repeating-linear-gradient(90deg,#785a2840 0 2px,#0000 2px 10px),#ecd7a8;border-color:#8a6a3a}.ii-sheet.sh-bamboo i{border-color:#8a6a3a}.ii-mark{color:#e8382c;place-items:center;width:56px;height:56px;display:grid}.ii-mark .glyph{filter:drop-shadow(0 0 5px #ff5a4a99);width:46px;height:46px}.ii-mark.mk-lightning{color:var(--gold)}.ii-mark.mk-fireworks{color:#ff8a3a}.drops{border:2px solid var(--gold);color:var(--ivory);background:radial-gradient(circle at 50% 30%,#f6dc8c59,#172a5ed9 70%);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex}.drops-title{font:900 20px var(--font-display);letter-spacing:.2em;color:var(--gold-hi);text-shadow:0 0 12px var(--gold)}.drops-row{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.drop{opacity:0;flex-direction:column;align-items:center;gap:4px;width:160px;display:flex;position:relative;transform:scale(.3)}.drop.show{animation:.6s cubic-bezier(.3,1.6,.5,1) forwards drop-pop}.drop b{font:800 15px var(--font-display)}.drop small{color:var(--ivory-dim);text-align:center;font-size:11px}.drop-light{opacity:.6;background:conic-gradient(#0000,#ffffff80,#0000 25%,#ffffff80 50%,#0000 75%);border-radius:50%;width:110px;height:110px;animation:4s linear infinite spin;position:absolute;top:-10px}.drop.r2 .drop-light{background:conic-gradient(#0000,#a99cffcc,#0000 25%,#a99cffcc 50%,#0000 75%)}.drop.r3 .drop-light{background:conic-gradient(#0000,#f6dc8cf2,#0000 25%,#f6dc8cf2 50%,#0000 75%)}@keyframes drop-pop{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:none}}.reward-screen{min-height:0;padding:18px var(--gutter-r) 22px var(--gutter-l);isolation:isolate;flex-direction:column;flex:1;align-items:center;gap:12px;display:flex;position:relative;overflow-y:auto}.rw-banner{text-align:center;border-block:2px solid #0000;border-image:linear-gradient(90deg, transparent, var(--gold-hi) 25%, var(--gold-hi) 75%, transparent) 1;background:linear-gradient(90deg,#0000,#1f3577eb 18%,#2c4a9af5 50%,#1f3577eb 82%,#0000);width:min(720px,100%);padding:10px 0;animation:.6s cubic-bezier(.2,.8,.3,1) tb-sweep}.rw-banner h2{font:900 clamp(28px, 6vh, 44px)/1.2 var(--font-display);letter-spacing:.3em;background:linear-gradient(180deg, #fffaf0 10%, var(--gold-hi) 50%, var(--gold));color:#0000;filter:drop-shadow(0 2px 0 var(--royal-deep));-webkit-background-clip:text;background-clip:text}.rw-sub{color:var(--ivory);text-shadow:0 1px 3px #0e1a3ecc}.rw-loot{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.rw-gold{border:2px solid var(--gold);color:var(--gold-hi);font:800 20px var(--font-num);background:#172a5ee0;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;display:flex}.coin.big{width:22px;height:22px}.rw-relic{border:2px solid var(--gold);max-width:460px;color:var(--ink);text-align:left;background:#fbf7eef5;border-radius:12px;align-items:center;gap:12px;padding:8px 16px 8px 8px;display:flex;position:relative;overflow:visible}.rw-relic img,.rw-emoji{object-fit:contain;flex:none;place-items:center;width:64px;height:64px;font-size:40px;animation:.6s cubic-bezier(.3,1.6,.5,1) .4s both drop-pop;display:grid;position:relative}.rw-rays{background:conic-gradient(#0000,#f6dc8ccc,#0000 20%,#f6dc8ccc 40%,#0000 60%,#f6dc8ccc 80%,#0000);border-radius:50%;width:92px;height:92px;animation:5s linear infinite spin;position:absolute;top:-10px;left:-10px}.rw-relic.taken{opacity:.55}.rw-relic.taken .rw-rays{display:none}.rw-relic-text{flex-direction:column;font-size:13px;line-height:1.5;display:flex}.rw-relic-text b{color:var(--royal-deep);font-size:15px}.rw-h{font:800 18px var(--font-display);color:var(--ivory);text-shadow:0 1px 4px #0e1a3ee6;margin-top:4px}.rw-cards{justify-content:center;gap:clamp(14px,3vw,40px);display:flex}.rw-card{--card-w:clamp(130px, min(15vw, 24vh), 210px);transition:transform .15s,opacity .3s;animation:.5s cubic-bezier(.2,.8,.3,1) both rw-in}.rw-card:hover{transform:translateY(-10px)scale(1.05)}.rw-card.fade{opacity:0;transform:translateY(20px)scale(.9)}@keyframes rw-in{0%{opacity:0;transform:translateY(80px)rotate(-8deg)scale(.7)}}.rest-choice{flex-direction:row!important;align-items:center!important;gap:10px!important}.rest-choice .glyph{width:34px;height:34px;color:var(--royal);flex:none}.rest-choice small{margin-left:auto}.event-art{height:150px;box-shadow:inset 0 0 0 2px var(--gold);background:50% 60%/cover;border-radius:8px;margin:-6px -6px 4px;position:relative}.event-art .event-icon{filter:drop-shadow(0 4px 6px #0e183880);font-size:52px;position:absolute;bottom:10px;right:14px}.loot-img{object-fit:contain;width:34px;height:34px}.summary-screen .panel{max-width:860px}@media (height<=500px){.setup-hero{display:none}.armory{grid-template-columns:auto minmax(0,1fr) 240px}.ar-tab{min-width:80px;padding:6px 10px;font-size:13px}.item-icon{width:56px;height:56px}.ar-fig{--hero-h:110px;height:124px}.rw-card{--card-w:120px}.event-art{height:90px}}.boon-screen{min-height:0;padding:16px var(--gutter-r) 24px var(--gutter-l);isolation:isolate;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;display:flex;position:relative;overflow:hidden}.boon-hero{--hero-h:min(46vh, 330px);width:22vw;height:52vh;position:absolute;bottom:6%;left:3vw}.boon-hero .hero-fig{height:var(--hero-h);inset:auto 0 0}.boon-head{text-align:center}.boon-head h2{font:900 clamp(32px, 7vh, 54px)/1.2 var(--font-display);letter-spacing:.3em;background:linear-gradient(180deg, #fffaf0 10%, var(--gold-hi) 50%, var(--gold));color:#0000;filter:drop-shadow(0 2px 0 var(--royal-deep)) drop-shadow(0 0 12px #4fdcff66);-webkit-background-clip:text;background-clip:text;padding-left:.3em}.boon-head p{color:var(--ivory);text-shadow:0 1px 3px #0e1a3ee6}.boon-list{justify-content:center;gap:clamp(10px,2vw,24px);display:flex}.boon{aspect-ratio:3/4.2;border:2px solid var(--gold);width:clamp(150px,15vw,200px);color:var(--ivory);background:radial-gradient(circle at 50% 38%,#4fdcff59,#0000 55%),linear-gradient(#1d4192,#13306f 60%,#0f2558);border-radius:14px 14px 40px 40px/14px 14px 22px 22px;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;transition:transform .15s,box-shadow .15s,opacity .3s;animation:.5s cubic-bezier(.2,.8,.3,1) both rw-in;display:flex;position:relative;box-shadow:inset 0 0 0 3px #172a5ee6,inset 0 0 0 4px #4fdcff80,0 14px 30px #080e2480}.boon:hover{transform:translateY(-8px);box-shadow:inset 0 0 0 3px #172a5ee6,inset 0 0 0 4px #4fdcffcc,0 0 24px #4fdcff99,0 18px 34px #080e2480}.boon.risk{border-color:var(--gold-hi);background:radial-gradient(circle at 50% 38%,#f6dc8c73,#0000 55%),linear-gradient(#6a4a18,#3e2a0e 60%,#2a1c08)}.boon.on{box-shadow:0 0 0 3px var(--gold-hi), 0 0 36px var(--gold);transform:translateY(-14px)scale(1.06)}.boon.off{opacity:.25;transform:scale(.94)}.boon-name{font:900 19px/1.3 var(--font-display);letter-spacing:.12em;color:var(--gold-hi)}.boon-icon{aspect-ratio:1;color:#e6fdff;background:radial-gradient(circle,#ffffff2e,#0000 70%);border:2px solid #f6dc8cb3;border-radius:50%;place-items:center;width:72%;display:grid}.boon.risk .boon-icon{color:var(--gold-hi)}.boon-icon .glyph{width:52%;height:52%;filter:drop-shadow(0 0 8px var(--holo))}.boon-text{color:var(--ink);background:#fbf7eef2;border-radius:8px;margin-top:auto;padding:8px 10px;font-size:13px;line-height:1.5}.boon-risk{background:var(--red);color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;position:absolute;top:-10px;right:-8px}.pouch{--pc:var(--holo);border:1.5px solid var(--gold);background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--pc) 45%, #fff), color-mix(in srgb, var(--pc) 70%, #172a5e));color:#fff;vertical-align:middle;border-radius:40% 40% 46% 46%/30% 30% 60% 60%;place-items:center;width:30px;height:32px;padding:0;display:inline-grid;position:relative;box-shadow:0 0 0 2px #172a5e8c,inset 0 -3px 4px #0003}.pouch:before{content:"";background:var(--gold);border-radius:3px;height:6px;position:absolute;top:-5px;left:30%;right:30%}.pouch .glyph{filter:drop-shadow(0 1px 1px #0006);width:60%;height:60%}.pouch:has(img){border:1.5px solid var(--gold);background:radial-gradient(circle at 35% 30%,#fffaf0,#c9d7f0);border-radius:50%;width:34px;height:34px;padding:2px;box-shadow:0 0 0 2px #172a5e99}.pouch:has(img):before{display:none}.pouch:has(img):hover{box-shadow:0 0 0 2px #172a5e99, 0 0 12px var(--gold-hi)}.pouch img{object-fit:contain;filter:drop-shadow(0 1px 1px #0000004d);width:100%;height:100%}.pouch.big:has(img){width:58px;height:58px;padding:4px}.boon-icon img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000059);width:82%;height:82%}.pouch.tone-learn{--pc:#e8b83a}.pouch.tone-atk{--pc:#e0703a}.pouch.tone-def{--pc:#3aa7d6}.pouch.tone-aid{--pc:#9a7ae0}.pouch.empty{box-shadow:none;background:#ffffff0f;border-style:dashed;border-color:#f6dc8c73}.pouch.empty:before{display:none}.pouch.big{flex:none;width:54px;height:58px}.potions{gap:6px;display:inline-flex}.pslot{position:relative}.pmenu{z-index:50;border:2px solid var(--gold);background:linear-gradient(180deg, var(--royal), var(--royal-deep));width:220px;color:var(--ivory);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex;position:absolute;top:calc(100% + 10px);left:50%;translate:-50%;box-shadow:0 10px 24px #080e2480}.pmenu b{color:var(--gold-hi)}.pmenu-btns{gap:6px;display:flex}.rw-potion .pouch{margin:2px 4px}@media (height<=500px){.boon{gap:6px;width:132px;padding:10px 8px}.boon-name{font-size:15px}.boon-text{font-size:11px}.boon-hero{display:none}}.setup-panel{width:100%;max-width:1200px;padding:16px;overflow:hidden}.setup-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;min-height:0;display:grid}.setup-columns section{flex-direction:column;gap:8px;min-width:0;display:flex}.setup-columns h3{margin:0;font-size:16px}.setup-columns .unit-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.setup-columns .unit{min-width:0}.setup-columns .u-name{font-size:15px}.setup-columns .u-sub,.setup-columns .u-meta{font-size:11px}.setup-columns .tier-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.setup-columns .tier{min-width:0}.setup-columns .t-note{font-size:11px}.setup-columns .switch{padding:6px;font-size:12px}.setup-columns .actions{margin-top:auto}@media (height<=500px){.setup-screen{padding:8px 12px}.setup-panel{gap:4px;padding:8px}.setup-panel>h2{font-size:20px}.setup-columns{gap:12px}.setup-columns section{gap:4px}.setup-columns h3{font-size:13px}.setup-columns .character-passive{display:none}.setup-columns .character-select img{width:28px;height:32px}.setup-columns .character-select{grid-template-columns:28px minmax(0,1fr);padding:3px}.setup-columns .character-name{font-size:12px}.setup-columns .character-name small{font-size:11px}.setup-columns .deck-preview{min-height:36px;padding:3px}.setup-columns .unit{padding:4px 6px}.setup-columns .u-sub{display:none}.setup-columns .u-name{font-size:12px}.setup-columns .u-meta{font-size:11px}.setup-columns .midterm-unit{background-size:60px;padding-right:60px}.setup-columns .tier{padding:4px}.setup-columns .t-name{font-size:12px}.setup-columns .t-note{display:none}.setup-columns .ascension-list .btn{min-width:36px;min-height:36px;padding:4px}.setup-columns .fine{font-size:11px;line-height:1.3}.setup-columns .weapon-pick{width:36px;height:36px;padding:2px}.setup-columns .weapon-list{gap:5px}.setup-columns .weapon-desc{font-size:11px;line-height:1.3}.setup-columns .weapon-desc b{font-size:12px}.setup-columns .switch{padding:2px;font-size:11px}.setup-columns .actions .btn{min-height:36px;padding:5px 14px}.setup-columns .ascension-notes{font-size:11px;line-height:1.3}.stats-screen select,.pet-name input,.pet-name button,.figure button,.figure-wrap button,.figure-enlarge,.figure-expand{min-width:36px;min-height:36px}.codex-filters input[type=checkbox]{width:36px;height:36px}.setup-columns .character-select{min-height:36px;display:block}.setup-columns .character-select img,.setup-columns .character-name small{display:none}.setup-columns .unit{min-height:46px}.setup-columns .tier{min-height:36px}.codex-check input[type=checkbox]{flex-shrink:0;min-width:36px}}.app.with-nav .screen-host>.hud{display:none}.app.with-nav .screen-host :is(.stats-screen,.mistake-screen,.pet-room,.star-box-page,.fit-page,.figures-screen){height:100%;min-height:0}.app.with-nav :is(.stats-screen,.daily-screen,.pet-room,.star-box-page,.figures-screen,.fit-page)>header,.app.with-nav :is(.mistake-screen,.achievements-screen,.stationery-screen,.codex-screen,.armory)>header>button:first-child,.app.with-nav :is(.mistake-screen,.achievements-screen,.stationery-screen,.codex-screen,.armory)>header>h1,.app.with-nav :is(.mistake-screen,.achievements-screen,.stationery-screen,.codex-screen,.armory)>header>h2,.app.with-nav .achievement-head>b,.app.with-nav .stationery-screen>header>.wallet,.app.with-nav .stationery-screen>header>.snack-count,.app.with-nav .ar-head>.ink,.app.with-nav .setup-panel>h2{display:none}.title-screen .sound-btn{min-width:36px;min-height:36px}.archive-layout{--ui-accent:var(--ui-learning);isolation:isolate;gap:var(--ui-space-4);height:100%;min-height:0;padding:var(--ui-space-6);background:linear-gradient(110deg,var(--ui-overlay),var(--ui-navy-deep)),var(--archive-image) center/cover;flex:1;grid-template-columns:164px minmax(0,1fr) 288px;display:grid;position:relative;overflow:hidden}.archive-layout[data-tone=mistakes]{--ui-accent:var(--ui-mistakes)}.archive-layout[data-tone=achievement]{--ui-accent:var(--ui-achievement)}.archive-layout[data-tone=codex]{--ui-accent:var(--ui-codex)}.archive-layout[data-tone=shop]{--ui-accent:var(--ui-shop)}.archive-layout[data-tone=pet]{--ui-accent:var(--ui-pet)}.archive-rail{gap:var(--ui-space-4);min-height:0;color:var(--ui-paper);flex-direction:column;display:flex}.archive-seal{border:1px solid var(--ui-gold);width:76px;height:76px;color:var(--ui-gold-light);background:radial-gradient(var(--ui-navy-light),var(--ui-navy-deep));box-shadow:inset 0 0 0 5px var(--ui-navy),inset 0 0 0 6px var(--ui-gold);border-radius:50%;flex:none;align-self:center;place-items:center;display:grid}.archive-rail-content{gap:var(--ui-space-3);scrollbar-width:thin;scrollbar-color:var(--ui-gold) transparent;flex-direction:column;min-height:0;padding:4px;display:flex;overflow:auto}.archive-rail-content nav{gap:var(--ui-space-2);flex-direction:column;display:flex}.archive-rail-content label{gap:var(--ui-space-1);font-size:var(--ui-f-help);color:var(--ui-gold-light);flex-direction:column;display:flex}.archive-rail-content small,.archive-rail-content p{font-size:var(--ui-f-help);color:var(--ui-gold-light);line-height:1.7}.archive-rail-content .ui-btn{text-align:left;justify-content:flex-start;width:100%}.archive-rail-content .rail-check{flex-direction:row;align-items:center}.archive-rail-foot{text-align:center;font:var(--ui-f-help) var(--font-display);letter-spacing:.24em;padding-top:var(--ui-space-3);color:var(--ui-gold-light);border-top:1px solid color-mix(in srgb,var(--ui-gold) 40%,transparent);margin-top:auto}.archive-workspace{background:linear-gradient(110deg,var(--ui-surface),var(--ui-paper));border:1px solid var(--ui-gold);border-radius:var(--ui-radius-md);min-width:0;min-height:0;box-shadow:inset 4px 0 0 var(--ui-paper-warm),var(--ui-shadow-lg);flex-direction:column;display:flex}.archive-heading{justify-content:space-between;align-items:center;gap:var(--ui-space-4);padding:var(--ui-space-6);border-bottom:1px solid var(--ui-line);background:linear-gradient(120deg,var(--ui-paper-warm),var(--ui-paper));flex:none;display:flex}.archive-heading h2{color:var(--ui-navy);font-size:var(--ui-f-title)}.archive-heading p{font-size:var(--ui-f-help);color:var(--ui-muted);margin-top:var(--ui-space-1)}.archive-tools{gap:var(--ui-space-2);flex:none;align-items:center;display:flex}.archive-content{overscroll-behavior:contain;min-width:0;min-height:0;padding:var(--ui-space-6);scrollbar-gutter:stable;flex:1;overflow:auto}.archive-detail{min-height:0;padding:var(--ui-space-6);border:1px solid var(--ui-gold);border-radius:var(--ui-radius-md);background:linear-gradient(150deg,var(--ui-paper),var(--ui-paper-warm));box-shadow:inset 0 0 0 4px var(--ui-paper),var(--ui-shadow-md);overflow:auto}.archive-detail h2,.archive-detail-sheet h2{color:var(--ui-navy)}.archive-detail p,.archive-detail-sheet p{margin:var(--ui-space-3) 0;font-size:var(--ui-f-help);line-height:1.8}.archive-detail .ui-btn{margin-top:var(--ui-space-3)}.archive-detail-art{object-fit:contain;width:100%;max-height:200px;margin:var(--ui-space-6) auto;display:block}.archive-layout select,.archive-layout input:not([type=checkbox]),.archive-detail-sheet select{width:100%;min-height:40px;font:inherit;font-size:var(--ui-f-help);color:var(--ui-ink);border:1px solid var(--ui-gold);border-radius:var(--ui-radius-sm);background:var(--ui-surface);padding:var(--ui-space-2)}.archive-layout input[type=checkbox]{width:36px;height:36px;accent-color:var(--ui-accent);flex:none;margin:0}.archive-layout progress{accent-color:var(--ui-accent);border-radius:99px;width:100%;height:8px;overflow:hidden}.archive-layout progress::-webkit-progress-bar{background:var(--ui-line);border-radius:99px}.archive-layout progress::-webkit-progress-value{background:linear-gradient(90deg,var(--ui-accent),color-mix(in srgb,var(--ui-accent) 60%,var(--ui-gold-light)));border-radius:99px}.archive-layout :is(button,select,input,summary){scroll-margin:12px}.archive-layout :is(.archive-content,.archive-detail){scrollbar-width:thin;scrollbar-color:var(--ui-gold) var(--ui-paper)}.archive-callout{padding:var(--ui-space-4);border-left:3px solid var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 8%,var(--ui-paper));font-size:var(--ui-f-help);line-height:1.8}.archive-grid{gap:var(--ui-space-3);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.archive-list{gap:var(--ui-space-3);flex-direction:column;display:flex}.archive-list>.ui-panel,.archive-grid>.ui-panel{box-shadow:var(--ui-shadow-sm)}.archive-layout .ui-panel>h2{font-size:var(--ui-f-subtitle)}@media (width<=1000px),(height<=500px){:is(.archive-layout,.archive-layout:not(:has(>.archive-detail))){gap:var(--ui-space-3);padding:var(--ui-space-3);grid-template-columns:128px minmax(0,1fr)}.archive-seal{width:48px;height:48px}.archive-seal .glyph{width:24px;height:24px}.archive-rail{gap:var(--ui-space-2)}.archive-rail-foot{display:none}.archive-heading{padding:var(--ui-space-3) var(--ui-space-4);gap:var(--ui-space-2)}.archive-heading h2{font-size:var(--ui-f-subtitle)}.archive-heading p{margin-top:0}.archive-content{padding:var(--ui-space-3)}.archive-layout select{min-height:36px;padding:var(--ui-space-1)}.archive-rail-content{gap:var(--ui-space-2)}.archive-rail-content .ui-btn{padding:var(--ui-space-1) var(--ui-space-2)}.archive-detail-sheet{width:min(640px,90vw);max-height:90dvh}.archive-detail-art{max-height:120px;margin:var(--ui-space-3) auto}}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ui-learning);outline-offset:3px}button{-webkit-tap-highlight-color:transparent}.btn{min-width:40px;min-height:40px;font:700 var(--ui-f-body)/1.3 var(--font-body);border:1px solid var(--ui-gold);border-radius:var(--ui-radius-md);background:linear-gradient(var(--ui-navy-light),var(--ui-navy-deep));color:var(--ui-paper);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-white) 30%,transparent),0 2px 0 var(--ui-navy-deep);transition:transform .12s,box-shadow .12s,filter .12s}.btn.primary{background:linear-gradient(var(--ui-glint),var(--ui-gold));color:var(--ui-navy-deep);border-color:var(--ui-gold-deep);box-shadow:inset 0 1px 0 var(--ui-white),0 2px 0 var(--ui-gold-deep)}.btn.small{font-size:var(--ui-f-help)}.btn:active:not(:disabled),.ui-btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px 0 var(--ui-glint),0 3px 8px var(--ui-shadow-ink)}.ui-topbar{background:linear-gradient(var(--ui-navy),var(--ui-navy-deep))}.ui-topbar h1{letter-spacing:.12em}.screen-enter-active{animation:screen-arrive .18s var(--ui-ease)}.screen-leave-active{animation:60ms ease-in forwards screen-depart}@keyframes screen-arrive{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes screen-depart{to{opacity:0}}.screen-wipe{height:2px;animation:scan-arrive .24s var(--ui-ease) both;box-shadow:0 0 12px var(--holo);top:0}@keyframes scan-arrive{0%{opacity:0;transform:translateY(0)}20%{opacity:.7}to{opacity:0;transform:translateY(100dvh)}}.archive-list>:nth-child(-n+10),.archive-grid>:nth-child(-n+10),.codex-grid>:nth-child(-n+10),.ar-grid>:nth-child(-n+10){animation:archive-reveal .18s var(--ui-ease) both;animation-delay:calc(var(--entry-index,0)*30ms)}@keyframes archive-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(2){--entry-index:1}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(3){--entry-index:2}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(4){--entry-index:3}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(5){--entry-index:4}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(6){--entry-index:5}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(7){--entry-index:6}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(8){--entry-index:7}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(9){--entry-index:8}:is(.archive-list,.archive-grid,.codex-grid,.ar-grid)>:nth-child(10){--entry-index:9}.ui-dialog[open]{animation:dialog-arrive .18s var(--ui-ease)}.ui-dialog::backdrop{background:color-mix(in srgb,var(--ui-navy-deep) 78%,transparent)}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.scene-layout{isolation:isolate;height:100%;min-height:0;color:var(--ui-ink);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.scene-backdrop{z-index:-2;background:var(--scene-image) center/cover;filter:blur(4px);pointer-events:none;position:absolute;inset:-8px}.scene-layout:before{content:"";z-index:-1;background:linear-gradient(110deg,var(--ui-overlay),color-mix(in srgb,var(--ui-navy-deep) 45%,transparent));pointer-events:none;position:absolute;inset:0}.scene-panel{flex-direction:column;gap:24px;width:min(1160px,100%);max-height:100%;padding:32px;display:flex}.scene-heading{border-bottom:1px solid var(--ui-line);flex-direction:column;flex:none;gap:8px;padding-bottom:16px;display:flex}.scene-heading h2{font:900 var(--ui-f-title)/1.3 var(--font-display);color:var(--ui-navy)}.scene-heading p{font-size:var(--ui-f-help);color:var(--ui-muted)}.scene-heading .ui-tabs{margin-top:8px}.scene-content{min-width:0;min-height:0}.scene-actions{border-top:1px solid var(--ui-line);flex:none;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.scene-layout-stage>.scene-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-navy-light) 90%,transparent),color-mix(in srgb,var(--ui-navy-deep) 95%,transparent));color:var(--ui-paper)}.scene-layout-stage>.scene-panel:before{border-color:color-mix(in srgb,var(--ui-gold) 40%,transparent)}.rest-screen .scene-panel{max-width:1000px}.rest-screen .choice-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.rest-screen .rest-choice{background:linear-gradient(var(--ui-surface),var(--ui-paper-warm));min-height:210px;color:var(--ui-navy);border:1px solid var(--ui-gold);border-radius:var(--ui-radius-md);font:800 var(--ui-f-subtitle) var(--font-display);box-shadow:var(--ui-shadow-sm);justify-content:flex-start;padding:24px;transition:transform .12s;display:flex;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.rest-screen .rest-choice .glyph{width:48px;height:48px;color:var(--ui-learning)}.rest-screen .rest-choice small{font:var(--ui-f-help)/1.7 var(--font-body);color:var(--ui-muted);margin-top:auto;margin-left:0}.event-screen .scene-panel{max-width:1000px}.event-screen .scene-content{grid-template-columns:1fr 1fr;align-items:start;gap:16px 32px;display:grid}.event-screen .event-art{grid-row:1/4;height:100%;min-height:220px;margin:0}.event-screen .scene-content>p{font-size:var(--ui-f-body);line-height:1.8}.event-screen .choice-list{grid-column:2}.event-screen .choice{min-height:64px}.event-screen .actions{grid-column:2}.shop-screen .card-row{justify-content:space-evenly;gap:16px;display:flex}.shop-screen .ware{flex-direction:column;align-items:center;gap:16px;display:flex}.shop-screen .loot{flex-direction:column;gap:16px;display:flex}.shop-screen .loot-row{border:1px solid var(--ui-line);background:var(--ui-surface);min-height:64px;color:var(--ui-ink);gap:16px;padding:16px}.shop-screen .shop-service{justify-content:center;min-height:200px}.setup-screen.scene-layout{padding:24px}.setup-screen .scene-panel{gap:12px;padding:20px}.setup-screen .setup-columns h3{font:800 var(--ui-f-subtitle) var(--font-display);color:var(--ui-navy)}.setup-screen .character-card{background:var(--ui-paper)}.setup-screen .character-card.on{background:color-mix(in srgb,var(--ui-learning) 8%,var(--ui-paper));border-color:var(--ui-learning)}.setup-screen .character-name small,.setup-screen .character-passive{font-size:var(--ui-f-help);color:var(--ui-muted)}.setup-screen .deck-preview{min-height:36px;font-size:var(--ui-f-help)}.setup-screen .weapon-list{padding:8px 0}.setup-screen .weapon-desc{font-size:var(--ui-f-help);line-height:1.6}.boon-screen .scene-panel{max-width:1100px}.boon-screen .scene-content{flex-direction:column;align-items:center;gap:24px;display:flex}.boon-screen .boon-hero{display:none}.boon-screen .boon-head h2{font-size:var(--ui-f-number)}.boon-screen .boon-head p{margin-top:8px}.boon-screen .boon{width:clamp(156px,16vw,210px);animation-duration:.24s}.boon-screen .boon-list{gap:24px}.boon-screen .boon-text{font-size:var(--ui-f-help)}.reward-screen .scene-panel{max-width:1080px}.reward-screen .scene-content{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:16px 24px;display:grid}.reward-screen .rw-banner,.reward-screen .rw-sub{grid-column:1/-1}.reward-screen .rw-banner{width:100%;padding:8px 0;animation-duration:.24s}.reward-screen .rw-banner h2{font-size:var(--ui-f-number)}.reward-screen .rw-sub{text-align:center;font-size:var(--ui-f-help)}.reward-screen .rw-loot{flex-direction:column;grid-area:3/2/6;align-self:center;gap:12px}.reward-screen .rw-gold{font-size:var(--ui-f-subtitle);justify-content:center;padding:12px}.reward-screen .rw-relic{gap:8px;padding:8px}.reward-screen .rw-relic img,.reward-screen .rw-relic .pouch{width:40px;height:40px}.reward-screen .rw-relic-text{font-size:var(--ui-f-help)}.reward-screen .rw-relic-text b{font-size:var(--ui-f-body)}.reward-screen .rw-h{text-align:center;font-size:var(--ui-f-subtitle);grid-area:3/1}.reward-screen .rw-cards{grid-area:4/1;gap:24px}.reward-screen .rw-card{--card-w:148px;animation-duration:.24s}.reward-screen .drops{grid-column:1/-1}.reward-screen .actions{grid-column:1/-1;justify-content:center;margin:0}.reward-screen .rw-rays{opacity:.5;animation:none}.title-screen .kv-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--ui-navy-deep) 55%,transparent),transparent 65%),linear-gradient(0deg,color-mix(in srgb,var(--ui-navy-deep) 45%,transparent),transparent 45%)}.title-screen .home-portals>.ui-btn{box-shadow:inset 0 1px 0 var(--ui-glint),0 8px 20px var(--ui-shadow-ink)}.title-screen .title-block .h-title{color:var(--ui-gold-light);-webkit-text-fill-color:initial;text-shadow:0 3px 0 var(--ui-gold-deep),0 6px 24px var(--ui-navy-deep);filter:none;background:0 0}.title-screen .eyebrow{color:var(--ui-gold-light)}.hub-page{flex-direction:column;justify-content:center;display:flex}.hub-page .hub-cards{width:100%;margin:0 auto}.hub-page .hub-intro{width:100%;max-width:1280px;margin:0 auto 32px}.hub-page .hub-card{min-height:320px}.hub-page .hub-emblem{border:1px solid var(--ui-gold);background:color-mix(in srgb,var(--ui-accent) 8%,var(--ui-paper));border-radius:50%;width:80px;height:80px;margin:16px 0 8px}.pet-room .pet-controls{background:linear-gradient(130deg,var(--ui-surface),var(--ui-paper-warm));border:1px solid var(--ui-gold);width:360px;max-height:90%;box-shadow:inset 0 0 0 4px var(--ui-paper),var(--ui-shadow-lg);top:5%;right:4%}.pet-room .pet-stage{top:8%}.pet-room .room-speech{background:var(--ui-paper);color:var(--ui-navy);border-color:var(--ui-gold);box-shadow:var(--ui-shadow-md)}.pet-room .pet-controls .fine{font-size:var(--ui-f-help)}.pet-room .pet-controls h2{font:900 var(--ui-f-title) var(--font-display)}.pet-room .pet-buttons button{min-height:40px}.pet-room .pet-name input{min-height:36px}.map-screen .map-side{border:1px solid var(--ui-gold);background:linear-gradient(var(--ui-navy),var(--ui-navy-deep));box-shadow:inset 0 0 0 3px var(--ui-navy-light),var(--ui-shadow-lg)}.map-screen .node.avail{animation:none}.map-screen .node.avail img{filter:drop-shadow(0 0 6px var(--ui-gold-light))}.map-screen .node.here{outline:2px solid var(--ui-gold-light);outline-offset:4px}@media (height<=500px){button:not(.card):not(.h-slot),.btn,.btn.small,.ui-btn,select,input:not([type=checkbox]):not([type=radio]),[role=button]{min-width:36px;min-height:36px}.btn{font-size:var(--ui-f-body);padding:6px 12px}.btn.small{font-size:var(--ui-f-help);padding:4px 8px}.scene-layout,.setup-screen.scene-layout{padding:12px}.scene-panel,.setup-screen .scene-panel{gap:12px;padding:16px}.scene-heading{gap:4px;padding-bottom:8px}.scene-heading h2{font-size:var(--ui-f-subtitle)}.scene-heading .ui-tabs{margin-top:4px}.scene-actions{gap:8px;padding-top:8px}.rest-screen .choice-list{gap:12px}.rest-screen .rest-choice{min-height:158px;padding:16px;gap:8px!important}.rest-screen .rest-choice .glyph{width:32px;height:32px}.event-screen .scene-content{gap:8px 16px}.event-screen .event-art{min-height:160px}.event-screen .choice{min-height:56px;padding:8px}.shop-screen .ware .card{--card-w:96px}.shop-screen .ware{gap:8px}.shop-screen .card-row{gap:12px}.shop-screen .loot-row{min-height:44px;font-size:var(--ui-f-help);padding:8px}.shop-screen .loot{gap:8px}.shop-screen .shop-service{min-height:120px}.setup-screen .scene-heading{display:none}.setup-screen .scene-panel{padding:8px}.setup-screen .setup-columns{gap:16px}.setup-screen .setup-columns h3{font-size:var(--ui-f-help)}.setup-screen .weapon-list{padding:0}.setup-screen .weapon-desc{font-size:var(--ui-f-help)}.setup-screen .character-list{gap:4px}.boon-screen .scene-content{gap:12px}.boon-screen .boon-head h2{font-size:var(--ui-f-title)}.boon-screen .boon-head p{font-size:var(--ui-f-help);margin-top:4px}.boon-screen .boon{aspect-ratio:auto;border-radius:8px 8px 20px 20px;gap:6px;width:140px;min-height:182px;padding:12px 8px}.boon-screen .boon-icon{width:64px;height:64px}.boon-screen .boon-name{font-size:var(--ui-f-body)}.boon-screen .boon-list{gap:16px}.boon-screen .boon-text{font-size:var(--ui-f-help);padding:6px}.reward-screen .scene-content{grid-template-columns:minmax(0,1fr) 200px;gap:6px 16px}.reward-screen .rw-banner{padding:2px 0}.reward-screen .rw-banner h2{font-size:var(--ui-f-title)}.reward-screen .rw-cards{gap:20px}.reward-screen .rw-card{--card-w:94px}.reward-screen .rw-h{font-size:var(--ui-f-help);margin:0}.reward-screen .rw-loot{gap:6px}.reward-screen .rw-gold{font-size:var(--ui-f-body);padding:6px}.reward-screen .rw-relic{padding:6px}.reward-screen .rw-relic-text b{font-size:var(--ui-f-help)}.reward-screen .rw-relic img,.reward-screen .rw-relic .pouch{width:36px;height:36px}.reward-screen .rw-sub{font-size:var(--ui-f-help)}.reward-screen .drops{padding:4px}.reward-screen .drops .item-icon{width:36px;height:36px}.hub-page .hub-intro{margin-bottom:16px}.hub-page .hub-card{min-height:224px}.hub-page .hub-emblem{width:44px;height:44px;margin:4px 0}.pet-room .pet-controls{width:340px;max-height:92%;padding:16px;top:4%;right:3%}.pet-room .pet-buttons button{min-height:36px}.pet-room .pet-stage{top:5%}.pet-room .pet-controls p{margin:0}.pet-room .pet-name{margin:4px 0}.hud{min-height:44px}:is(.hud .pouch,.hud .pouch:has(img),.hud .sound-btn){width:36px;height:36px}.hud .relic{min-width:36px;min-height:36px}}@media (prefers-reduced-motion:reduce){.screen-enter-active,.screen-leave-active,.screen-wipe,.archive-layout *,.ui-dialog[open],.kv,.node,.hero-token{transition:none!important;animation:none!important}.screen-wipe{display:none}.battle-stage .bg,.ui-btn:active,.btn:active{transform:none!important}}@media (height<=500px){.shop-screen .scene-panel{gap:8px;padding:12px}.shop-screen .scene-heading h2,.shop-screen .scene-heading>p{display:none}.shop-screen .scene-heading .ui-tabs{margin:0}.shop-screen .ware .card{--card-w:88px}.archive-layout .codex-grid>button{content-visibility:auto;contain-intrinsic-size:120px 166px}}@media (height>=501px){.archive-layout .codex-grid>button{content-visibility:auto;contain-intrinsic-size:136px 188px}}.summary-screen .scene-panel{gap:16px;padding:24px}.summary-screen .learning-summary{margin:0}.summary-screen .summary-overview{align-items:center}@media (height<=500px){.summary-screen .scene-panel{gap:8px;padding:8px}.summary-screen .scene-heading{padding-bottom:8px}.summary-screen .learning-summary{font-size:var(--ui-f-help);padding:8px}.summary-screen .learning-bar{height:8px;margin:4px 0}.summary-screen .scene-actions{padding-top:8px}.summary-screen .drops-title{font-size:var(--ui-f-body)}}.shop-screen .card-row{padding:0}@media (height<=500px){.reward-screen .actions .btn.big{height:36px;min-height:36px;font-size:var(--ui-f-body);padding:4px 16px}.challenge-screen .scene-panel{gap:8px;padding:12px}}:root{--ui-f-help:13px;--ui-muted:#4d5b70}@media (height<=500px){:root{--ui-f-help:12px}}.archive-layout{background:linear-gradient(110deg, #102039d6, #102039f2), var(--archive-image) center/cover;grid-template-columns:200px minmax(0,1fr) 300px;gap:18px;padding:20px 24px}.archive-layout:not(:has(>.archive-detail)){grid-template-columns:200px minmax(0,1fr)}.archive-rail{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c345a8c;border:1px solid #c69a4b73;border-radius:18px;gap:14px;padding:16px 14px}.archive-seal{width:52px;height:52px;box-shadow:inset 0 0 0 3px var(--ui-navy), inset 0 0 0 4px var(--ui-gold)}.archive-seal .glyph{width:24px;height:24px}.archive-rail-content{gap:12px}.archive-rail-content h3{font:800 16px/1.3 var(--font-display);letter-spacing:.06em;color:#efdbac;margin:0}.archive-rail-content label,.archive-rail-content small,.archive-rail-content p{color:#e6ebf3;font-size:13px;line-height:1.6}.archive-rail-content .ui-btn{border-radius:10px;min-height:42px;font-size:15px}.archive-rail-content .ui-btn:not([data-variant=primary]):not([aria-selected=true]):not([aria-pressed=true]){color:#faf6ed;box-shadow:none;background:#fffdf712;border-color:#c69a4b80}.archive-rail-content .ui-btn:not([data-variant=primary]):hover{background:#fffdf729}.archive-rail-content .ui-btn:is([data-variant=primary],[aria-selected=true],[aria-pressed=true]){color:#102039;background:linear-gradient(#f5dc95,#c69a4b);border-color:#c69a4b}.archive-rail-foot{display:none}.archive-workspace{border-color:#c69a4bd9;border-radius:18px;box-shadow:0 18px 44px #00000059}.archive-heading{background:0 0;border-bottom:0;padding:22px 28px 14px}.archive-heading h2{font:900 28px/1.25 var(--font-display);letter-spacing:.04em;color:var(--ui-navy)}.archive-heading p{color:var(--ui-muted);font-size:14px}.archive-content{padding:4px 28px 28px}.archive-detail{box-shadow:0 18px 44px #0000004d, inset 0 0 0 4px var(--ui-paper);border-radius:18px;padding:22px}:is(.archive-content,.archive-detail) .ui-panel{background:#ffffffa8;border:0;border-radius:14px;padding:16px 18px;box-shadow:0 1px #c69a4b4d,0 8px 18px #10203912}:is(.archive-content,.archive-detail) .ui-panel:before,:is(.archive-content,.archive-detail) .ui-panel:after{display:none}:is(.archive-content,.archive-detail) .ui-panel>h2{box-shadow:none;font:800 17px/1.35 var(--font-display);color:var(--ui-navy);background:0 0;border:0;margin:0 0 10px;padding:0;display:block}:is(.archive-content,.archive-detail) .ui-panel>h2:after{display:none}.archive-callout{border-radius:10px;font-size:14px}.stats-numbers{gap:14px!important}.stats-numbers article{background:color-mix(in srgb, var(--ui-learning) 8%, #fff);border-radius:14px;border:0!important;padding:14px 16px!important}.stats-numbers article>span{color:var(--ui-muted);font-size:13px}.stats-numbers b{color:var(--ui-learning);font:900 30px/1.15 var(--font-display)!important}.stats-numbers b small{margin-left:3px;font-size:14px;font-weight:700}.achievements-screen .archive-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.achievement-item .achievement-symbol{flex:none;width:76px;height:76px}.scene-heading h2{letter-spacing:.04em;font-size:30px}.scene-heading p{font-size:14px}.shop-screen .ware>.btn,.shop-screen .ware>button:not(.card){min-width:84px;font:800 16px/1 var(--font-num)}@media (width<=1000px),(height<=500px){:is(.archive-layout,.archive-layout:not(:has(>.archive-detail))){grid-template-columns:150px minmax(0,1fr);gap:10px;padding:10px 12px}.archive-rail{border-radius:14px;gap:8px;padding:10px 8px}.archive-seal{width:36px;height:36px}.archive-seal .glyph{width:18px;height:18px}.archive-rail-content h3{font-size:13px}.archive-rail-content .ui-btn{min-height:36px;font-size:13px}.archive-heading{padding:10px 14px 6px}.archive-heading h2{font-size:19px}.archive-heading p{font-size:12px}.archive-content{padding:2px 14px 14px}:is(.archive-content,.archive-detail) .ui-panel{border-radius:12px;padding:10px 12px}.stats-numbers b{font-size:20px!important}.stats-numbers article{padding:8px 10px!important}.achievements-screen .archive-list{gap:8px}.achievement-item .achievement-symbol{width:48px;height:48px}.scene-heading h2{font-size:20px}.shop-screen .ware .card{--card-w:100px}.shop-screen .card-row{gap:12px}}.setup-columns{counter-reset:setup-step}.setup-screen .setup-columns h3{align-items:center;gap:8px;font-size:18px;display:flex}.setup-screen .setup-columns h3:before{counter-increment:setup-step;content:counter(setup-step);background:var(--ui-navy);color:#efdbac;width:24px;height:24px;font:800 14px/1 var(--font-num);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 2px #c69a4b}.setup-screen .btn.primary.big{letter-spacing:.3em;text-indent:.3em;min-width:160px;min-height:48px;font-size:20px}.ui-toast{opacity:.96;max-width:min(320px,80vw);font-size:13px}.ui-toast:hover{opacity:1}.summary-score .stat-row b{font:900 34px/1.1 var(--font-display);color:var(--ui-navy)}.summary-screen.win .summary-score .stat-row b{color:#9a6a12}.summary-score .stat-row span{color:var(--ui-muted);font-size:13px}@media (height<=500px){.setup-screen .setup-columns h3{gap:5px;font-size:13px}.setup-screen .setup-columns h3:before{width:18px;height:18px;font-size:11px}.setup-screen .btn.primary.big{min-width:110px;min-height:38px;font-size:16px}.ui-toast{max-width:min(260px,70vw);font-size:12px}.summary-score .stat-row b{font-size:22px}}.hud .stat{font-size:14px}.hud .stat b{font:800 21px/1 var(--font-num);letter-spacing:.02em}.hud .stat.life b{color:#ff8a8a}.hud .stat.gold b{color:#f3cf6e}.hud .hud-btn{font-size:13px}@media (height<=500px){.hud .stat b{font-size:16px}.hud .stat{font-size:12px}}.setup-screen .setup-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;display:grid}.setup-screen .setup-options .switch{align-items:flex-start;min-height:0;font-size:12px;line-height:1.5}.setup-screen .setup-options .switch b{font-size:13px}@media (height>=501px){.setup-screen .setup-columns h3{margin:4px 0 6px;font-size:16px}}.scene-panel>.scene-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-gold) transparent;flex:auto;overflow:auto}.scene-panel>.scene-heading,.scene-panel>.scene-actions{flex:none}.setup-screen .character-passive{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.setup-screen :is(.t-note,.fine){-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.setup-screen .weapon-desc,.setup-screen .setup-options .switch>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.setup-screen .unit{padding-top:6px;padding-bottom:6px}.setup-screen .setup-columns{gap:24px}.shop-screen .ware .card{--card-w:158px}.shop-screen .card-row{gap:18px;padding:2px 0}@media (width<=1000px),(height<=500px){.shop-screen .ware .card{--card-w:84px}.setup-screen .weapon-desc,.setup-screen .setup-options .switch>span:last-child{-webkit-line-clamp:1}.setup-screen .t-note{display:none}}.setup-screen .scene-actions{justify-content:flex-end}.setup-chips{flex-wrap:wrap;gap:8px;margin-right:auto;display:flex}.chip-toggle{color:#233650;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffdf7;border:1.5px solid #c69a4b;border-radius:999px;align-items:center;min-height:38px;padding:0 14px 0 34px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.chip-toggle input{accent-color:#182e50;width:16px;height:16px;margin:0;position:absolute;left:12px}.chip-toggle:has(input:checked){color:#faf6ed;background:#182e50;border-color:#182e50}.chip-toggle.off{opacity:.5;cursor:default}@media (height<=500px){.chip-toggle{min-height:40px;padding:0 10px 0 28px;font-size:12px}.chip-toggle input{width:14px;height:14px;left:9px}.setup-chips{gap:5px}}.setup-screen .unit .u-sub{display:none}.setup-screen .unit{min-height:0}.setup-screen .deck-preview{padding:3px 6px;font-size:11px}@media (height>=501px){.setup-screen .character-select{padding:6px 8px}.setup-screen .character-select img{width:50px;height:60px}}.setup-screen .unit-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (height<=500px){.setup-screen .character-passive,.setup-screen .deck-preview{display:none}.setup-screen .unit{padding:4px 6px}}.setup-screen .unit.midterm-unit{background-size:64px;padding-right:70px}.setup-screen .u-meta{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (height<=500px){.setup-screen .u-meta{display:none}.setup-screen .unit.midterm-unit{padding-right:6px;background-image:none!important}.setup-screen .u-name{font-size:13px;line-height:1.35}}.chip-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.chip-toggle:before{content:"";background:#fffdf7;border:2px solid #c69a4b;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:12px;translate:0 -50%}.chip-toggle:has(input:checked):before{background:#f3cf6e;border-color:#f3cf6e;box-shadow:inset 0 0 0 3px #182e50}.chip-toggle:has(input:focus-visible){outline:3px solid var(--ui-learning);outline-offset:2px}@media (height<=500px){.chip-toggle:before{width:12px;height:12px;left:9px}.challenge-screen .fine{display:none}.challenge-screen .challenge-details p,.challenge-screen .today-rules p{margin:2px 0;font-size:12px;line-height:1.5}.challenge-screen .today-rules h3{margin:0;font-size:13px}.challenge-screen .today-rules article{align-items:baseline;gap:8px;padding:6px 8px;display:flex}.challenge-screen .today-rules article h3{flex:none}.challenge-screen .today-rules{gap:6px}}.reward-screen .rw-card{--card-w:188px}.reward-screen .rw-cards{gap:28px;padding-top:6px}.reward-screen .rw-card:hover{transform:translateY(-12px)scale(1.06)}@media (height<=500px){.reward-screen .rw-card{--card-w:100px}.reward-screen .rw-cards{gap:18px;padding-top:0}.reward-screen .scene-content{row-gap:2px}.reward-screen .rw-sub{margin:0}}.rest-screen .rest-choice{text-align:center;justify-content:flex-start;min-height:230px;padding:26px 18px 20px;transition:transform .15s,box-shadow .15s,border-color .15s;align-items:center!important;gap:10px!important}.rest-screen .rest-choice:not(:disabled):hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 14px 28px #172a5e38}.rest-screen .rest-choice b{font:900 var(--ui-f-subtitle)/1.2 var(--font-display);color:var(--ui-navy-deep,#172a5e);letter-spacing:.08em}.rest-screen .rest-choice small{font-size:var(--ui-f-body);color:var(--ui-muted,#5d6a8a);line-height:1.5;margin:0!important}.rest-screen .rc-ic{border:3px solid var(--gold);background:radial-gradient(circle at 35% 30%,#fff,#e9f3ff 60%,#cfe0f5);border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 4px #7d5a1459,inset 0 0 0 3px #fff}.rest-screen .rc-ic .glyph{width:40px!important;height:40px!important}.rest-screen .rc-heal .glyph{color:#d0475a}.rest-screen .rc-fix .glyph{color:#2f8f6b}.rest-screen .rc-up .glyph{color:#b07d16}.rest-screen .rest-choice:disabled{opacity:.55}.rest-screen .rest-choice:disabled .rc-ic{filter:grayscale()}.rest-screen .rc-hp{background:#172a5e24;border-radius:5px;width:80%;height:10px;position:relative;overflow:hidden}.rest-screen .rc-hp i{background:linear-gradient(90deg,#d0475a,#ef6b6b);position:absolute;top:0;bottom:0;left:0}.rest-screen .rc-hp i.gain{background:linear-gradient(90deg,#6fd08f,#9be7ae);animation:1.4s ease-in-out infinite hp-gain}@keyframes hp-gain{50%{opacity:.45}}@media (height<=500px){.rest-screen .rest-choice{min-height:150px;padding:12px 10px;gap:6px!important}.rest-screen .rc-ic{border-width:2px;width:48px;height:48px}.rest-screen .rc-ic .glyph{width:26px!important;height:26px!important}}.run-stats{align-items:center;gap:10px;display:inline-flex}.run-stats .stat{color:#dfe7fa;font-size:14px}.run-stats .stat b{font:800 22px/1 var(--font-num);letter-spacing:.02em}.run-stats .stat.life b{color:#ff8a8a}.run-stats .stat.life,.run-stats .stat.gold{background:linear-gradient(#060e22b8,#1020428c);border-radius:17px;align-items:center;gap:7px;height:34px;padding:0 13px 0 4px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #f6dc8c6b,0 1px #ffffff14}.run-stats .stat.life>.glyph{color:#fff;background:radial-gradient(circle at 35% 30%,#ffb3a6,#d43a4c 60%,#8e1a2c);border-radius:50%;width:26px;height:26px;padding:5px;box-shadow:0 0 0 1.5px #f6dc8c}.run-stats .stat.gold>.coin{background:radial-gradient(circle at 35% 30%,#fff6c8,#f2c94c 42%,#c18a1c 72%,#8a5a08);width:26px;height:26px;box-shadow:inset 0 0 0 3px #fff0b480,0 0 0 1.5px #f6dc8c,0 0 10px #f6cf6e8c}.run-stats .stat.gold b{color:#ffd76a;text-shadow:0 0 8px #f6cf6e59}.stat-delta{z-index:5;font:800 15px/1 var(--font-num);white-space:nowrap;pointer-events:none;background:#081024c7;border-radius:8px;margin-top:3px;padding:2px 7px;animation:1.25s ease-out forwards stat-delta;position:absolute;top:100%;left:50%;translate:-50%}.stat-delta.up{color:#ffe08a;text-shadow:0 0 6px #f6cf6ecc,0 1px #3b2600}.stat-delta.up.heal{color:#9be7ae;text-shadow:0 0 6px #50c878b3,0 1px #0d3a1c}.stat-delta.down{color:#ff8a8a;text-shadow:0 1px #3a0712}@keyframes stat-delta{0%{opacity:0;transform:translateY(-8px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1.15)}75%{opacity:1;transform:translateY(2px)scale(1)}to{opacity:0;transform:translateY(10px)}}@media (height<=500px){.run-stats .stat.life,.run-stats .stat.gold{gap:5px;height:28px;padding:0 10px 0 3px}.run-stats .stat.life>.glyph,.run-stats .stat.gold>.coin{width:22px;height:22px}.run-stats .stat.life>.glyph{padding:4px}.run-stats{gap:6px}.run-stats .stat b{font-size:17px}}.pouch:has(img){background:radial-gradient(closest-side, color-mix(in srgb, var(--pc) 38%, transparent), transparent 78%);box-shadow:none;border:0}.pouch:has(img):hover{box-shadow:none;filter:drop-shadow(0 0 8px var(--gold-hi))}.pouch img{filter:drop-shadow(0 2px 2px #00000059)}