:root{--ink:#101f29;--panel:#172e37;--line:#789099;--paper:#eee8d8;--muted:#bfd0ce;--gold:#f0d18c;--jade:#9fc78c;--danger:#ebaa93;--hud-gap:18px}
select{background:#223c47;color:#eee8d8;border:1px solid #81989d;border-radius:5px;min-height:38px;padding:7px 10px}option{background:#1c3440;color:#eee8d8}.pause-resume{width:100%;margin-bottom:18px}.pause-switches{display:flex;justify-content:space-around;gap:16px;padding:4px 0 16px;border-bottom:1px solid #7a909455}.pause-switches>div{display:flex;flex-direction:column;align-items:center;gap:9px}.pause-switches label{font-size:13px;color:#dae3d6}.pause-help{font-size:12px;line-height:1.9;text-align:center;color:#c6d5d0;margin-top:18px}.pause-help kbd{font-family:inherit;color:#eddbb1}.pause-modal .modal-body{padding:20px 28px}.advanced-settings{margin-top:12px;font-size:13px;color:#cad7d1}.advanced-settings summary{cursor:pointer;padding:7px 0;color:#dfd5b5}.advanced-settings summary:focus-visible{outline:2px solid #f0d18c;outline-offset:3px}
[hidden]{display:none!important}
::selection{background:#759b9c;color:#fff5d6}*{scrollbar-width:thin;scrollbar-color:#6f8990 #142932}button,select,input{font-variant-numeric:tabular-nums}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f3d893;outline-offset:3px}
.glass{background:linear-gradient(155deg,#243d45f7,#11262ff7);border:1px solid #7c9196;box-shadow:0 5px 16px #06111b66,inset 0 1px #e1e4c526}
.plate{background:linear-gradient(#344b50,#1c333e);border-color:#7b9298;color:var(--paper);box-shadow:0 3px 8px #06151e66,inset 0 1px #d6dfd629;border-radius:7px}
.plate:hover:not(:disabled){background:linear-gradient(#425e60,#29464d);border-color:#d8c491}.plate.primary,.plate.active{background:linear-gradient(#8c7042,#695432);border-color:#d7bd80;color:#fff0cb}.plate.danger{color:#efb49f}
.battle-stats{position:absolute;left:var(--hud-gap);top:var(--hud-gap);display:flex;align-items:center;gap:21px;padding:9px 17px;border-radius:7px;min-height:44px;font-size:20px;font-variant-numeric:tabular-nums}
.battle-stats span{display:flex;align-items:center;gap:7px}.battle-stats b{font-weight:600;min-width:24px}.battle-stats svg{width:21px;height:21px}.battle-stats .heart{color:#f18b73}.battle-stats .coin{color:var(--gold)}.battle-stats .wave{color:#e9e3cd}.battle-name{position:absolute;left:50%;top:24px;transform:translateX(-50%);font-size:15px;letter-spacing:.06em;color:#f1ebd4;text-shadow:0 2px 5px #10222be6;white-space:nowrap}
.battle-controls{position:absolute;right:var(--hud-gap);top:var(--hud-gap);display:flex;gap:7px}.battle-controls .plate{min-width:44px;width:44px;height:44px;padding:10px;font-size:14px;border-radius:7px}.battle-controls svg{width:21px;height:21px}.battle-controls .speed-control{width:48px;min-width:48px;font-weight:600}
.battle-dock{position:absolute;left:var(--hud-gap);bottom:var(--hud-gap);display:flex;align-items:flex-end;gap:10px}
.hero-button,.spell-button{position:relative;flex-shrink:0;border:2px solid #7d969c;background:linear-gradient(#29424d,#152833);box-shadow:0 5px 12px #07121b88,inset 0 0 0 2px #0e232d;padding:4px;overflow:hidden;color:#f1e9d4;border-radius:11px 11px 7px 7px}
.hero-button:before{content:'';position:absolute;inset:4px;pointer-events:none;z-index:1;border:1px solid #d1dbc133;border-radius:6px}.hero-button{width:104px;height:128px}.hero-button img{width:100%;height:98px;object-fit:cover;object-position:50% 28%;border-radius:5px 5px 0 0;background:radial-gradient(ellipse at 50% 48%,#526573,#233d49)}.hero-button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:29px;background:linear-gradient(#263e47,#132630);border-top:1px solid #6f8990}
.hero-button .hero-key{position:absolute;right:6px;top:5px;background:#10242ddd;color:#e7dfc7;width:17px;height:18px;font:11px/18px inherit;border-radius:3px;z-index:2}.hero-button .hero-lv{position:absolute;left:7px;bottom:3px;font:16px GuardTitle,sans-serif;color:var(--gold);z-index:2}.hero-button .hero-hp{position:absolute;left:0;right:0;bottom:14px;font-size:11px;line-height:1.2;z-index:2;text-align:center;color:#f0e8d4}.hero-button .hp{position:absolute;left:28px;right:7px;bottom:5px;height:6px;background:#091820;border:1px solid #536a70;z-index:2}.hero-button .hp i{display:block;height:100%;background:linear-gradient(#bfda98,#8aac71)}.hero-button.selected{border-color:#f0d18c;box-shadow:0 5px 14px #05121a99,inset 0 0 0 2px #0e232d}.hero-button.fallen img{filter:grayscale(1) brightness(.65)}
.spell-button{width:88px;height:104px;padding:5px 5px 25px}.spell-button img{width:74px;height:74px;object-fit:contain;border-radius:5px;filter:drop-shadow(0 2px 2px #09192388)}.spell-button:before{content:'';position:absolute;bottom:0;left:0;right:0;height:23px;background:#142b35;border-top:1px solid #5a747f}.spell-button kbd{position:absolute;right:5px;top:3px;z-index:3;background:#11252ed9;border-radius:3px;padding:0 3px;color:#f3d894;font:12px/18px inherit}.spell-button .label{position:absolute;bottom:4px;left:2px;right:2px;z-index:3;font-size:12px;white-space:nowrap;line-height:1.2;text-align:center;color:#e8e5d3}.spell-button .cooldown-shade{position:absolute;inset:4px 4px 25px;background:#0e1e2ad4;transform-origin:bottom;pointer-events:none}.spell-button .countdown{position:absolute;left:0;right:0;top:24px;text-align:center;font:27px/1.2 GuardTitle,sans-serif;color:#fff2d2;text-shadow:0 2px 3px #07141c;z-index:2}.spell-button:disabled{opacity:1;filter:none}.spell-button:disabled img{opacity:.6;filter:saturate(.55)}.spell-button.armed{border-color:#f6d993;box-shadow:0 5px 12px #07121b88,inset 0 0 0 2px #a58f64}.spell-button:hover:not(:disabled),.hero-button:hover{border-color:#e9d9ae}
.wave-call{position:absolute;right:var(--hud-gap);bottom:var(--hud-gap);min-width:190px;min-height:71px;padding:10px 18px;display:flex;gap:12px;align-items:center;border-radius:8px;background:linear-gradient(#37545c,#1b3542);border:2px solid #8d9c99}.wave-call .horn{font-size:29px;color:#e7d59e}.wave-call strong{display:block;font-size:16px;font-weight:600;line-height:1.5;white-space:nowrap}.wave-call small{display:block;font-size:12px;color:#d6d9c5;white-space:nowrap}.wave-call kbd{position:absolute;right:6px;top:3px;font-size:10px;color:#d5d6bc}.wave-call.ready{background:linear-gradient(#3a5557,#1d3a43);border-color:#d9c28a}.wave-call.ready small{color:#f4d590}.wave-call:disabled{opacity:.88;filter:none}.wave-call:disabled .horn{color:#91a7aa}
.entrance-wave{position:absolute;width:45px;height:45px;transform:translate(-50%,-50%);border:2px solid #cfbb87;border-radius:50%;background:radial-gradient(#365762,#172f3d);box-shadow:0 3px 9px #06141c88;color:#f1e4b7;font-size:20px}.entrance-wave small{position:absolute;top:43px;left:50%;transform:translateX(-50%);background:#162c35eb;border:1px solid #8e9a86;border-radius:4px;font-size:11px;line-height:18px;min-width:43px;white-space:nowrap;color:#f3d68f;padding:0 5px}.entrance-wave:not(:disabled):active{transform:translate(-50%,-50%) scale(.96)}
.battle-hint{position:absolute;left:50%;bottom:158px;transform:translateX(-50%);max-width:80vw;border:1px solid #8ea19a80;background:#152c35eb;padding:6px 13px;border-radius:5px;color:#efdfb6;font-size:13px;line-height:1.4;text-align:center;pointer-events:none}.boss-bar{position:absolute;top:75px;left:50%;transform:translateX(-50%);width:min(380px,40vw);text-align:center}.boss-bar p{font-size:14px;color:#f0d0ac;text-shadow:0 2px 4px #10222be6}.boss-track{height:9px;background:#111e29;border:1px solid #a58b79;border-radius:4px;overflow:hidden;margin-top:5px}.boss-track i{display:block;height:100%;background:linear-gradient(#dc9e82,#b66563)}
.inspector{position:absolute;bottom:auto;right:auto;transform:none;width:328px;min-width:0;max-width:none;padding:10px 12px;border-radius:8px;display:grid;grid-template-columns:44px 1fr;column-gap:10px;row-gap:3px;pointer-events:none}.inspect-portrait{grid-row:1/3;width:44px;height:44px;object-fit:contain;background:#122631;border:1px solid #667f85;border-radius:5px}.inspect-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.inspect-heading h3{font-size:15px;color:#f1dca9;line-height:1.4;white-space:nowrap}.inspect-heading small{font-size:11px;white-space:nowrap;color:#c6d4cd}.inspect-life{font-size:12px;color:#e2e9da;font-variant-numeric:tabular-nums}.inspect-life .bar{height:4px;background:#0a1b25;margin-top:3px}.inspect-life .bar i{display:block;height:100%;background:#a5c78a}.inspect-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:6px 0 0;border-top:1px solid #73878955;padding-top:6px}.inspect-values dt{display:flex;align-items:center;gap:3px;font-size:11px;color:#c0d2d0}.inspect-values dt svg{width:12px;height:12px;color:#b7c3b4}.inspect-values dd{margin:0;font-size:15px;line-height:1.3;color:#f2e8cd;font-variant-numeric:tabular-nums}
.build-menu.radial-menu{--orbit:112px;position:absolute;z-index:15;width:338px;height:338px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;max-height:none;pointer-events:none}.orbit-line{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:224px;height:224px;border:1px solid #d7d4ab77;border-radius:50%;box-shadow:0 2px 5px #14212c44;pointer-events:none}.radial-action{position:absolute;left:50%;top:50%;width:104px;height:116px;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--orbit)) rotate(calc(-1 * var(--angle)));pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:7px 5px 5px;border:2px solid #829a9f;border-radius:11px 11px 7px 7px;background:linear-gradient(145deg,#304a54f7,#172d3afc);box-shadow:0 5px 12px #081a247a,inset 0 0 0 2px #0e243044;color:#eae6d4}.radial-action img{width:80px;height:72px;object-fit:contain;filter:drop-shadow(0 3px 2px #06121c77)}.radial-action .option-name{font-size:12px;line-height:16px;white-space:nowrap;color:#f0e6ca}.radial-action .price{font-size:14px;line-height:17px;color:#efd590;white-space:nowrap}.radial-action .price svg{width:12px;height:12px;vertical-align:-1px}.radial-action:disabled{opacity:1;filter:none;border-color:#5d747b;background:#203540f5}.radial-action:disabled img{filter:saturate(.45) brightness(.72)}.radial-action:disabled .price{font-size:11px;color:#e3b8a1}.radial-action.previewed{border-color:#e2cea1}.radial-action:hover:not(:disabled){border-color:#f0dfaf;background:linear-gradient(145deg,#456066,#223d47)}.radial-action:not(:disabled):active{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--orbit)) rotate(calc(-1 * var(--angle))) scale(.96)}.radial-action .action-glyph{height:64px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#e3c98c}.radial-action.sell-action .action-glyph{color:#c8b37f}.radial-action .rank-pips{gap:5px;margin:0}.radial-action .rank-pips i{width:5px;height:5px}.radial-action:has(.rank-pips) img{height:61px;width:70px}.menu-center{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);padding:6px;pointer-events:auto;border:1px solid #b5b895;border-radius:50%;background:#192f3ae8;color:#dbdfc6;box-shadow:0 2px 5px #07131a66}.menu-center:not(:disabled):active{transform:translate(-50%,-50%) scale(.94)}.menu-center svg{width:15px;height:15px}.menu-tether{position:absolute;inset:0;width:100%;height:100%;z-index:14;pointer-events:none}.menu-tether path{stroke:#d5c99c;stroke-width:1.5;stroke-dasharray:4 5;fill:none;opacity:.7}.menu-detail{position:absolute;z-index:16;width:268px;max-height:230px;overflow:auto;border-radius:8px;padding:14px 16px;pointer-events:auto;user-select:text}.menu-detail h3{color:#f0d6a0;font-size:16px;margin-bottom:10px}.menu-detail p{font-size:13px;color:#e1e2d2;line-height:1.65}.menu-detail small{display:block;font-size:12px;color:#f0c98c;margin-top:10px}.detail-stats{display:flex;gap:8px 14px;flex-wrap:wrap;margin-bottom:10px;font-size:12px;color:#b7ccca}.detail-stats:empty{display:none}.detail-stats b{font-size:13px;font-weight:500;color:#efe8d5}.rank-pips{display:flex;justify-content:center;gap:4px}.rank-pips i{display:block;width:6px;height:6px;border:1px solid #b8aa7e;transform:rotate(45deg)}.rank-pips i.on{background:#edd390}.skill-description{display:none;position:fixed;z-index:50;max-width:min(312px,calc(100vw - 20px));padding:13px 16px;border-radius:8px;font-size:13px;line-height:1.7;pointer-events:none}.skill-description.visible{display:block}
.modal{background:linear-gradient(150deg,#2b434bf9,#142b37fc);border-color:#82999d;box-shadow:0 16px 60px #04111bc9}.modal-header{border-bottom-color:#8b9e9a55}.modal-header h2{color:#eedbb3;letter-spacing:.03em}.modal-header p{color:#c3d2ce;max-width:65ch}.modal-header button{border-color:#849b9f;background:#1b3541;color:#eee2c4;display:flex;align-items:center;justify-content:center}.modal-header button svg{width:17px;height:17px}.modal-body{color:#e4e4d7}.hero-card{background:radial-gradient(ellipse at 50% 30%,#3b5462,#192f3d);border-color:#657f88}.hero-card p,.hero-detail p,.hero-skill p,.codex-entry p,.tech-node p,.settings-help{color:#c5d5d0}.hero-skill h3,.tech-node h4{color:#e7dfc3}.hero-skill p,.tech-node p,.codex-entry p{font-size:12px}.hero-skill h3,.codex-entry h3{font-size:14px}.tech-tree,.codex-entry{background:#142d38b5;border-color:#6f888c88}.tech-number{color:#dce1cb}.modal .setting-row label{color:#e5e5d5}.toggle.on{background:#617d69}.veil{background:#07131cb8;backdrop-filter:blur(3px)}.navigation svg{color:#d7cba4}.campaign-title p{color:#d0dccf}.campaign-title h1{color:#f2d799;letter-spacing:.04em}.mission-strip h2{color:#f0dcaf}.mission-strip p{color:#d5dfd0}.star-count{color:#f1d48d}.node-stars svg,.result-crest .stars svg{display:inline-block;width:1em;height:1em}.node-stars .unearned{opacity:.35}.result-crest .stars .unearned{opacity:.25}
@media(min-width:1800px){.hero-button{width:116px;height:140px}.hero-button img{height:109px}.spell-button{width:98px;height:116px}.spell-button img{width:84px;height:84px}.battle-dock{gap:12px}.wave-call{min-width:214px;min-height:79px}.build-menu.radial-menu{--orbit:124px;width:374px;height:374px}.radial-action{width:116px;height:128px}.radial-action img{width:91px;height:82px}.radial-action .option-name{font-size:13px}.radial-action .price{font-size:16px}.orbit-line{width:248px;height:248px}.menu-detail{width:294px}.inspector{width:354px}.battle-stats{font-size:22px}}
@media(max-width:1050px){.battle-name{top:72px;font-size:13px}.boss-bar{top:96px}.battle-stats{gap:15px}.menu-detail{width:250px}.battle-dock{gap:8px}.hero-button{width:96px;height:118px}.hero-button img{height:88px}.spell-button{width:80px;height:98px}.spell-button img{width:67px;height:67px}.spell-button .label{font-size:11px}}
@media(max-height:650px){:root{--hud-gap:12px}.battle-stats{top:12px;left:12px;font-size:18px;padding:7px 13px;min-height:41px}.battle-controls{top:12px;right:12px}.battle-controls .plate{height:40px;min-height:40px;width:40px;min-width:40px;padding:8px}.hero-button{width:90px;height:108px}.hero-button img{height:78px}.spell-button{width:76px;height:94px}.spell-button img{width:63px;height:63px}.battle-dock{bottom:12px;left:12px;gap:8px}.wave-call{bottom:12px;right:12px;min-width:174px;min-height:65px;padding:8px 13px;gap:9px}.wave-call strong{font-size:14px}.build-menu.radial-menu{--orbit:96px;width:290px;height:290px}.orbit-line{width:192px;height:192px}.radial-action{width:94px;height:104px;padding:5px 4px}.radial-action img{width:72px;height:63px}.radial-action .option-name{font-size:11px}.radial-action .price{font-size:13px}.radial-action .action-glyph{height:57px}.radial-action:has(.rank-pips) img{height:53px}.menu-detail{width:250px;max-height:190px;padding:11px 13px}.menu-detail h3{font-size:15px;margin-bottom:7px}.menu-detail p{font-size:12px}.menu-detail small{margin-top:7px}.battle-hint{bottom:131px}.inspector{padding:8px 10px;width:308px}}
@media(max-width:620px){:root{--hud-gap:10px}.battle-stats{top:10px;left:10px;font-size:17px;gap:10px;padding:7px 10px}.battle-stats svg{width:18px;height:18px}.battle-controls{right:10px;top:10px;gap:5px}.battle-controls .plate{min-width:36px;width:36px;height:38px;min-height:38px;padding:7px}.battle-controls .fullscreen{display:none}.battle-name{top:65px;font-size:12px}.hero-button{width:78px;height:105px}.hero-button img{height:75px}.spell-button{width:66px;height:91px;padding:4px 4px 24px}.spell-button img{width:54px;height:61px}.spell-button .label{font-size:10px}.spell-button kbd{font-size:10px;line-height:15px}.spell-button .countdown{top:25px;font-size:23px}.battle-dock{left:10px;bottom:10px;gap:7px}.wave-call{right:10px;bottom:10px;min-width:134px;min-height:62px;padding:7px 9px;gap:7px}.wave-call .horn{font-size:21px}.wave-call strong{font-size:12px}.wave-call small{font-size:10px}.inspector{width:272px;padding:8px}.inspect-heading h3{font-size:13px}.inspect-heading small{font-size:10px}.inspect-values dd{font-size:14px}.menu-detail{width:230px;max-height:182px}.build-menu.radial-menu{--orbit:98px;width:296px;height:296px}.radial-action{width:94px;height:104px}.radial-action img{width:72px;height:63px}.battle-hint{font-size:11px;bottom:128px}.entrance-wave{width:40px;height:40px}.entrance-wave small{top:38px;font-size:10px}.boss-bar{top:88px;width:58vw}.inspect-heading{align-items:flex-start;flex-direction:column;gap:1px}.modal .hero-skill{gap:8px}.hero-skill .skill-emblem{width:31px;height:31px}.hero-skill button{min-width:62px;padding:7px}}
@media(max-width:479px){.wave-call{bottom:128px;min-width:130px}.inspector{width:222px}.inspect-values{gap:4px}.inspect-values dt{font-size:10px}.inspect-values dt svg{display:none}.inspect-values dd{font-size:12px}.battle-stats{font-size:15px;gap:9px}.battle-stats b{min-width:18px}.battle-controls .plate{width:33px;min-width:33px}.battle-hint{bottom:210px}.menu-detail{width:236px;max-height:190px}.battle-name{display:none}}
@media(prefers-reduced-motion:reduce){.veil{backdrop-filter:none}.modal,.toast{animation:none}.plate,.hero-button,.spell-button,.radial-action{transition:none}}
[data-motion="off"] .modal,[data-motion="off"] .toast{animation:none}