@font-face{font-family:WizardPixel;src:url('assets/fonts/fpf-12px-mono-24.05.12/latin.ttf')}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0b061d;color:#f6defc;font:14px WizardPixel,'PingFang SC','Microsoft Yahei',sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#352052;border:2px solid #07051b;border-top-color:#85508f;border-left-color:#674076;padding:9px 12px;box-shadow:0 2px 0 #07051b;transition:background .1s,color .1s}button:hover:not(:disabled){background:#694073;color:#fff}button:active:not(:disabled){transform:translateY(1px);box-shadow:none}button:disabled{cursor:default;color:#87748f;background:#241735;border-top-color:#42314d;border-left-color:#3e294a;opacity:.7}button:focus-visible,a:focus-visible{outline:2px solid #ffd58c;outline-offset:3px}button img,.icon{image-rendering:pixelated;object-fit:contain;vertical-align:middle;width:22px;height:22px}input[type=checkbox]{accent-color:#d287e9}select{color:#f5dcff;background:#352052;padding:6px;border:1px solid #8a5896}input[type=range]{accent-color:#d787e9;width:140px}h1,h2,h3,p{margin:0}h1{font-size:23px;font-weight:500;color:#ffdcff}h2{font-size:19px;font-weight:500;margin-bottom:14px;color:#f8c5ff}h3{font-size:15px;font-weight:500;margin-bottom:10px}p{line-height:1.8}small,.muted{color:#b49dc2;font-size:12px}strong{font-weight:500;color:#ffd494}img{image-rendering:pixelated}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}#hud{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;padding:18px;pointer-events:none;background:linear-gradient(#0b061dd9,transparent);gap:20px}#hud[hidden]{display:none}#resources{display:flex;flex-wrap:wrap;gap:7px;max-width:calc(100vw - 130px);pointer-events:auto}.resource{display:flex;gap:8px;align-items:center;min-width:106px;height:49px;padding:6px 10px;border:2px solid #4e2c67;background:#160c2de8;box-shadow:2px 2px 0 #07051b}.resource .icon{width:24px;height:24px}.resource-value{color:#efcbfa;font-size:17px;line-height:1.1;font-variant-numeric:tabular-nums}.resource-rate{color:#a887bd;font:11px WizardPixel,sans-serif;margin-top:4px}.top-tools{display:flex;gap:5px;pointer-events:auto}.top-tools button{height:38px;min-width:38px;padding:6px}.top-tools img{width:20px;height:20px}.pixel-panel{background:linear-gradient(135deg,#241235f5,#130c23f7);border:2px solid #7a4a88;box-shadow:0 0 0 2px #080518,5px 5px 0 #08051888}#panel{position:fixed;top:94px;right:22px;width:355px;bottom:103px;z-index:4;display:flex;flex-direction:column}#panel[hidden]{display:none}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 18px 15px;border-bottom:2px solid #5a336d;background:#27143e}#panel-eyebrow{font:10px WizardPixel,sans-serif;letter-spacing:2px;color:#b083c5;display:block;margin-bottom:8px}#panel-close{font:24px sans-serif;padding:0;width:27px;height:28px;background:transparent;border:0;box-shadow:none;color:#ad80be}#panel-content{padding:17px 15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8c5697 #180e2a;flex:1}.intro{color:#bda5ce;margin-bottom:18px;font-size:13px;line-height:1.9}.section{margin-bottom:22px}.section-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;margin:18px 0 9px;border-bottom:1px solid #55345f;color:#cf97e6}.section-title:first-child{margin-top:0}.big-action{width:100%;padding:12px 10px;background:#724287;border-color:#d399e1 #3c2051 #100c23 #a66cba;font-size:16px;min-height:48px}.cast-action{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 17px;background:#301b4c;margin-bottom:14px}.cast-action .orb-icon{width:44px;height:44px}.cast-action span{display:flex;flex-direction:column;gap:7px}.cast-action small{color:#bda1cc}.cost-line{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#b898c8;align-items:center}.cost-line .icon{width:16px;height:16px;margin-right:3px}.cost-line .short{color:#da8d99}.ascend-cost{padding:10px;background:#110b20;border:1px solid #442a59;margin:10px 0}.progress-track{height:8px;background:#090817;border:1px solid #3f2850;margin-top:7px;overflow:hidden}.progress-fill{height:100%;background:#c575df;max-width:100%;transition:width .15s}.progress-fill.gold{background:#d5ac75}.skill{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #3d254a;min-height:61px}.skill>.icon{width:26px;height:29px;flex-shrink:0}.skill-info{flex:1;min-width:0}.skill-name{font-size:13px;line-height:1.5;color:#e8c8f3;margin-bottom:5px}.skill-name .count{font:12px WizardPixel,sans-serif;color:#dda3f5;margin-left:6px}.skill button{flex-shrink:0;padding:6px 9px;font-size:12px;min-width:51px}.skill .cost-line{font-size:11px;gap:6px}.skill .cost-line .icon{width:13px;height:13px}.skill.maxed{opacity:.65}.skill.maxed button{font-size:11px;min-width:51px}.sub-tabs{display:flex;gap:5px;margin:10px 0 14px}.sub-tabs button{flex:1;padding:8px 4px;font-size:12px}.sub-tabs .active{background:#805097}.mini-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;gap:10px}.xp-card{padding:12px;margin-bottom:9px;background:#100b1e;border:1px solid #533265}.xp-card.selected{border-color:#d587ed;background:#29173d}.xp-card .head{display:flex;align-items:center;justify-content:space-between;gap:6px}.xp-card button{padding:5px 7px;font-size:11px}.xp-card small{display:block;margin-top:6px}.status-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:12px 0}.status{padding:8px;background:#100b20;display:flex;align-items:center;gap:5px;font-size:12px}.status img{width:19px;height:19px}.wall-health{font-size:18px;color:#fbb7d4;text-align:center;padding:12px}.rune-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rune-card{height:88px;padding:9px 5px;font-size:11px;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.rune-card img{width:24px;height:24px}.rune-card small{font-size:10px}.rune-card.owned{background:#633779;border-color:#cb85df}.rune-card:disabled.owned{opacity:1;color:#e8c4f4}.rune-card .dots{color:#f7d381;letter-spacing:2px}.nation-map{display:block;width:100%;height:auto;aspect-ratio:200/120;image-rendering:pixelated;background:#1b102b;border:1px solid #7b4689;cursor:pointer;margin-bottom:10px}.nation-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #432952;padding:8px 0;gap:8px;font-size:12px}.nation-row button{padding:6px;font-size:11px}.nation-row.owned{color:#ce97e1}#navigation{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);display:flex;gap:5px;padding:7px;background:#120a23ec;border:2px solid #5f3b74;box-shadow:0 0 0 2px #07051b;z-index:6;overflow:auto;scrollbar-width:thin}#navigation[hidden]{display:none}#navigation button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:55px;min-height:55px;padding:7px 9px;font-size:11px;background:#241532;white-space:nowrap}#navigation button.active{background:#78438c;border-top-color:#f0b2fd;color:#fff}#navigation button.attention{border-top-color:#ebc780}#navigation button img{width:24px;height:24px}#scene-controls{position:fixed;bottom:105px;left:22px;display:flex;z-index:4}#scene-controls[hidden]{display:none}#scene-controls button{font-size:13px;min-width:35px;padding:7px 10px}#scene-hint{position:fixed;left:24px;bottom:150px;font-size:11px;letter-spacing:.5px;color:#ae8dc6;pointer-events:none}#stage-label{position:fixed;left:24px;top:84px;color:#9a7bac;pointer-events:none;font-size:12px;letter-spacing:1px}#toast-stack{position:fixed;top:92px;left:50%;transform:translateX(-50%);z-index:25;pointer-events:none;display:flex;align-items:center;flex-direction:column;gap:8px;max-width:min(420px,90vw)}.toast{padding:12px 17px;border:2px solid #ae6bc3;background:#26153dec;box-shadow:3px 3px 0 #07051b;line-height:1.6;font-size:13px;animation:toast-in .2s ease-out}.toast img{width:24px;height:24px;margin-right:8px;vertical-align:middle}.toast strong{display:block;margin-bottom:3px}@keyframes toast-in{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}#tooltip{position:fixed;z-index:100;max-width:310px;padding:13px 15px;background:#100a1af5;border:2px solid #aa72b6;box-shadow:3px 3px 0 #000a;font-size:12px;line-height:1.9;color:#d7b9e4;pointer-events:none;white-space:pre-line}#tooltip strong{color:#fbd28d}.overlay{position:fixed;inset:0;z-index:30;background:#090519c9;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(3px)}.dialog{position:relative;width:560px;max-width:100%;max-height:90vh;overflow:auto;background:#21122f;border:2px solid #b278c5;box-shadow:0 0 0 3px #080517,8px 8px 0 #07051b88;padding:27px;scrollbar-color:#8c5697 #180e2a;scrollbar-width:thin}.dialog .dialog-close{position:absolute;right:14px;top:12px;min-width:29px;padding:3px 5px}.dialog p{margin:12px 0;color:#c9abd8;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-actions button{min-width:95px}.dialog-actions .big-action{width:auto}.dialog.wide{width:860px}.loading-card{text-align:center;width:280px}.loading-card>img{width:56px;height:56px}.loading-card progress{width:100%;height:10px;accent-color:#dc98f3}.menu{background:linear-gradient(90deg,#0a061be8,#0a061b55 65%,transparent);backdrop-filter:none;justify-content:flex-start}.menu-card{margin-left:9vw;width:410px;max-width:90vw;text-align:center;background:none;border:0;box-shadow:none;overflow:visible;padding:0}.menu-logo{width:100%;margin-bottom:0;filter:drop-shadow(0 8px 0 #07051b88)}.menu-title{font-size:16px;letter-spacing:7px;color:#d4a4eb;margin:-4px 0 30px}.menu-buttons{display:flex;flex-direction:column;gap:12px;padding:0 50px}.menu-buttons button{min-height:45px}.menu-card p{margin-top:22px;font-size:12px;color:#aa8aba}.menu-footer{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;color:#9675aa;letter-spacing:1px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #4b2c57;gap:14px}.setting-row label{font-size:13px}.settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.settings-actions button{font-size:12px}.danger{color:#f9a4b5}.blessing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.blessing-card{padding:10px 6px;font-size:11px;display:flex;flex-direction:column;gap:7px;align-items:center;min-height:100px}.blessing-card img{width:27px;height:27px}.blessing-card.owned{border-color:#dda5ee;background:#623677}.blessing-card.automatic{border-radius:0;background:#423056}.blessing-card small{font-size:10px}.blessing-points{font-size:18px;color:#f6d29e;margin:14px 0;position:sticky;top:-27px;background:#21122ff5;padding:14px 0;z-index:1}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.achievement{padding:14px 7px;text-align:center;background:#140d22;min-height:115px}.achievement img{width:44px;height:44px;display:block;margin:0 auto 10px}.achievement.locked{opacity:.48}.achievement small{display:block;margin-top:6px;font-size:10px}#pause-overlay{position:fixed;inset:0;pointer-events:none;display:grid;place-items:center;z-index:12;background:#10061b50}#pause-overlay[hidden]{display:none}#pause-overlay span{padding:15px 25px;background:#170c28db;border:2px solid #a973bb;letter-spacing:3px}.ending-card{text-align:center}.ending-card>img{max-width:100%;max-height:200px;object-fit:contain}.ending-card h2{font-size:30px;color:#ffe2a2}.run-history{width:100%;border-collapse:collapse;font-size:12px}.run-history td,.run-history th{text-align:left;padding:9px;border-bottom:1px solid #4b2b5a}.hotkey{display:inline-block;background:#10091e;border:1px solid #624077;padding:1px 5px;font:11px WizardPixel,sans-serif}.help-line{margin:10px 0;color:#bfa0cf;font-size:12px;line-height:1.8}.empty-note{padding:22px 8px;text-align:center;color:#a588b8;line-height:1.9}.inline-options{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;font-size:11px;color:#b99bcb}.radio-trainings{display:flex;gap:6px;flex-wrap:wrap}.radio-trainings button{padding:6px;font-size:11px}.badge{color:#f3cfa3;font-size:11px}.bar-label{display:flex;justify-content:space-between;font-size:11px;color:#b390c5;gap:10px;margin-top:6px}.modal-section{border-top:1px solid #5d396e;padding-top:17px;margin-top:17px}a{color:#e6b7fa}
@media(max-width:800px){#panel{width:310px;right:12px;top:112px;bottom:101px}#hud{padding:12px}.resource{min-width:86px;padding:5px 7px;height:43px}.resource-value{font-size:15px}.resource .icon{width:18px}.resource-rate{font-size:10px}#navigation{bottom:12px;gap:3px;padding:5px;max-width:calc(100% - 24px)}#navigation button{min-width:48px;padding:5px;font-size:10px}#stage-label{left:16px;top:94px}#scene-controls{left:14px}#scene-hint{left:14px;font-size:10px}.panel-heading{padding:16px 13px}#panel-content{padding:12px}.menu-card{margin-left:1vw}.blessing-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){#panel{top:auto;bottom:89px;left:12px;right:12px;width:auto;max-height:45vh}.panel-heading{padding:10px 12px;align-items:center}#panel-eyebrow{display:none}#panel-title{font-size:18px}#panel-content{padding:11px 12px}#scene-controls{bottom:auto;top:110px}#scene-hint{display:none}#stage-label{top:92px;font-size:10px}#navigation button{min-width:48px;min-height:52px}#hud{gap:7px}.resource{min-width:75px;height:38px;padding:4px 5px;gap:4px}.resource-value{font-size:13px}.resource-rate{font-size:9px}.resource .icon{width:15px;height:20px}#resources{gap:4px;max-width:calc(100vw - 88px)}.top-tools button{min-width:29px;height:30px;padding:3px}.dialog{padding:20px;max-height:85vh}.overlay{padding:16px}.menu{justify-content:center;align-items:center;background:#0a061b99}.menu-card{margin-left:0;max-width:94vw}.menu-buttons{padding:0 30px}.blessing-grid{grid-template-columns:repeat(3,1fr);gap:6px}.blessing-card{font-size:10px;min-height:95px}.achievement-grid{grid-template-columns:repeat(3,1fr)}.skill{padding:8px 0;min-height:54px}.setting-row input[type=range]{width:100px}.menu-footer{font-size:9px}.cast-action{min-height:48px;padding:8px 12px}.cast-action .orb-icon{width:30px;height:30px}.section{margin-bottom:14px}.rune-grid{grid-template-columns:repeat(4,1fr)}.rune-card{font-size:10px;height:82px}.blessing-points{font-size:15px;top:-20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}