:root{color-scheme:dark;--ink:#e7e9df;--muted:#90a5a4;--gold:#eac48a;--mint:#a1d7b2;--panel:#15252d;--edge:#3d555a;--bg:#0d1922;--border:#365156;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 13% -20%,#37525b 0,#192d35 34%,#0a151e 100%);color:var(--ink);font-family:var(--sans);font-size:14px;min-height:100vh}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #d5b875;outline-offset:3px}.app{max-width:1560px;margin:auto;padding:16px 24px 22px}.topbar{height:80px;display:flex;align-items:center;gap:15px;margin-bottom:16px}.brandmark{width:57px;height:57px;display:grid;place-items:center;font-size:29px;color:#f6d6a1;background:linear-gradient(155deg,#253b42,#11242d);border:1px solid #799d94;border-radius:15px;box-shadow:0 0 20px #03151f50}.eyebrow,.section-eyebrow,.scene-kicker{font-size:10px;letter-spacing:.19em;color:#93ceb9;font-weight:800}.brand h1{font-size:25px;margin:2px 0 0;letter-spacing:.07em}.brand h1 span{color:#c6d8b8;font-size:13px;font-weight:600;margin-left:9px}.top-resources{display:flex;gap:10px;margin-left:auto}.resource{display:flex;align-items:center;gap:7px;background:#142730ad;border:1px solid #435e63;border-radius:10px;padding:11px 15px;font-size:15px;min-width:108px}.resource b{font-variant-numeric:tabular-nums;font-size:16px}.resource small{font-size:11px;color:#91aba7}.iconbtn{border:1px solid #486164;background:#1a2e39;border-radius:11px;width:46px;font-size:19px}.columns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(325px,.80fr);gap:16px;align-items:start}.primary{min-width:0}.stage-box{border:1px solid #63776e;border-radius:16px;background:#172a32;overflow:hidden;position:relative;box-shadow:0 13px 26px #040a0d6e,0 0 0 1px #0a1616 inset}.stage-top{position:absolute;z-index:3;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;pointer-events:none;align-items:start}.scene-name,.wavecard{background:#112630eb;border:1px solid #47666a88;border-radius:11px;padding:12px 14px;backdrop-filter:blur(8px);box-shadow:0 5px 20px #07192566}.scene-name{display:grid;gap:3px}.scene-name strong{font-size:18px;letter-spacing:.04em}.scene-name small{font-size:11px;color:#b2c4b4}.wavecard{text-align:right;display:grid;gap:7px}.wave-label{font-size:14px;color:var(--gold);letter-spacing:.07em;font-weight:700}.wave-label b{font-size:22px;font-variant-numeric:tabular-nums}.battle-count{font-size:11px;color:#b7d0ce}.battle-count i{color:#6e8e83;font-style:normal;margin:0 7px}canvas#battleCanvas{width:100%;height:auto;display:block;aspect-ratio:16/9;background:#20343e}.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 15px;background:#142a30e6;border-top:1px solid #527268;font-size:12px;min-height:43px}.autotag{display:flex;align-items:center;gap:8px;color:#bfe3c7}.autotag .sep{opacity:.35}.autotag #sceneStatus{color:#94b1ae}.live-dot{display:inline-block;width:8px;height:8px;background:#61d6a2;box-shadow:0 0 9px #54e8aa;border-radius:50%;flex:none;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.55}}.speed{display:flex;align-items:center;gap:7px;color:#90aaa4}.speedbutton{border:1px solid #587064;padding:5px 10px;border-radius:7px;background:#10242d}.speedbutton.selected{color:#14322b;background:#a6d5ac;border-color:#a6d5ac;font-weight:800}.lower{display:grid;grid-template-columns:1fr;gap:13px;margin-top:14px}.panel{background:linear-gradient(162deg,#192e36f7,#10232df9);border:1px solid #426064;border-radius:14px;padding:16px;box-shadow:0 9px 22px #010d1330}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.section-head h2{font-size:17px;margin:4px 0 0;letter-spacing:.04em}.section-note{font-size:11px;color:#96b0aa}.skillgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.skill{display:flex;align-items:center;text-align:left;gap:10px;min-width:0;padding:10px;border:1px solid #3c5e60;background:#1c333b;border-radius:10px;position:relative;transition:background .18s,border-color .18s}.skill:hover{background:#29454d;border-color:#a6c4a9}.skill:disabled{opacity:.63;cursor:default}.skill-icon{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:10px;font-size:29px;border:1px solid #8b9c7c;box-shadow:inset 0 0 12px #0006}.skill-icon.green{background:linear-gradient(150deg,#365b4b,#162e2d);color:#c6f2b1}.skill-icon.amber{background:linear-gradient(150deg,#66533b,#2a302e);color:#f6dba4}.skill-icon.red{background:linear-gradient(150deg,#7d4b4e,#3c2838);color:#ffdddd}.skill strong{font-size:13px;display:block}.skill small{font-size:10px;color:#91aaaa;display:block;margin-top:4px}.cooldown{color:#e6c78f;font-size:10px;white-space:nowrap;margin-left:auto;font-weight:800}.loglist{display:grid;gap:0;min-height:150px;max-height:185px;overflow:auto;scrollbar-color:#52686b transparent}.logrow{display:flex;gap:9px;font-size:12px;padding:7px 0;border-top:1px solid #35505477;line-height:1.35}.logrow time{color:#6f939c;font-size:11px;flex:none}.logrow.loot{color:#f0d5a0}.logrow.boss{color:#ffcbad}.logrow.level{color:#bbefbc}.textbutton{border:1px solid #455d61;background:#1b3038;border-radius:7px;padding:5px 10px;font-size:11px}.sidebar{display:grid;gap:13px;min-width:0}.hero-panel{padding:16px}.levelbadge{font-size:11px;border-radius:6px;color:#f6deb0;background:#5b513e;padding:3px 7px;vertical-align:middle;margin-left:2px}.online{font-size:10px;color:#9ed6b4;display:flex;align-items:center;gap:6px}.hero-info{display:flex;gap:14px;align-items:center;margin:9px 0 17px}.hero-portrait{flex:none;background:linear-gradient(155deg,#385857,#1a2e3e);width:109px;height:115px;overflow:hidden;border:1px solid #6f9b88;border-radius:12px;box-shadow:inset 0 0 12px #031118}.hero-portrait img{width:100%;height:100%;object-fit:contain;transform:scale(1.25) translateY(5px)}.hero-copy strong{font-size:14px;display:block}.hero-copy span{color:var(--gold);font-size:11px;display:block;margin:4px 0}.hero-copy p{line-height:1.6;color:#9eb5b0;font-size:11px;margin:0}.statbars{display:grid;gap:12px}.statlabel{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:6px}.statlabel b{color:#c1d1cf;font-weight:500}.statlabel span{font-variant-numeric:tabular-nums}.track{height:8px;border-radius:9px;background:#091b23;border:1px solid #345260;overflow:hidden}.fill{height:100%;width:0%;transition:width .28s ease}.fill.hp{background:linear-gradient(90deg,#4bb78d,#98e5b8)}.fill.mp{background:linear-gradient(90deg,#668dd1,#b1b9ed)}.fill.xp{background:linear-gradient(90deg,#b89259,#e6c48d)}.attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.attributes>div{padding:10px 4px;background:#0d222c;border:1px solid #355259;border-radius:9px;text-align:center}.attributes small{display:block;color:#9bb3ad;font-size:10px;margin-bottom:4px}.attributes strong{display:block;font-size:19px;font-variant-numeric:tabular-nums}.menu-panel{padding:0;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #49605d}.tab{font-size:13px;padding:14px 3px;background:transparent;border:0;border-bottom:2px solid transparent;color:#91aaa8}.tab.active{background:#293b3e;color:#f3ddb0;border-bottom-color:#e9c785;font-weight:700}.tabcontent{padding:12px 15px;min-height:260px}.equiprow,.codexrow,.upgraderow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #365055a1}.equiprow:last-child,.codexrow:last-child,.upgraderow:last-child{border:0}.itemicon{width:43px;height:43px;border:1px solid #887b5c;border-radius:9px;background:#293940;display:grid;place-items:center;font-size:23px;flex:none}.iteminfo{flex:1;min-width:0}.iteminfo strong{font-size:12px;display:block}.iteminfo small{color:#94ada8;font-size:10px;display:block;margin-top:4px;line-height:1.4}.mini{font-size:11px;padding:6px 10px;border:1px solid #63776e;background:#223840;border-radius:7px;white-space:nowrap}.mini:hover{background:#355458}.rarity-rare{color:#80d0e2}.rarity-epic{color:#ceb0eb}.rarity-legend{color:#f5cb80}.subheading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#bed5c9;margin:13px 0 5px}.empty{font-size:12px;color:#899e9e;padding:17px 0;line-height:1.65}.codexicon{width:49px;height:47px;background:#30484a;border:1px solid #4e6865;border-radius:9px;object-fit:contain}.codexicon.unknown{filter:grayscale(1) brightness(.4)}.tag{background:#243b3b;padding:4px 7px;border-radius:7px;color:#a6cbbc;font-size:10px}.disclaimer{text-align:center;color:#728d90;line-height:1.7;font-size:10px;padding:3px 0 5px}footer{text-align:center;color:#6e8888;font-size:10px;padding:19px 0 0}footer span{margin-left:14px}dialog{color:var(--ink);border:1px solid #76948a;border-radius:16px;background:#152730;min-width:min(94vw,390px);padding:22px;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#050d17be}dialog form{display:grid;gap:12px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:20px}.dialog-head button{background:transparent;border:0;font-size:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b585b;padding:8px 0;font-size:13px}.danger-button,.close-button{padding:10px 14px;border-radius:8px;border:1px solid #695358;background:#52353a;text-align:center}.close-button{background:#2c4547;border-color:#617a70}@media(max-width:1100px){.columns{grid-template-columns:minmax(0,1.5fr) minmax(295px,1fr)}.app{padding:12px}.skillgrid{grid-template-columns:1fr}.skill{padding:8px}.stage-top{top:9px;left:9px;right:9px}.scene-name{padding:9px}.wavecard{padding:9px}}@media(max-width:800px){.columns{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.disclaimer{grid-column:span 2}.skillgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-top{left:12px;right:12px;top:12px}.app{padding:10px 10px 20px}.topbar{height:auto;min-height:68px}.top-resources{gap:5px}.resource{padding:9px;font-size:13px;min-width:0}.resource small{display:none}}@media(max-width:600px){.app{padding:8px}.topbar{margin-bottom:9px;gap:7px;flex-wrap:wrap}.brandmark{width:43px;height:43px;font-size:21px}.brand h1{font-size:19px}.brand h1 span{display:none}.brand .eyebrow{font-size:8px}.top-resources{gap:5px}.resource{padding:7px 9px;font-size:11px}.resource b{font-size:13px}.iconbtn{width:35px}.stage-top{left:7px;right:7px;top:7px}.scene-name,.wavecard{padding:5px 7px;gap:0;border-radius:7px}.scene-name strong{font-size:12px}.scene-name .scene-kicker{font-size:7px}.scene-name small{font-size:8px}.wave-label{font-size:10px}.wave-label b{font-size:14px}.battle-count{font-size:8px}.scene-footer{padding:7px 8px;font-size:10px}.speed>span{display:none}.speedbutton{padding:4px 7px}.sidebar{grid-template-columns:1fr}.disclaimer{grid-column:span 1}.lower{gap:9px;margin-top:9px}.panel{padding:11px}.section-head h2{font-size:15px}.skillgrid{gap:5px}.skill{display:grid;grid-template-columns:35px 1fr;gap:6px;padding:6px}.skill-icon{width:35px;height:35px;font-size:21px}.skill strong{font-size:10px}.skill small{font-size:8px}.cooldown{grid-column:2;margin:0;font-size:9px}.section-note{font-size:9px}.hero-panel{padding:11px}.hero-info{margin:4px 0 12px}.hero-portrait{width:95px;height:98px}.loglist{min-height:120px}.tabcontent{padding:10px}footer{line-height:1.7}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}.fill{transition:none}}