:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#16213a;--night-deep:#0f1830;--panel:#1f2c52;--panel-raised:#2a3b6b;--line:#bed2ff29;--text:#e8eef7;--muted:#9fb0c8;--gold:#ffbf47;--gold-deep:#e39a1f;--teal:#5ad1d9;--berry:#ff6b6b;--moss:#8be28b;--font-display:"Huninn", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-body:"Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--radius-frame:22px;--radius-panel:14px;--radius-control:9px;--radius-pill:999px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 520px at 20% -10%, #5a78c838, transparent 60%), radial-gradient(900px 480px at 100% 0%, #ffbf4714, transparent 55%), linear-gradient(180deg, var(--night-deep), var(--night) 40%);color:var(--text);font-family:var(--font-body);font-variant-numeric:tabular-nums;background-attachment:fixed;font-size:15px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:400;line-height:1.3}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.app{max-width:1480px;margin:0 auto;padding:14px 20px 28px}.topbar{align-items:center;gap:22px;min-height:54px;padding:0 4px 12px;display:flex}.topbar h1{flex:none;align-items:center;gap:8px;font-size:26px;display:flex}.logo{background:linear-gradient(160deg, #ffe08a, var(--gold-deep));border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:inline-grid}.wallet{flex-wrap:wrap;flex:1;gap:8px;min-width:0;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--line);background:#ffffff12;align-items:center;gap:6px;padding:3px 12px 3px 9px;font-weight:500;display:inline-flex}.chip-gold{color:#2a1c00;background:linear-gradient(180deg, #ffd978, var(--gold));border-color:#0000;font-weight:700}.save-state{color:var(--muted);flex:none;font-size:13px}.save-state.bad{color:var(--berry)}.main{grid-template-columns:minmax(0,1fr) 410px;align-items:start;gap:20px;display:grid}.left{gap:14px;min-width:0;display:grid}.stage{aspect-ratio:16/9;border-radius:var(--radius-frame);background:#8fd0ff;border:2px solid #ffffff47;position:relative;overflow:hidden;box-shadow:0 0 0 7px #ffbf4714,0 24px 60px #00000080,0 0 90px #ffc8781f}.stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;color:#fff;text-shadow:0 1px 3px #0a1432b3;position:absolute}.hud-where{top:16px;left:18px}.hud-where h2{font-size:22px}.where-floor{align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.where-floor .muted{color:#ffffffbf}.pips{gap:4px;margin-top:6px;display:flex}.pip{background:#0f183066;border:1px solid #ffffff73;border-radius:4px;width:16px;height:7px;transition:background .15s}.pip.on{background:var(--gold);border-color:#0000}.hud-foe{text-align:right;width:min(300px,34%);top:16px;right:18px}.foe-name{justify-content:flex-end;align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.foe-name .muted{color:#ffffffbf;font-weight:400}.hud-hero{gap:5px;width:min(320px,38%);display:grid;bottom:16px;left:18px}.hero-line{font-size:15px}.hero-line .muted{color:#ffffffc7}.tag{text-shadow:none;border-radius:6px;padding:0 8px;font-size:12px;font-weight:700;line-height:20px;display:inline-block}.tag-boss{background:var(--berry);color:#fff}.bar{border-radius:var(--radius-pill);background:#0a122880;border:1px solid #ffffff59;height:14px;position:relative;overflow:hidden}.bar.slim{border-color:var(--line);height:8px}.bar-fill{border-radius:inherit;height:100%;transition:width .12s linear}.bar-hp .bar-fill{background:linear-gradient(180deg, #ff9a9a, var(--berry))}.bar-foe .bar-fill{background:linear-gradient(#ffb27a,#ff7a3d)}.bar-exp{height:7px}.bar-exp .bar-fill{background:linear-gradient(180deg, #9ceaf0, var(--teal))}.bar-label{color:#fff;text-shadow:0 1px 2px #0009;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.auto-toggle{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0f18308c;border:1px solid #ffffff80;padding:6px 16px;font-weight:500;position:absolute;bottom:16px;right:18px}.auto-toggle.on{background:var(--gold);color:#2a1c00;border-color:#0000;font-weight:700}.auto-toggle:hover{filter:brightness(1.08)}.hero-down{text-align:center;border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f18309e;width:260px;padding:10px 14px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero-down p:first-child{font-family:var(--font-display);font-size:22px}.log{border:1px solid var(--line);border-radius:var(--radius-panel);background:#ffffff0a;min-height:84px;padding:10px 16px}.log ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 28px;margin:0;padding:0;list-style:none;display:grid}.log li{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.log li:first-child{color:var(--text)}.log-good{color:var(--moss)!important}.log-bad{color:var(--berry)!important}.log-boss{color:var(--gold)!important}.side{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-frame);min-height:420px;max-height:calc(100vh - 28px);position:sticky;top:14px;overflow-y:auto;box-shadow:0 18px 40px #0000004d}.tabs{z-index:2;background:#1a2547;gap:2px;padding:8px 8px 0;display:flex;position:sticky;top:0}.tab{color:var(--muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:12px 12px 0 0;flex:1;padding:9px 2px;font-size:15px}.tab:hover{color:var(--text)}.tab.on{background:var(--panel);color:var(--gold)}.panel-body{align-content:start;gap:10px;padding:18px 20px 24px;display:grid}.panel-body h3{margin-top:8px;font-size:17px}.panel-body h3:first-child{margin-top:0}.stats{border-radius:var(--radius-control);background:var(--line);gap:1px;margin:0;display:grid;overflow:hidden}.stats>div{background:var(--panel);justify-content:space-between;padding:7px 12px;display:flex}.stats dt{color:var(--muted)}.stats dd{margin:0;font-weight:700}.empty{border-radius:var(--radius-control);border:1px dashed var(--line);color:var(--muted);padding:14px}.bag{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bag li{border-radius:var(--radius-control);background:#ffffff0d;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:6px 12px;display:grid}.bag-icon{text-align:center;font-size:20px}.bag-amount{font-weight:700}.bag.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.dungeons{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dungeon{border-radius:var(--radius-panel);background:#ffffff0d;border:1px solid #0000;gap:6px;padding:12px 14px;display:grid}.dungeon.current{background:#ffbf4712;border-color:#ffbf478c}.dungeon-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions.end{justify-content:flex-end;margin-top:8px}.btn{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--panel-raised);cursor:pointer;padding:7px 16px;font-weight:500}.btn:hover{filter:brightness(1.15)}.btn-primary{background:var(--gold);color:#2a1c00;border-color:#0000;font-weight:700}.btn-danger{background:var(--berry);color:#fff;border-color:#0000;font-weight:700}.code{resize:vertical;border-radius:var(--radius-control);border:1px solid var(--line);width:100%;color:var(--text);background:#00000040;padding:10px 12px;font:12px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace}.notice{border-radius:var(--radius-control);color:var(--moss);background:#8be28b1f;padding:8px 12px}.notice.bad{color:#ffb0b0;background:#ff6b6b24}.modal{border:1px solid var(--line);border-radius:var(--radius-frame);background:var(--panel);width:min(520px,100vw - 32px);color:var(--text);padding:0;box-shadow:0 30px 80px #0009}.modal::backdrop{background:#080c1ca8}.modal-body{gap:12px;padding:24px 26px 22px;display:grid}.modal-body h2{color:var(--gold);font-size:24px}.splash{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100vh;padding:24px;display:grid}.splash h1{font-size:26px}.splash-bird{font-size:56px}@media (max-width:1080px){.main,.log ul{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.app{padding:10px 12px 24px}.topbar{flex-wrap:wrap;gap:8px 14px}.hud-hero,.hud-foe{width:46%}.hud-where h2{font-size:17px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tag-buff{background:var(--teal);color:#06323a;margin-left:6px}.skillbar{pointer-events:none;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.sk{background:#0f18309e;border:2px solid #fff6;border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;position:relative;overflow:hidden}.sk.ready{border-color:var(--gold);box-shadow:0 0 10px #ffbf47a6}.sk-cd{background:#080e20ad;position:absolute;bottom:0;left:0;right:0}.sk-lv{color:#fff;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.class-banner{border-radius:var(--radius-pill);background:var(--gold);color:#2a1c00;cursor:pointer;border:0;padding:7px 18px;font-weight:700;animation:1.8s ease-in-out infinite banner-pulse;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #ffbf478c}@keyframes banner-pulse{50%{transform:translate(-50%)scale(1.05)}}.panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-head h3{margin:0}.switch{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.switch input{width:16px;height:16px;accent-color:var(--gold)}.rules{gap:8px;display:grid}.select-row{justify-content:space-between;align-items:center;gap:8px;display:flex}select{font:inherit;color:var(--text);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);padding:4px 8px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn-small{padding:3px 10px;font-size:13px}.notice.gold{color:var(--gold);background:#ffbf4724}.path{flex-wrap:wrap;align-items:center;gap:4px 6px;font-weight:500;display:flex}.path-step:before{content:"›";color:var(--muted);margin-right:6px}.path>span:last-child{color:var(--gold)}.class-list{gap:8px;display:grid}.class-card{text-align:left;border-radius:var(--radius-panel);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;gap:3px;padding:10px 14px;display:grid}.class-card:hover{background:#ffffff17}.class-card.on{border-color:var(--gold);background:#ffbf471a}.class-card strong{font-family:var(--font-display);font-size:17px;font-weight:400}.skill-line{color:var(--teal)}.future{gap:4px;margin:0;padding:0;list-style:none;display:grid}.skills{gap:8px;margin:0;padding:0;list-style:none;display:grid}.skill{border-radius:var(--radius-panel);background:#ffffff0d;grid-template-columns:48px 1fr auto;align-items:start;gap:12px;padding:10px 12px;display:grid}.skill-icon{background:#00000047;border-radius:12px;place-items:center;width:48px;height:48px;font-size:26px;display:grid;position:relative;overflow:hidden}.skill-icon .cd{background:#080e2099;position:absolute;bottom:0;left:0;right:0}.slots,.inventory{gap:8px;display:grid}.slot-name{margin-bottom:2px}.item{border-radius:var(--radius-panel);border-left:4px solid var(--rarity,var(--line));background:#ffffff0d;gap:4px;padding:9px 12px;display:grid}.item-lines{color:var(--text);flex-wrap:wrap;gap:2px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.item-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gain{font-size:13px;font-weight:700}.gain-up{color:var(--moss)}.gain-down{color:var(--berry)}.gain-flat{color:var(--muted)}.chip-feather{cursor:pointer;font:inherit;color:var(--text);background:#8be28b24;border-color:#8be28b73}.chip-feather:hover{background:#8be28b3d}.chip-feather .pending{color:var(--moss);font-size:13px;font-weight:700}.rebirth-box{border-radius:var(--radius-panel);background:#8be28b12;border:1px solid #8be28b4d;gap:8px;padding:12px 14px;display:grid}.breakdown{gap:2px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.breakdown li{justify-content:space-between;display:flex}.pending-line{font-size:16px}.pending-line strong{color:var(--moss);font-family:var(--font-display);font-size:22px;font-weight:400}details summary{cursor:pointer;color:var(--muted)}details p{margin-top:4px}.num{width:72px;font:inherit;color:var(--text);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);text-align:right;padding:3px 8px}.feather-balance strong{color:var(--moss);font-family:var(--font-display);font-size:18px;font-weight:400}.branch{gap:6px;display:grid}.branch h4{font-family:var(--font-display);color:var(--gold);margin:4px 0 0;font-size:16px;font-weight:400}.nodes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.node{border-radius:var(--radius-panel);background:#ffffff0d;gap:4px;padding:9px 12px;display:grid}.node.locked{opacity:.6}.node.maxed{border-left:3px solid var(--gold)}.node-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.milestones{color:var(--muted);gap:4px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.milestones li{grid-template-columns:18px 1fr;gap:6px;display:grid}.milestones li.done{color:var(--text)}.milestones li.done span:first-child{color:var(--moss)}.tag-tier{color:#fff;font-family:var(--font-body);vertical-align:middle;background:#b565ff;margin-left:8px}.tier-chips{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;display:grid}.chip-tier{text-align:left;border-radius:var(--radius-control);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;gap:1px;padding:6px 8px;display:grid}.chip-tier:hover:not(:disabled){background:#ffffff1a}.chip-tier:disabled{opacity:.45;cursor:not-allowed}.chip-tier.on{border-color:var(--gold);background:#ffbf471f}.chip-tier.here{box-shadow:inset 0 -3px 0 var(--teal)}.tier-name{font-family:var(--font-display);font-size:14px}.tier-best{color:var(--muted);font-size:12px}.buildings{gap:8px;margin:0;padding:0;list-style:none;display:grid}.building{border-radius:var(--radius-panel);background:#ffffff0d;grid-template-columns:44px 1fr auto;align-items:start;gap:12px;padding:10px 12px;display:grid}.building-icon{background:#00000047;border-radius:12px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.costs{flex-wrap:wrap;gap:2px 12px;margin:4px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.costs .ok{color:var(--moss)}.costs .short{color:var(--berry)}.good{color:var(--moss)}