:root{--card-a:#2a241c;--card-b:#16120e;--card-text:#f3e9d2;--card-text-dim:#f3e9d294;--gold-fill:#e6c36b;--on-gold:#2b2010;--on-cinnabar:#fff6ec;--tier-N:#9aa5a1;--tier-R:#5aa9e6;--tier-SR:#b48ef1;--tier-SSR:#e6c36b;--radius:18px;--radius-s:10px;--font-glyph:"HuWenMingChao", "Noto Serif TC", "Songti TC", "PMingLiU", "Source Han Serif TC", serif;--font-ui:-apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Segoe UI", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--nav-h:78px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bd-opacity:.34;--bd-filter:saturate(.85);--bd-veil:linear-gradient(180deg, #f4ead68c, #f4ead638 35%, #f4ead69e);--mist:#fffaeb8c;--mist-blend:normal;--mote:#ffc45ae6;--tone-mix:45%;--crit-text:#8f2515;--crit-glow:#fff6ec;--crit-shadow:#f6d7cc;--daily-a:#c23f2729;--daily-b:#7a221414;--daily-line:#c23f278c;--done-a:#237a5529;--done-b:#1e463714;--done-line:#237a558c;--bg:#f4ead6;--bg-top:#fbf4e6;--bg-mid:#f1e5cd;--ink:#f4ead6;--ink-2:#fbf6ea;--ink-3:#ede1c6;--panel:#fbf6ea;--panel-2:#fffdf7;--sunken:#503c1e14;--track:#503c1e29;--watermark:#3c2d1438;--nav-a:#fbf6ea;--nav-b:#f6eedb;--sheet-a:#fffdf7;--sheet-b:#f8f0dd;--toast-bg:#fffdf7;--arena-a:#fffdf7;--arena-b:#eadcbd;--paper:#15100a;--paper-2:#2a2117;--text:#241c14;--text-2:#4a3d2d;--muted:#6b5c47;--line:#5a411438;--line-2:#5a411473;--cinnabar:#c23f27;--cinnabar-2:#a8301a;--gold:#7d5a10;--gold-2:#6a4a08;--gold-3:#c9a657;--jade:#237a55;--jade-2:#1d6b49;--on-jade:#fff;--azure:#1d5fa0;--violet:#5f3fb0;--good:#1f6f3f;--bad:#b02f1d;--danger-bg:#f6dcd4;--danger-text:#7a1f12;--shadow:0 10px 30px #4632142e}html[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=celadon]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bd-opacity:.32;--bd-filter:saturate(.7) hue-rotate(10deg);--bd-veil:linear-gradient(180deg, #e6efe994, #e6efe940 35%, #e6efe9a3);--mist:#f5fcf899;--mist-blend:normal;--mote:#78dcaae6;--tone-mix:45%;--crit-text:#8f2515;--crit-glow:#fff6ec;--crit-shadow:#f6d7cc;--daily-a:#c23f2729;--daily-b:#7a221414;--daily-line:#c23f278c;--done-a:#237a5529;--done-b:#1e463714;--done-line:#237a558c;--bg:#e6efe9;--bg-top:#f1f7f3;--bg-mid:#e2ece6;--ink:#e6efe9;--ink-2:#f5faf7;--ink-3:#d9e6de;--panel:#f5faf7;--panel-2:#fff;--sunken:#1e463214;--track:#1e463229;--watermark:#143c2d38;--nav-a:#f5faf7;--nav-b:#eaf2ed;--sheet-a:#fff;--sheet-b:#eef5f1;--toast-bg:#fff;--arena-a:#fff;--arena-b:#d5e4db;--paper:#0f1a14;--paper-2:#1f3328;--text:#15241c;--text-2:#2f473b;--muted:#52685c;--line:#143c2d33;--line-2:#143c2d6b;--cinnabar:#b9412a;--cinnabar-2:#9e2f1b;--gold:#6f5612;--gold-2:#5c4609;--gold-3:#bda25b;--jade:#1f6f4f;--jade-2:#1b5f42;--on-jade:#fff;--azure:#1a5a99;--violet:#563aa6;--good:#1d6a3c;--bad:#a82c1b;--danger-bg:#f3dcd6;--danger-text:#7a1f12;--shadow:0 10px 30px #14322829}html[data-theme=ink]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bd-opacity:.72;--bd-filter:saturate(1) brightness(.85);--bd-veil:linear-gradient(180deg, #17131080, #17131033 35%, #171310c7);--mist:#ffdc9624;--mist-blend:screen;--mote:#ffd36bf2;--tone-mix:100%;--crit-text:#fff3e3;--crit-glow:#fff;--crit-shadow:#7a1f12;--daily-a:#d9432b59;--daily-b:#7a221440;--daily-line:#ff8a6b99;--done-a:#4fb08a47;--done-b:#1e463740;--done-line:#9fe3c280;--bg:#171310;--bg-top:#2a2118;--bg-mid:#1d1813;--ink:#171310;--ink-2:#221c16;--ink-3:#2d261e;--panel:#221c16;--panel-2:#2b241c;--sunken:#00000052;--track:#ffffff1f;--watermark:#fff3;--nav-a:#1d1813;--nav-b:#171310;--sheet-a:#2b241c;--sheet-b:#1d1813;--toast-bg:#221c16;--arena-a:#2b241c;--arena-b:#110e0b;--paper:#f3e9d2;--paper-2:#e2d3b1;--text:#f2e8d5;--text-2:#cfc1a6;--muted:#a4967c;--line:#e6c36b38;--line-2:#e6c36b73;--cinnabar:#c93a22;--cinnabar-2:#ff6b4a;--gold:#e6c36b;--gold-2:#f6da93;--gold-3:#9a7536;--jade:#4fb08a;--jade-2:#9fe3c2;--on-jade:#0e1f17;--azure:#5aa9e6;--violet:#b48ef1;--good:#7fd89a;--bad:#ff7a5c;--danger-bg:#4a1d14;--danger-text:#ffd4c9;--shadow:0 10px 30px #00000073}html[data-theme=indigo]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bd-opacity:.68;--bd-filter:saturate(.9) hue-rotate(-12deg) brightness(.82);--bd-veil:linear-gradient(180deg, #121a2680, #121a2638 35%, #121a26cc);--mist:#aac8ff24;--mist-blend:screen;--mote:#aad7fff2;--tone-mix:100%;--crit-text:#fff3e3;--crit-glow:#fff;--crit-shadow:#7a1f12;--daily-a:#d9432b59;--daily-b:#7a221440;--daily-line:#ff8a6b99;--done-a:#4fb08a47;--done-b:#1e463740;--done-line:#9fe3c280;--bg:#121a26;--bg-top:#1f2b3d;--bg-mid:#172130;--ink:#121a26;--ink-2:#1b2534;--ink-3:#27344a;--panel:#1b2534;--panel-2:#243144;--sunken:#00000052;--track:#ffffff1f;--watermark:#fff3;--nav-a:#172130;--nav-b:#121a26;--sheet-a:#243144;--sheet-b:#172130;--toast-bg:#1b2534;--arena-a:#243144;--arena-b:#0e141d;--paper:#f1f5fb;--paper-2:#d6dfeb;--text:#e9eef6;--text-2:#c4cfdf;--muted:#98a7bd;--line:#f0cf7a38;--line-2:#f0cf7a73;--cinnabar:#c93a22;--cinnabar-2:#ff7a5c;--gold:#f0cf7a;--gold-2:#f8e0a0;--gold-3:#a2844a;--jade:#4fb08a;--jade-2:#9fe3c2;--on-jade:#0e1f17;--azure:#7bbcf3;--violet:#c3a3f7;--good:#8be0a6;--bad:#ff8a70;--danger-bg:#4a1d14;--danger-text:#ffd4c9;--shadow:0 10px 30px #00000080}#bdfz-unified-widget{display:none!important}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(1200px 700px at 50% -10%, var(--bg-top) 0%, var(--bg-mid) 45%, var(--bg) 100%) fixed;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(600px 300px at 20% 100%,#d9432b14,#0000 60%),radial-gradient(500px 300px at 85% 20%,#e6c36b12,#0000 60%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:fixed;inset:0}#root{z-index:2;position:relative}a{color:var(--gold)}h1,h2,h3{letter-spacing:.02em;margin:0;font-weight:700}h2{color:var(--text-2);letter-spacing:.08em;margin-bottom:10px;font-size:15px}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}input{font:inherit}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.screen{z-index:1;width:min(100%,560px);padding:14px 16px calc(var(--nav-h) + var(--safe-b) + 48px);flex:1;margin:0 auto;position:relative}html[data-screen=battle] .screen{padding-bottom:16px}.nav{height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:linear-gradient(180deg, var(--nav-a), var(--nav-b));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20;justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px -14px #00000047}.nav:before{content:"";background:linear-gradient(180deg, transparent, var(--nav-a));pointer-events:none;height:48px;position:absolute;bottom:100%;left:0;right:0}.nav-btn{width:20%;max-width:120px;height:var(--nav-h);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 0 8px;font-size:13px;transition:color .2s;display:flex;position:relative}.nav-btn.is-active{color:var(--gold-2)}.nav-btn.is-active:after{content:"";background:var(--gold);border-radius:2px;width:28px;height:2px;position:absolute;top:0}.nav-coin{flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.nav-coin img{filter:saturate(.55)brightness(.8);border-radius:50%;width:36px;height:36px;transition:transform .2s,filter .2s,box-shadow .2s;display:block;box-shadow:0 3px 8px #00000059}.nav-btn.is-active .nav-coin img{filter:none;transform:translateY(-3px)scale(1.12);box-shadow:0 6px 14px #0006,0 0 16px #e6c36b8c}.nav-label{letter-spacing:.08em;font-size:13px;font-weight:700;line-height:1.2}.btn{background:var(--ink-3);border:1px solid var(--line-2);min-height:46px;color:var(--text);letter-spacing:.04em;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-weight:600;transition:transform .12s,background .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{color:#fff6ec;background:linear-gradient(#c23f27,#8f2515);border-color:#e0674d;box-shadow:0 6px 20px #d9432b59}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-danger{background:var(--danger-bg);border-color:var(--bad);color:var(--danger-text)}.link{color:var(--gold);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#0000004d;border-radius:12px;outline:none;padding:0 14px}.input:focus{border-color:var(--gold)}.chips{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.chip{border:1px solid var(--line);color:var(--text-2);background:var(--panel);border-radius:999px;padding:7px 12px;font-size:13px;transition:all .15s}.chip.is-on{background:var(--gold-fill);color:var(--on-gold);border-color:var(--gold-fill);font-weight:700}.chip-SSR.is-on{background:var(--tier-SSR)}.chip-SR.is-on{background:var(--tier-SR)}.chip-R.is-on{background:var(--tier-R)}.chip-N.is-on{background:var(--tier-N)}.seg{background:var(--sunken);border:1px solid var(--line);border-radius:12px;padding:3px;display:inline-flex}.seg-btn{color:var(--text-2);border-radius:9px;padding:8px 16px;font-size:14px}.seg-btn.is-on{background:var(--ink-3);color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--line-2)}.panel,.panel-glass{background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);margin-top:14px;padding:14px 16px}.row-form{align-items:center;gap:8px;display:flex}.switch{align-items:center;gap:10px;padding:8px 0 12px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--gold)}.toasts{z-index:50;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast{background:var(--toast-bg);border:1px solid var(--line-2);color:var(--text);box-shadow:var(--shadow);border-radius:999px;padding:9px 16px;font-size:14px;animation:.25s ease-out toast-in}.toast-gold{border-color:var(--gold);color:var(--gold-2)}.toast-bad{border-color:var(--bad);color:#ffd4c9}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;background:#0009;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal-card{background:var(--ink-2);border:1px solid var(--line-2);width:min(100%,560px);max-height:86dvh;padding:18px 18px calc(18px + var(--safe-b));border-bottom:0;border-radius:22px 22px 0 0;animation:.28s cubic-bezier(.2,.9,.3,1.1) sheet-in;position:relative;overflow:auto}@media (width>=640px){.modal{align-items:center}.modal-card{border-bottom:1px solid var(--line-2);border-radius:22px}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}.modal-close{width:36px;height:36px;color:var(--text-2);border-radius:50%;position:absolute;top:10px;right:10px}.fx-canvas{pointer-events:none;z-index:30;position:fixed;inset:0}.fx-flash{pointer-events:none;z-index:29;animation:.38s ease-out forwards flash;position:fixed;inset:0}.fx-flash-good{background:radial-gradient(circle at 50% 40%,#e6c36b59,#0000 60%)}.fx-flash-bad{background:radial-gradient(circle at 50% 40%,#d9432b59,#0000 60%)}@keyframes flash{0%{opacity:1}to{opacity:0}}.shake-soft{animation:.42s shake}.shake-hard{--amp:9px;animation:.42s linear shake}@keyframes shake{10%,90%{transform:translateX(calc(var(--amp,4px) * -.5))}20%,80%{transform:translateX(var(--amp,4px))}30%,50%,70%{transform:translateX(calc(var(--amp,4px) * -1))}40%,60%{transform:translateX(var(--amp,4px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fx-canvas{display:none}}.boot-error{text-align:center;place-content:center;gap:8px;min-height:100dvh;padding:24px;display:grid}.dial{border-radius:50%;flex:none;place-items:center;transition:transform .15s;display:grid;position:relative;box-shadow:0 4px 12px #00000059,0 0 0 1.5px #e6c36b80}.dial:active{transform:scale(.94)}.dial img{border-radius:50%;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.9,.2,1.2);display:block}.dial-name{background:var(--toast-bg);border:1px solid var(--line-2);color:var(--text);white-space:nowrap;pointer-events:none;z-index:5;border-radius:999px;padding:2px 9px;font-size:13px;animation:1.6s ease-out forwards dial-name;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.dial-row .dial-name{left:calc(100% + 10px);right:auto}@keyframes dial-name{0%{opacity:0;transform:translate(6px,-50%)}15%,70%{opacity:1;transform:translateY(-50%)}to{opacity:0}}.backdrop{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.bd-img{object-fit:cover;object-position:center 30%;width:108%;height:108%;opacity:var(--bd-opacity);filter:var(--bd-filter);animation:.9s both bd-in,60s ease-in-out infinite alternate bd-drift;position:absolute;inset:-4%}.bd-none{background:var(--bg);animation:.9s both bd-in}@keyframes bd-in{0%{opacity:0}}@keyframes bd-drift{to{transform:translateY(-2.5%)scale(1.04)}}.bd-veil{background:var(--bd-veil);position:absolute;inset:0}.bd-mist{background:radial-gradient(40% 30% at 30% 60%, var(--mist), transparent 70%), radial-gradient(35% 25% at 75% 35%, var(--mist), transparent 70%);opacity:.8;mix-blend-mode:var(--mist-blend);animation:48s ease-in-out infinite alternate mist;position:absolute;inset:-30%}.bd-mist-b{background:radial-gradient(30% 22% at 60% 80%, var(--mist), transparent 70%), radial-gradient(28% 20% at 20% 20%, var(--mist), transparent 70%);animation-duration:66s;animation-direction:alternate-reverse}@keyframes mist{to{transform:translate(8%,-5%)rotate(6deg)}}.bd-motes{position:absolute;inset:0}.bd-motes i{left:var(--x);width:var(--s);height:var(--s);background:var(--mote);box-shadow:0 0 8px var(--mote), 0 0 16px var(--mote);opacity:0;animation:mote var(--d) linear var(--delay) infinite;border-radius:50%;position:absolute;bottom:-12px}@keyframes mote{0%{opacity:0;transform:translate(0,0)}12%{opacity:.9}50%{transform:translate(14px,-50vh)}88%{opacity:.6}to{opacity:0;transform:translate(-10px,-104vh)}}html[data-screen=battle] .bd-motes i{animation-duration:calc(var(--d) * .6)}.screen{animation:.4s ease-out backwards screen-in}@keyframes screen-in{0%{opacity:0}}.emblem{border-radius:50%;flex:none;display:inline-block;position:relative}.emblem img{border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 4px 10px #00000059}.emblem-5 img,.emblem-6 img,.emblem-7 img,.emblem-8 img{box-shadow:0 4px 10px #00000059,0 0 16px #ffd36b73}.emblem-8:after{content:"";opacity:0;pointer-events:none;border-radius:50%;animation:3s ease-in-out infinite emblem-shine;position:absolute;inset:-2px;box-shadow:0 0 28px #ffecaae6}@keyframes emblem-shine{50%{opacity:1}}.stars{align-items:center;gap:2px;display:inline-flex}.stars img{opacity:.22;filter:grayscale()brightness(.9);width:14px;height:14px;transition:opacity .3s,filter .3s;display:block}.stars img.is-on{opacity:1;filter:drop-shadow(0 0 4px #ffd36bcc)}.row-form .btn{white-space:nowrap;flex:none}.battle{flex-direction:column;gap:10px;min-height:calc(100dvh - 32px);display:flex}.battle-loading{color:var(--muted);justify-content:center;align-items:center}.loading-seal{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45;transform:scale(.96)}}.battle-top{grid-template-columns:36px 1fr auto 40px;grid-template-areas:"quit path combo timer""quit meta combo timer";align-items:center;gap:4px 10px;display:grid}.battle-quit{border-radius:50%;grid-area:quit;width:36px;height:36px;font-size:15px}.path{grid-area:path;align-items:center;gap:4px;display:flex}.node{background:var(--track);border-radius:4px;flex:1;height:8px;transition:background .25s,transform .25s;position:relative}.node-elite{background:#b48ef159}.node-boss{background:#e6c36b59;flex:1.6}.node-boss:after{content:"☠";color:var(--gold);font-size:11px;position:absolute;top:-14px;right:-2px}.node.is-now{background:var(--gold);box-shadow:0 0 10px var(--gold);transform:scaleY(1.6)}.node.is-won{background:var(--jade)}.node.is-lost{background:var(--cinnabar)}.battle-meta{color:var(--muted);grid-area:meta;gap:8px;font-size:12px;display:flex}.battle-label{color:var(--text-2)}.combo{min-width:44px;color:var(--muted);flex-direction:column;grid-area:combo;align-items:center;line-height:1;transition:color .2s,transform .2s;display:flex}.combo-n{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.combo-t{letter-spacing:.2em;font-size:10px}.combo.is-hot{color:var(--gold-2);text-shadow:0 0 12px #e6c36bb3;animation:.3s combo-pop}@keyframes combo-pop{50%{transform:scale(1.25)}}.timer{grid-area:timer;width:40px;height:40px;position:relative}.timer svg{transform:rotate(-90deg)}.timer-track{fill:none;stroke:var(--track);stroke-width:3.5px}.timer-fill{fill:none;stroke:var(--gold);stroke-width:3.5px;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .3s}.timer-num{font-variant-numeric:tabular-nums;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.timer.is-urgent .timer-fill{stroke:var(--cinnabar-2)}.timer.is-urgent .timer-num{color:var(--cinnabar-2);animation:.6s infinite pulse}.arena{background:radial-gradient(circle at 50% 85%, #e6c36b1f, transparent 55%), radial-gradient(circle at 50% 20%, #d9432b1a, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--arena-a) 72%, transparent), color-mix(in srgb, var(--arena-b) 86%, transparent));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:22px;justify-content:center;align-items:center;min-height:236px;padding:36px 12px 46px;display:flex;position:relative;overflow:hidden}.arena:before{content:"";background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;height:26px;position:absolute;bottom:42px;left:10%;right:10%}.role-boss .arena{border-color:#e6c36b8c;box-shadow:inset 0 0 60px #e6c36b1a}.score-now{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;display:flex;position:absolute;top:8px;right:12px}.score-now-n{font-size:18px;font-weight:800}.score-now-t{font-size:11px}.dmg{color:var(--gold-2);text-shadow:0 2px #7a5a20,0 0 24px #e6c36bcc;pointer-events:none;z-index:3;white-space:nowrap;font-size:38px;font-weight:900;animation:1s ease-out forwards dmg-pop;position:absolute;top:34%;left:50%;transform:translate(-50%)}.dmg.is-crit{color:var(--crit-text);text-shadow:0 0 10px var(--crit-glow), 0 0 30px var(--cinnabar-2), 0 3px 0 var(--crit-shadow);font-size:46px}@keyframes dmg-pop{0%{opacity:0;transform:translate(-50%,20px)scale(.6)rotate(-6deg)}20%{opacity:1;transform:translate(-50%)scale(1.2)rotate(2deg)}to{opacity:0;transform:translate(-50%,-80px)scale(1)}}.slash{transform-origin:50%;pointer-events:none;z-index:2;filter:drop-shadow(0 0 10px #ffdc78e6);background:linear-gradient(90deg,#0000,#fff8e6 30%,#ffd36b 50%,#fff8e6 70%,#0000);border-radius:3px;width:70%;height:6px;margin-left:-35%;animation:.42s ease-out forwards slash;position:absolute;top:50%;left:50%}@keyframes slash{0%{opacity:1;transform:rotate(-35deg)scaleX(0)translateY(-10px)}35%{opacity:1;transform:rotate(-35deg)scaleX(1.1)}to{opacity:0;transform:rotate(-35deg)scaleX(1.2)translateY(20px)}}.party{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:8px;left:12px;right:12px}.hp{align-items:flex-end;gap:2px;display:flex}.candle{opacity:.22;filter:grayscale()brightness(.7);transform-origin:50% 90%;width:36px;height:36px;transition:opacity .3s,filter .3s,transform .3s}.candle.is-lit{opacity:1;filter:drop-shadow(0 0 8px #ffb450cc);animation:1.6s ease-in-out infinite flicker}@keyframes flicker{50%{transform:scale(1.06)rotate(-2deg)}}.mana{color:var(--azure);letter-spacing:.1em;align-items:center;gap:6px;font-size:11px;display:flex}.mana-dots{gap:3px;display:flex}.mana-dots img{opacity:.2;filter:grayscale();width:16px;height:16px;transition:opacity .3s,filter .3s,transform .3s}.mana-dots img.is-on{opacity:1;filter:drop-shadow(0 0 6px var(--azure));transform:scale(1.1)}.foe{--tier:var(--tier-N);--orbit:100px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;display:flex;position:relative}.foe.tier-R{--tier:var(--tier-R)}.foe.tier-SR{--tier:var(--tier-SR)}.foe.tier-SSR{--tier:var(--tier-SSR)}.foe-hp{border:1px solid color-mix(in srgb, var(--tier) 60%, transparent);background:#000000b8;border-radius:9px;width:100%;height:18px;position:relative;overflow:hidden}.foe-hp-fill{background:linear-gradient(90deg, var(--cinnabar), var(--cinnabar-2));height:100%;transition:width .45s cubic-bezier(.2,.9,.2,1)}.role-boss .foe-hp-fill{background:linear-gradient(90deg, #7a1f12, var(--cinnabar-2), var(--gold-2))}.foe-hp-text{letter-spacing:.12em;color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.foe-body{perspective:700px;place-items:center;width:200px;height:200px;animation:2.8s ease-in-out infinite foe-idle;display:grid;position:relative}.role-elite .foe-body{--orbit:110px;width:216px;height:216px}.role-boss .foe-body{--orbit:126px;width:246px;height:246px}@keyframes foe-idle{50%{transform:translateY(-6px)}}.foe-aura{background:radial-gradient(circle, color-mix(in srgb, var(--tier) 42%, transparent), transparent 64%);border-radius:50%;animation:3s ease-in-out infinite aura;position:absolute;inset:-26px}@keyframes aura{50%{opacity:.7;transform:scale(1.12)}}.foe-ring{border:2px dashed color-mix(in srgb, var(--tier) 75%, #fff);opacity:.8;box-shadow:0 0 22px color-mix(in srgb, var(--tier) 50%, transparent);border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:0}.role-boss .foe-ring{border-style:double;border-width:3px;animation-duration:10s}@keyframes spin{to{transform:rotate(360deg)}}.foe-portal{box-shadow:inset 0 -26px 44px #000000bf, 0 12px 34px #0000008c, 0 0 0 2px color-mix(in srgb, var(--tier) 55%, transparent);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform;background:radial-gradient(circle at 50% 40%,#2b2320,#050403 75%);border-radius:50%;position:absolute;inset:10px;overflow:hidden}.foe-beast{object-fit:cover;width:112%;height:112%;transform:translate(var(--px,0), var(--py,0)) scale(1.02);filter:drop-shadow(0 0 12px color-mix(in srgb, var(--tier) 50%, transparent));animation:3.4s ease-in-out infinite breathe;position:absolute;inset:-6%}@keyframes breathe{50%{transform:translate(var(--px,0), calc(var(--py,0) - 3px)) scale(1.06)}}.foe-shine{background:radial-gradient(circle at 30% 20%, #ffffff38, transparent 42%), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--tier) 35%, transparent), transparent 55%);pointer-events:none;border-radius:50%;position:absolute;inset:0}.foe-portal:after{content:"";opacity:0;pointer-events:none;background:#fff3e3;position:absolute;inset:0}.foe-glyph{z-index:3;font-family:var(--font-glyph);color:var(--card-text);text-shadow:0 2px 0 #000000b3, 0 0 16px #000, 0 0 34px color-mix(in srgb, var(--tier) 70%, transparent);white-space:nowrap;text-align:center;background:radial-gradient(circle,#100c09d6 0 46%,#100c0900 72%);border-radius:50%;max-width:96%;padding:6px 16px;font-size:82px;line-height:1;position:relative;transform:translateY(34%)}.role-boss .foe-glyph{transform:translateY(38%)}.foe-py{color:var(--text-2);letter-spacing:.08em;z-index:3;text-shadow:0 0 8px var(--bg);font-size:12.5px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.foe-crown{z-index:4;filter:drop-shadow(0 4px 8px #000)drop-shadow(0 0 10px #ffd36bb3);width:58px;height:58px;animation:2.4s ease-in-out infinite bob;position:absolute;top:-22px}.foe-sparks{pointer-events:none;z-index:2;position:absolute;inset:0}.foe-sparks i{background:color-mix(in srgb, var(--tier) 70%, #fff);width:6px;height:6px;box-shadow:0 0 8px var(--tier), 0 0 14px var(--tier);animation:7s linear infinite orbit;animation-delay:calc(var(--i) * -.875s);opacity:.9;border-radius:50%;margin:-3px;position:absolute;top:50%;left:50%}@keyframes orbit{0%{transform:rotate(0deg) translateX(var(--orbit)) rotate(0deg) scale(1)}50%{transform:rotate(180deg) translateX(var(--orbit)) rotate(-180deg) scale(.5)}to{transform:rotate(360deg) translateX(var(--orbit)) rotate(-360deg) scale(1)}}.foe.state-enter .foe-body{animation:.7s cubic-bezier(.2,.9,.25,1.2) both foe-enter}@keyframes foe-enter{0%{opacity:0;filter:blur(10px);transform:scale(.2)translateY(60px)}}.foe.state-hit .foe-body{animation:.42s foe-hit}.foe.state-hit .foe-portal:after{animation:.42s ease-out portal-flash}@keyframes portal-flash{0%{opacity:.95}to{opacity:0}}@keyframes foe-hit{20%{transform:translate(-12px)rotate(-4deg)}45%{transform:translate(10px)rotate(3deg)}70%{transform:translate(-5px)}}.foe.state-dead .foe-body{animation:.9s ease-in forwards foe-dead}@keyframes foe-dead{to{opacity:0;filter:blur(8px)brightness(3);transform:scale(.3)rotate(25deg)}}.foe.state-attack .foe-body{animation:.5s ease-out foe-attack}.foe.state-attack .foe-beast{filter:brightness(1.35)saturate(1.5)drop-shadow(0 0 16px #ff4a2a)}.foe.state-attack .foe-portal{box-shadow:inset 0 -26px 44px #000000bf,0 0 40px #ff4a2ab3,0 0 0 2px #ff6b4a}@keyframes foe-attack{30%{transform:scale(1.28)translateY(32px)}60%{transform:scale(1.1)translateY(10px)}}.spell{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 94%, transparent), color-mix(in srgb, var(--panel) 94%, transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:12px 14px 10px;position:relative}.spell:before{content:"";border:8px solid #0000;border-bottom-color:var(--line);border-top:0;margin-left:-8px;position:absolute;top:-8px;left:50%}.spell-meta{color:var(--muted);text-align:center;margin-top:6px;font-size:12.5px}.sentence{font-family:var(--font-glyph);color:var(--paper);text-align:center;font-size:20px;line-height:1.55}.sentence p{margin:0}.sentence.is-compare{text-align:left;max-height:34dvh;font-size:16px;overflow:auto}.sentence.is-compare p+p{margin-top:6px}.target{color:var(--cinnabar-2);border-bottom:2px solid var(--cinnabar);background:0 0;padding:0 1px;font-weight:700}.spell-stem{color:var(--text-2);text-align:center;margin-top:8px;font-size:14.5px}.spell-hint{color:var(--azure);font-size:13px;font-family:var(--font-glyph);border-top:1px dashed #5aa9e666;margin-top:8px;padding-top:6px}.moves{grid-template-columns:1fr 1fr;gap:10px;display:grid}.moves.is-long{grid-template-columns:1fr}@media (width<=380px){.moves{grid-template-columns:1fr}}.move{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 94%, transparent), color-mix(in srgb, var(--panel) 94%, transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;line-height:1.35;transition:transform .12s,border-color .2s,background .2s;animation:.35s both opt-in;display:flex;position:relative;overflow:hidden}@keyframes opt-in{0%{opacity:0;transform:translateY(10px)}}.move:not(:disabled):hover{border-color:var(--line-2)}.move:not(:disabled):active{transform:scale(.96)}.move-key{width:30px;height:30px;color:var(--gold);font-family:var(--font-glyph);background:#e6c36b1f;border-radius:8px;flex:0 0 30px;place-items:center;font-size:15px;display:grid}.move-text{color:var(--text);font-size:15px}.moves.is-long .move-text{font-family:var(--font-glyph)}.move.is-answer{border-color:var(--good);background:#4fb08a2e;box-shadow:0 0 18px #4fb08a59}.move.is-answer .move-key{background:var(--jade);color:var(--on-jade)}.move.is-wrong{border-color:var(--bad);background:#d9432b26}.move.is-wrong .move-key{background:var(--cinnabar);color:var(--on-cinnabar)}.move.is-struck{opacity:.3;text-decoration:line-through}.move:disabled:not(.is-answer):not(.is-wrong):not(.is-struck){opacity:.4}.skills{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.skill{color:var(--text-2);background:#5aa9e60f;border:1px solid #5aa9e640;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;transition:all .2s;display:flex}.skill-icon{filter:saturate(.5)brightness(.8);border-radius:50%;width:42px;height:42px;transition:filter .2s,transform .2s;box-shadow:0 3px 8px #0006}.skill.is-ready .skill-icon{filter:none;transform:scale(1.06);box-shadow:0 3px 8px #0006,0 0 14px #5aa9e6b3}.skill-name{font-family:var(--font-glyph);font-size:16px}.skill-cost{gap:2px;min-height:12px;display:inline-flex}.skill-cost img{width:12px;height:12px}.skill.is-ready{border-color:var(--azure);color:var(--azure);box-shadow:0 0 14px #5aa9e64d}.skill:disabled{opacity:.45}.explain{z-index:25;width:min(100%,560px);max-height:74dvh;padding-bottom:calc(16px + var(--safe-b));border:1px solid var(--line-2);background:linear-gradient(180deg, var(--sheet-a), var(--sheet-b));border-radius:22px 22px 0 0;padding:14px 16px 16px;animation:.3s cubic-bezier(.2,.9,.3,1.1) sheet-in;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -10px 40px #0009}@media (width>=640px){.explain{border-radius:22px;bottom:16px}}.explain.is-good{border-color:#7fd89a80}.explain.is-bad{border-color:#ff7a5c80}.explain-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.explain-verdict{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800}.is-good .explain-verdict{background:var(--jade);color:var(--on-jade)}.is-bad .explain-verdict{background:var(--cinnabar);color:var(--on-cinnabar)}.explain-title{color:var(--text-2);font-size:14px}.explain-answer{font-size:20px;font-family:var(--font-glyph);margin-top:10px}.explain-answer b{color:var(--gold-2)}.explain-picked{color:var(--text-2);font-size:13.5px;font-family:var(--font-ui);margin-left:10px}.explain-why{color:var(--paper);margin-top:8px;font-size:15px;line-height:1.6}.explain-refs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ref{color:var(--gold);background:#e6c36b24;border-radius:8px;padding:3px 9px;font-size:12.5px;display:inline-block}.ref-exam{color:var(--cinnabar-2);background:#d9432b29}.ref-more{color:var(--text-2);margin-top:8px;font-size:13.5px}.ref-more summary{cursor:pointer;color:var(--azure);list-style:none}.ref-more summary:before{content:"▸ "}.ref-more[open] summary:before{content:"▾ "}.ref-more.ref-shuowen summary{color:var(--violet)}.ref-more p{font-family:var(--font-glyph);color:var(--text-2);margin-top:6px;font-size:14px;line-height:1.6}.ref-more a{font-size:13px}.explain-senses{color:var(--text-2);margin-top:10px;font-size:13.5px}.explain-next{width:100%;margin-top:14px}.auto-bar{background:var(--gold);height:3px;animation:linear forwards auto-bar;position:absolute;bottom:0;left:0}@keyframes auto-bar{0%{width:100%}to{width:0}}.rank{align-items:center;gap:14px;display:flex}.rank .emblem{flex:none}.rank-text{flex:1;min-width:0}.rank-name{align-items:center;gap:10px;font-size:20px;display:flex}.rank-name b{font-family:var(--font-glyph);letter-spacing:.1em;color:var(--paper)}.rank-lg .rank-name{font-size:26px}.stars{gap:3px;display:inline-flex}.stars i{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:var(--track);width:13px;height:13px}.stars i.is-on{background:var(--gold-fill);filter:drop-shadow(0 0 3px #e6c36b99)}.rank-bar{background:var(--track);border-radius:5px;height:10px;margin-top:8px;overflow:hidden}.rank-bar-fill{background:linear-gradient(90deg, var(--gold-3), var(--gold-fill));border-radius:5px;height:100%;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.rank-next{color:var(--text-2);margin-top:6px;font-size:14px}.rank-next b{color:var(--gold-2)}.mini{--tier:var(--tier-N);aspect-ratio:3/4;border:1.5px solid color-mix(in srgb, var(--tier) 55%, transparent);background:linear-gradient(180deg, var(--card-a), var(--card-b));isolation:isolate;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:transform .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006}.mini:active{transform:scale(.95)}.mini-beast{object-fit:cover;object-position:center 20%;opacity:.55;pointer-events:none;width:116%;height:90%;transition:opacity .3s,transform .4s;position:absolute;inset:-8% -8% auto;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.mini:hover .mini-beast,.mini.is-mastered .mini-beast{opacity:.8}.mini.is-locked .mini-beast{opacity:.18;filter:grayscale()}.mini-frame{border:1px solid color-mix(in srgb, var(--tier) 30%, transparent);pointer-events:none;border-radius:9px;position:absolute;inset:4px}.mini-glyph{z-index:1;font-family:var(--font-glyph);color:var(--card-text);white-space:nowrap;text-shadow:0 2px #000c,0 0 10px #000,0 0 18px #000;max-width:92%;margin-top:18%;line-height:1.1;position:relative}.mini.is-locked .mini-glyph{color:var(--card-text-dim);filter:blur(1.5px)}.mini-stars{z-index:1;gap:2px;min-height:9px;display:inline-flex;position:relative}.mini-stars img{width:9px;height:9px;display:block}.mini-new{z-index:1;color:var(--on-gold);background:var(--gold-fill);border-radius:999px;padding:0 7px;font-size:11px;font-weight:800;position:relative}.gem{object-fit:contain;width:16px;height:16px;display:inline-block}.mini-gem{z-index:2;filter:drop-shadow(0 0 4px #000c);width:18px;height:18px;position:absolute;top:5px;right:5px}.gem-SSR{filter:drop-shadow(0 0 5px #ffd36be6)}.gem-SR{filter:drop-shadow(0 0 5px #b48ef1e6)}.mini.tier-R{--tier:var(--tier-R);border-color:var(--tier-R)}.mini.tier-R .mini-frame{border-color:color-mix(in srgb, var(--tier-R) 45%, transparent);border-style:dashed}.mini.tier-SR{--tier:var(--tier-SR);border:2px solid var(--tier-SR);background:linear-gradient(160deg,#2a2040,#140f1c);box-shadow:inset 0 0 22px #b48ef140}.mini.tier-SR:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 9px,#b48ef117 9px 11px);position:absolute;inset:0}.mini.tier-SR .mini-frame{border:1.5px solid color-mix(in srgb, var(--tier-SR) 65%, transparent);inset:3px}.mini.tier-SSR{--tier:var(--tier-SSR);border:2px solid var(--tier-SSR);background:linear-gradient(160deg,#3b2f14,#17110a);box-shadow:0 0 16px #e6c36b66,inset 0 0 24px #e6c36b2e}.mini.tier-SSR .mini-frame{border:3px double var(--tier-SSR);inset:3px}.mini.tier-SSR .mini-frame:before,.mini.tier-SSR .mini-frame:after{content:"";border:2px solid var(--tier-SSR);width:10px;height:10px;position:absolute}.mini.tier-SSR .mini-frame:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.mini.tier-SSR .mini-frame:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.mini-holo{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffffff38 44%,#ffd67852 50%,#0000 64%) 0 0/260% 100%;animation:3.4s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}.mini.is-mastered{box-shadow:0 0 14px color-mix(in srgb, var(--tier) 55%, transparent), inset 0 0 20px #0006}.mini.is-mastered .mini-frame{border-color:color-mix(in srgb, var(--tier) 80%, transparent)}.reveal{--tier:var(--tier-N);aspect-ratio:3/4;perspective:800px;width:84px}.reveal-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.25,1.1);position:relative}.reveal.is-open .reveal-inner{transform:rotateY(180deg)}.reveal-back,.reveal-front{backface-visibility:hidden;position:absolute;inset:0}.reveal-back{background:var(--card-b);border:1.5px solid var(--line-2);border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #0006}.reveal-back img{object-fit:cover;width:100%;height:100%;display:block}.reveal-front{aspect-ratio:auto;transform:rotateY(180deg)}.home-head{flex-direction:column;gap:12px;display:flex}.brand{background:color-mix(in srgb, var(--panel) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:12px;min-width:0;padding:6px 10px 6px 6px;display:flex}.brand .logo{filter:drop-shadow(0 4px 12px #00000059);border-radius:50%;flex:none;animation:4s ease-in-out infinite logo-glow}@keyframes logo-glow{50%{filter:drop-shadow(0 4px 14px #e6c36b8c)}}.brand-title{min-width:0;font-family:var(--font-glyph);letter-spacing:.14em;color:var(--paper);flex:1;font-size:28px}.rank-card{border-radius:var(--radius);border:1px solid var(--line-2);padding:14px 16px}.home-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.home-stats li,.me-stats li{background:color-mix(in srgb, var(--panel) 94%, transparent);border:1px solid var(--line);text-align:center;color:var(--text-2);border-radius:14px;flex-direction:column;gap:2px;padding:10px 6px 8px;font-size:13px;display:flex}.home-stats b,.me-stats b{color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:22px;line-height:1.1}.home-stats li.is-hot b{color:var(--cinnabar-2)}.home-stats li.is-hot b img{vertical-align:-2px;filter:drop-shadow(0 0 4px #ffa03ccc);width:16px;height:16px;margin-left:3px}.mode-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.mode{text-align:left;isolation:isolate;background:#16120e;border:1px solid #e6c36b66;border-radius:18px;min-height:106px;transition:transform .15s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000047}.mode:active{transform:scale(.98)}.mode-art{object-fit:cover;width:100%;height:100%;transition:transform .8s;position:absolute;inset:0;transform:scale(1.02)}.mode:hover .mode-art{transform:scale(1.08)}.mode-body{z-index:1;height:100%;min-height:inherit;background:linear-gradient(#0c09071a,#0c0907c7 68%);flex-direction:column;justify-content:flex-end;gap:4px;padding:14px 14px 12px;display:flex;position:relative}.mode-daily{border-color:#ff8a6b99;grid-column:1/-1;min-height:134px;box-shadow:0 12px 34px #d9432b4d}.mode-daily .mode-body{background:linear-gradient(90deg,#0c0907d1,#0c090759 65%,#0c09071a);justify-content:center}.mode-daily.is-done .mode-art{filter:saturate(.5)brightness(.8)}.mode-daily.is-done{border-color:#9fe3c28c;box-shadow:0 10px 30px #0000004d}.mode-wrong.is-empty .mode-art{filter:grayscale(.8)brightness(.55)}.mode-title{font-family:var(--font-glyph);letter-spacing:.1em;color:#fff8e6;text-shadow:0 2px #000000b3,0 0 18px #000000e6;font-size:27px}.mode-daily .mode-title{font-size:32px}.mode-sub{color:#ffe6b5;text-shadow:0 1px 2px #000000e6,0 0 10px #000c;font-size:14px}.mode-people{color:#ffd36b;text-shadow:0 1px 2px #000000e6;font-size:13.5px;font-weight:700}.journey-card{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent,var(--gold)) 55%, var(--line));align-items:center;gap:12px;margin-top:12px;padding:10px 14px 10px 12px;display:flex}.jc-guardian{object-fit:cover;width:84px;height:84px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,var(--gold)) 70%, transparent), 0 8px 20px #00000073;background:#0b0908;border-radius:50%;flex:none;animation:4.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-5px)}}.jc-main{flex:1;min-width:0}.jc-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.jc-head h2{font-family:var(--font-glyph);color:var(--paper);letter-spacing:.08em;align-items:baseline;gap:8px;margin:0;font-size:20px;display:flex}.jc-head h2 small{font-family:var(--font-ui);color:var(--muted);letter-spacing:.02em;font-size:13px}.jc-bar{background:var(--track);border-radius:5px;height:9px;margin-top:8px;overflow:hidden}.jc-bar i{background:linear-gradient(90deg, var(--gold-3), var(--gold-fill));border-radius:5px;height:100%;transition:width 1s;display:block}.jc-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.jc-sum{color:var(--text-2);align-items:center;gap:3px;font-size:14px;display:inline-flex}.jc-sum b{color:var(--gold-2)}.jc-star{vertical-align:-2px;width:14px;height:14px}.jc-go{min-height:40px;padding:0 14px;font-size:14px}.hot{border-radius:var(--radius);border:1px solid var(--line);margin-top:12px;padding:10px 14px}.hot h2{margin-bottom:6px}.hot-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hot-list li{--tier:var(--tier-N);background:var(--sunken);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:5px 8px;display:flex}.hot-list li.tier-R{--tier:var(--tier-R)}.hot-list li.tier-SR{--tier:var(--tier-SR)}.hot-list li.tier-SSR{--tier:var(--tier-SSR)}.hot-beast{object-fit:cover;width:38px;height:38px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--tier) 70%, transparent);background:#0b0908;border-radius:50%;flex:none}.hot-glyph{font-family:var(--font-glyph);color:var(--paper);white-space:nowrap;flex:1;min-width:0;line-height:1;overflow:hidden}.hot-acc{color:var(--cinnabar-2);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.journey-head,.codex-head,.board-head{flex-direction:column;gap:8px;display:flex}.journey-head h1,.codex-head h1,.board-head h1,.page-title{font-family:var(--font-glyph);letter-spacing:.14em;color:var(--paper);text-shadow:0 1px 0 var(--bg), 0 0 14px var(--bg), 0 0 24px var(--bg);font-size:26px}.journey-head{background:color-mix(in srgb, var(--panel) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;flex-direction:row;justify-content:space-between;align-items:baseline;padding:6px 12px}.journey-sum{color:var(--text-2);align-items:center;gap:3px;font-size:14px;display:inline-flex}.journey-sum b{color:var(--gold-2)}.worldmap{background:#0d0b09;border-radius:24px 24px 0 0;margin:12px -16px 0;position:relative;overflow:hidden;box-shadow:0 -10px 40px #00000059}.region{isolation:isolate;margin-top:-70px;position:relative}.region:first-child{margin-top:0}.region-map{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(#0000,#000 8% 90%,#0000)}.region:first-child .region-map{-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.region:last-child .region-map{-webkit-mask-image:linear-gradient(#0000,#000 8%);mask-image:linear-gradient(#0000,#000 8%)}.region-veil{pointer-events:none;background:radial-gradient(120% 60%,#0000 40%,#08060547);position:absolute;inset:0}.region.is-done .region-map{filter:saturate(.85)}.region-head{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);color:#fff6e6;background:#100c09c7;border-radius:18px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;position:absolute;top:78px;left:14px;right:14px;box-shadow:0 8px 24px #0006}.region:first-child .region-head{top:14px}.region-guardian{object-fit:cover;width:66px;height:66px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 80%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 60%, transparent);background:#0b0908;border-radius:50%;flex:none;animation:4s ease-in-out infinite bob}.region-name{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.region-name h2{font-family:var(--font-glyph);letter-spacing:.12em;color:#fff8e6;text-shadow:0 0 14px color-mix(in srgb, var(--accent) 70%, transparent);margin:0;font-size:24px}.region-name span{color:#ffe6b5;font-size:13.5px}.region-sum{color:#ffe6b5;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:14px;display:inline-flex}.region-sum b{color:#ffd36b;font-size:16px}.region-sum img{width:14px;height:14px;margin-left:6px}.region-path{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.region-path path{fill:none;stroke:#ffe8aad9;stroke-width:3px;stroke-dasharray:1 8;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #ffc85ae6);animation:40s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-900px}}.stage{z-index:3;flex-direction:column;align-items:center;gap:3px;width:72px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.stage-coin{background:#0b0908;border-radius:50%;width:50px;height:50px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 14px #00000080,0 0 0 2px #fff8e647}.stage-coin img{width:100%;height:100%;display:block}.stage.is-open .stage-coin{filter:saturate(.55)brightness(.88)}.stage.is-partial .stage-coin{box-shadow:0 6px 14px #00000080,0 0 16px #ff8a3ccc}.stage.is-clear .stage-coin{box-shadow:0 6px 14px #00000080,0 0 20px #ffd36be6}.stage.is-next .stage-coin{animation:1.8s ease-in-out infinite stage-pulse}@keyframes stage-pulse{0%,to{box-shadow:0 6px 14px #00000080,0 0 0 2px #fff8e680,0 0 #ffd36bb3}70%{box-shadow:0 6px 14px #00000080,0 0 0 2px #fff8e680,0 0 0 16px #ffd36b00}}.stage.is-sel .stage-coin{box-shadow:0 8px 18px #0000008c, 0 0 0 3px #fff8e6, 0 0 26px color-mix(in srgb, var(--accent) 90%, #fff);transform:scale(1.2)}.stage:focus-visible .stage-coin{outline:3px solid #fff8e6}.stage-you{filter:drop-shadow(0 6px 10px #0009);pointer-events:none;border-radius:50%;width:42px;height:42px;animation:1.4s ease-in-out infinite you-bob;position:absolute;top:-36px}@keyframes you-bob{50%{transform:translateY(-7px)}}.stage .stars{background:#08060599;border-radius:999px;padding:2px 5px}.stage .stars img{width:11px;height:11px}.stage-card{left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 10px);z-index:15;background:color-mix(in srgb, var(--sheet-a) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--accent,var(--gold)) 60%, var(--line-2));width:min(100% - 24px,536px);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:10px;padding:10px 12px;animation:.25s ease-out sheet-in;display:flex;position:fixed;transform:translate(-50%)}.stage-card-no{width:40px;height:40px;color:var(--on-gold);background:var(--gold-fill);border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid;box-shadow:0 0 12px #e6c36b80}.stage-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stage-card-body b{font-family:var(--font-glyph);color:var(--paper);white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.stage-card-body span{color:var(--text-2);font-size:13px}.stage-go{flex:none;min-height:40px;padding:0 16px}html[data-screen=journey] .screen{padding-bottom:calc(var(--nav-h) + var(--safe-b) + 92px)}.result{flex-direction:column;gap:14px;padding-bottom:20px;display:flex}.result-head{text-align:center;border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);padding:16px 14px 14px}.grade{width:92px;height:92px;font-family:var(--font-glyph);color:var(--on-cinnabar);background:radial-gradient(circle at 35% 30%,#e0674d,#8f2515 70%);border-radius:50%;place-items:center;font-size:44px;animation:.6s cubic-bezier(.2,.9,.25,1.3) grade-in;display:inline-grid;box-shadow:0 0 0 4px #e6c36b66,0 10px 30px #d9432b66}@keyframes grade-in{0%{opacity:0;transform:scale(.3)rotate(-20deg)}}.grade-乙{color:var(--on-gold);background:radial-gradient(circle at 35% 30%,#ffd36b,#7d5a10 70%)}.grade-丙,.grade-丁,.grade-敗{color:#f3e9d2;background:radial-gradient(circle at 35% 30%,#5a5450,#1d1a17 70%);box-shadow:0 10px 30px #0006}.result-title{font-family:var(--font-glyph);color:var(--paper);margin-top:10px;font-size:22px}.result-score{justify-content:center;align-items:baseline;gap:4px;margin-top:4px;display:flex}.result-score-n{color:var(--gold-2);font-variant-numeric:tabular-nums;text-shadow:0 0 24px #e6c36b59;font-size:54px;font-weight:900;line-height:1}.result-score-t{color:var(--text-2);font-size:16px}.result-stats{color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;font-size:14px;display:flex}.result-stats b{color:var(--paper);font-size:16px}.result-rank{border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);padding:14px 16px;position:relative}.result-rank.is-up{border-color:var(--gold);box-shadow:0 0 30px #e6c36b59}.rank-up{background:var(--gold-fill);color:var(--on-gold);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800;animation:.5s grade-in;position:absolute;top:-12px;right:14px}.result-xp{color:var(--text-2);margin-top:8px;font-size:14px}.result-xp b{color:var(--gold-2)}.result-server{text-align:center;color:var(--text-2);font-size:14px}.result-server b{color:var(--gold-2)}.result-cards h2,.result-wrong h2{margin-bottom:8px}.reveal-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-wrong ul{flex-wrap:wrap;gap:8px;display:flex}.result-wrong li{--tier:var(--tier-N);background:color-mix(in srgb, var(--panel) 90%, transparent);border:1px solid #d9432b73;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex}.result-wrong li.tier-R{--tier:var(--tier-R)}.result-wrong li.tier-SR{--tier:var(--tier-SR)}.result-wrong li.tier-SSR{--tier:var(--tier-SSR)}.wrong-beast{object-fit:cover;width:34px;height:34px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--tier) 70%, transparent);background:#0b0908;border-radius:50%}.wrong-glyph{font-family:var(--font-glyph);color:var(--paper);white-space:nowrap;line-height:1}.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-actions .btn-primary{grid-column:1/-1}.board-head{gap:10px}.board-head .seg{align-self:flex-start}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin-top:16px;display:grid}.podium li{background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;display:flex}.podium-1{border-color:var(--gold);padding-top:18px;box-shadow:0 0 24px #e6c36b4d}.podium-2{border-color:#c8c8d280}.podium-3{border-color:#cd7f328c}.podium-rank{color:var(--gold-2);font-size:13px;font-weight:800}.podium li .emblem{margin:2px 0}.podium-nick{color:var(--paper);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:700;overflow:hidden}.podium-score{color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.podium-r,.row-r{color:var(--muted);font-size:12.5px}.rows{flex-direction:column;gap:6px;margin-top:12px;display:flex}.row{background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;grid-template-columns:30px 30px 1fr auto auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.row.is-me,.podium li.is-me{border-color:var(--gold);background:color-mix(in srgb, var(--panel-2) 92%, transparent)}.row-mine{margin-top:10px}.row-rank{color:var(--gold-2);font-variant-numeric:tabular-nums;font-weight:800}.row-nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--paper);overflow:hidden}.row-score{color:var(--gold-2);font-variant-numeric:tabular-nums;font-weight:800}.board-empty,.board-foot{text-align:center;color:var(--muted);text-shadow:0 0 10px var(--bg);margin-top:16px;font-size:14px}.codex-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.codex-count{color:var(--text-2);text-shadow:0 0 10px var(--bg), 0 0 18px var(--bg);font-size:14px}.codex-count b{color:var(--gold-2)}.zones{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;margin:2px -16px 0;padding:6px 16px 10px;display:flex;overflow-x:auto}.zones::-webkit-scrollbar{display:none}.zone{scroll-snap-align:start;text-align:left;isolation:isolate;background:#0b0908;border:2px solid #fff8e638;border-radius:16px;flex:0 0 122px;height:144px;transition:transform .15s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.zone img{object-fit:cover;object-position:center 28%;width:100%;height:100%;position:absolute;inset:0}.zone:after{content:"";background:linear-gradient(#0a08060d 30%,#0a0806d9 80%);position:absolute;inset:0}.zone-name,.zone-sub{z-index:1;color:#fff8e6;text-shadow:0 1px 2px #000,0 0 10px #000000e6;position:absolute;left:9px;right:6px}.zone-name{font-family:var(--font-glyph);letter-spacing:.08em;font-size:17px;bottom:26px}.zone-sub{color:#ffe6b5;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;bottom:8px;overflow:hidden}.zone.is-on{border-color:var(--gold-fill);transform:translateY(-2px);box-shadow:0 0 18px #e6c36b8c}.codex-tools{align-items:center;gap:8px;display:flex}.codex-tools .input{background:color-mix(in srgb, var(--panel) 90%, transparent);flex:1}.codex-tools .chip{flex:none;min-height:44px}.codex-empty{text-align:center;text-shadow:0 0 10px var(--bg);margin-top:30px}.tier-group{--tier:var(--tier-N);background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb, var(--tier) 55%, var(--line));border-radius:18px;margin-top:14px;overflow:hidden}.tier-group.tier-R{--tier:var(--tier-R)}.tier-group.tier-SR{--tier:var(--tier-SR)}.tier-group.tier-SSR{--tier:var(--tier-SSR);box-shadow:0 0 22px #e6c36b33}.tier-head{background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 22%, transparent), transparent 70%);align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.tier-head .gem{width:30px;height:30px}.tier-head b{font-family:var(--font-glyph);letter-spacing:.1em;color:var(--paper);font-size:19px}.tier-head span{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:14px}.tier-chev{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:10px;height:10px;margin-left:auto;transition:transform .2s;transform:rotate(45deg)}.tier-group.is-folded .tier-chev{transform:rotate(-45deg)}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;padding:4px 12px 12px;display:grid}.codex-more{width:calc(100% - 24px);min-height:40px;margin:0 12px 12px;font-size:14px}.detail-head{align-items:flex-start;gap:14px;margin-top:6px;display:flex}.detail-card{flex:none;width:104px}.detail-meta{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.detail-py{color:var(--gold);letter-spacing:.06em;font-size:15px}.detail-tier{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.detail-tier .gem{width:18px;height:18px}.detail-stats,.detail-lists{color:var(--text-2);font-size:13.5px}.detail-senses{flex-direction:column;gap:6px;margin-top:14px;display:flex}.detail-senses li{font-family:var(--font-glyph);color:var(--paper);border-left:3px solid var(--gold-3);padding-left:12px;font-size:16px;line-height:1.55}.detail-sw{font-family:var(--font-glyph);color:var(--text-2);margin-top:12px;font-size:14.5px;line-height:1.6}.detail-sw b{color:var(--violet);margin-right:4px}.detail-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px;font-size:13.5px;display:flex}.me-head{border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-2);padding:16px}.me-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ladder{flex-direction:column;gap:6px;display:flex}.ladder-row{opacity:.55;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px 10px;display:flex}.ladder-row .emblem img{filter:grayscale(.9)brightness(.8)}.ladder-row.is-reached .emblem img{filter:none}.ladder-row.is-reached{opacity:1}.ladder-row.is-current{border-color:var(--gold);background:var(--sunken);box-shadow:0 0 18px #e6c36b40}.ladder-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ladder-body b{font-family:var(--font-glyph);letter-spacing:.1em;color:var(--text-2);font-size:18px}.ladder-row.is-reached .ladder-body b{color:var(--paper)}.ladder-body span{color:var(--text-2);font-size:13.5px}.ladder-bar{background:var(--track);border-radius:4px;height:7px;margin-top:6px;display:block;overflow:hidden}.ladder-bar i{background:linear-gradient(90deg, var(--gold-3), var(--gold-fill));height:100%;display:block}.ladder-state{color:var(--gold-2);font-size:13px;font-weight:700}.dial-row{color:var(--text-2);align-items:center;gap:14px;padding:4px 0 10px;font-size:14px;display:flex}.me-uc{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;font-size:14px;display:flex}.about p{color:var(--text-2);font-size:14px;line-height:1.6}@media (width<=400px){.brand-title{font-size:24px}.hot-list,.me-stats{grid-template-columns:repeat(2,1fr)}.region-name h2{font-size:20px}.region-guardian{width:56px;height:56px}.stage-coin{width:44px;height:44px}}.crash h2{margin:0 0 8px}.crash p{color:var(--text-2);font-size:15px;line-height:1.6}.crash-detail{color:var(--text-2);margin-top:12px;font-size:13px}.crash-detail pre{white-space:pre-wrap;word-break:break-all;background:var(--sunken);border-radius:10px;max-height:220px;padding:10px;font-size:12px;line-height:1.5;overflow:auto}.result-repeat{color:var(--text-2);margin-top:6px;font-size:13.5px}