:root{color-scheme:dark;--paper:#F7F0E1;--ink:#172B27;--forest:#103B35;--teal:#176B63;--brass:#B99552;--mint:#79BEAF;--line:#c8bba244;--dark:#081D1A;font-family:Arial,sans-serif;color:var(--paper);background:var(--dark)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;border:1px solid #e8d7ad55;border-radius:5px;background:#103b35d9;padding:10px 16px;cursor:pointer;transition:background .15s,transform .15s;min-height:42px}button:hover{background:#246c5fee}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid #f0cd81;outline-offset:3px}button:disabled{opacity:.42;cursor:default}a{color:#91dfc7}kbd{font:11px Arial;border:1px solid #fff5;border-radius:3px;padding:3px 5px;background:#ffffff0a;color:#d8e8df}button.primary{background:var(--brass);color:#101f1a;border-color:#e0c384;font-weight:bold}button.primary:hover{background:#dfbd77}button.large{font-size:18px;padding:16px 24px;min-width:245px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:28px Arial;font-weight:bold;letter-spacing:-1px}.brand em{font:italic 35px Georgia;color:var(--mint);margin-left:1px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#d2bc8a;text-transform:uppercase;margin:0 0 9px}.screen{position:fixed;inset:0;z-index:20;background:linear-gradient(90deg,#061d1df7,#061d1dc9 38%,#061d1d0d 85%);padding:28px 4.5vw;display:flex;flex-direction:column}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,#04151188 100%);opacity:.75}#world-labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.menu-header{display:flex;align-items:center;gap:28px}.menu-header>span:nth-child(2){font-size:10px;letter-spacing:2px;color:#e2d9c3}.menu-header button{margin-left:auto;background:#081d1a99}.menu-main{margin:auto 0;width:640px;max-width:70vw}.menu-main h1{font-size:clamp(40px,5.9vw,82px);font-weight:900;line-height:.92;letter-spacing:-4px;margin:16px 0 24px;text-shadow:0 5px 25px #0007}.menu-main h1 span{display:block;font-size:.49em;font-weight:400;letter-spacing:9px;margin-top:18px}.menu-main h1 em{font:italic 1.2em Georgia;color:#d9b46d}.menu-copy{font-size:18px;line-height:1.55;color:#dddcca;margin:18px 0 25px}.feature-strip{display:flex;gap:22px;font-size:9px;letter-spacing:1px;color:#b7c7ba}.feature-strip b{font:26px Georgia;color:#f0d299;display:block;margin-bottom:4px}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;align-items:center}.menu-actions>button:last-child{background:transparent;font-size:12px}.menu-footer{display:flex;gap:22px;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#b8c2b6}.menu-footer button{font-size:11px;background:transparent;min-height:32px;border:0}.menu-cast{display:flex;gap:10px;margin-top:25px}.cast-portrait{width:61px;text-align:center;font-size:9px;letter-spacing:1px;color:#e1d7bd}.cast-portrait img{width:61px;height:70px;object-fit:contain;display:block;background:linear-gradient(0deg,#183a36cc,transparent);border-bottom:2px solid var(--hero-color)}.panel{background:linear-gradient(135deg,#081d1aeF,#122d2fe5);border:1px solid #d6c18a44;box-shadow:0 6px 25px #0003;border-radius:7px;backdrop-filter:blur(5px)}.hero-panel{position:fixed;top:20px;left:20px;width:290px;display:flex;gap:9px;padding:10px}.portrait{width:61px;height:67px;flex-shrink:0;border:1px solid #a1c6af55;border-radius:5px;overflow:hidden;background:radial-gradient(#638c7b55,#091e1c)}.portrait img{width:100%;height:100%;object-fit:contain}.hero-status{flex:1;padding-top:2px}.hero-status b{font-size:18px}.hero-status small{display:block;font-size:10px;color:#a8c5bb;margin:3px 0 8px}.health-track{height:7px;background:#0007;border-radius:3px;overflow:hidden}.health-track i{display:block;width:100%;height:100%;background:var(--mint);transition:width .15s}.health-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;margin-top:6px;color:#e2d1a5}.top-tools{position:fixed;top:20px;right:20px;display:flex;gap:8px}.top-tools button{font-size:12px;min-height:36px;padding:8px 12px;background:#0b211dcc}.top-tools kbd{margin-left:5px}.mission-panel{position:fixed;top:67px;right:20px;width:340px;padding:15px 18px}.mission-panel h2{font:22px Georgia;margin:0 0 8px;line-height:1.1}.mission-panel p:not(.eyebrow){font-size:12px;line-height:1.45;color:#e3d7bb;margin:0 0 8px}.mission-panel small{font-size:9px;letter-spacing:1px;color:#8ba9a0}#boss-hud{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:360px;padding:9px;background:#142127e8;border-radius:5px}#boss-hud>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px}#boss-phase{color:#dec181;font-size:10px}.boss-health{height:8px;background:#ffffff1a}.boss-health i{display:block;background:linear-gradient(90deg,#b65958,#f39678);height:100%}#core-hud{position:fixed;left:20px;top:118px;width:230px;padding:12px;font-size:11px}#core-hud .health-track{margin:8px 0}#core-hud small{color:#bed2c6}#combo{position:fixed;left:30px;top:36%;font:bold 27px Georgia;color:#ecc783;text-shadow:0 2px 6px #000}.bottom-left{position:fixed;bottom:20px;left:20px;width:315px}#control-hints{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:10px;color:#eee0c4;text-shadow:0 1px 5px #000;padding-bottom:8px}#save-state{font-size:9px;letter-spacing:.5px;color:#adc4b5}.roster{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:7px;background:#081d1ad9;border:1px solid #c8bba23d;border-radius:9px}.hero-slot{position:relative;width:61px;padding:1px 3px 6px;background:#152b29;border:1px solid #b9bda344;font-size:9px;line-height:1.1}.hero-slot img{width:50px;height:52px;object-fit:contain;display:block}.hero-slot kbd{position:absolute;left:3px;top:3px;padding:1px 3px;font-size:8px}.hero-slot.active{border:2px solid #ddbf7c;background:#32564d;transform:translateY(-4px)}.hero-slot small{font-size:8px;position:absolute;right:3px;top:5px;color:#ffda8d}.tactical{position:fixed;bottom:20px;right:20px;width:175px}.minimap-button{padding:0;overflow:hidden;border:1px solid #c4b47799;background:#081d1aeF;width:175px}.minimap-button canvas{display:block;width:173px;height:153px}.minimap-button span{display:block;padding:6px;font-size:8px;letter-spacing:1px}.minimap-button kbd{font-size:8px}#ability-button{width:100%;padding:9px;display:grid;grid-template-columns:30px auto;margin-bottom:10px;text-align:left;background:#123c34ed}#ability-button strong{grid-row:span 2;font-size:22px;color:#ecd9ab}#ability-button span{font-size:11px}#ability-button small{font-size:9px;color:#b6d6b8;margin-top:3px}.radio{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);width:550px;max-width:50vw;display:flex;align-items:flex-start;gap:13px;background:#081d1ae8;padding:13px 18px;border-left:3px solid #b99552;border-radius:4px;pointer-events:none}.radio b{font-size:9px;letter-spacing:1px;color:#c9aa65;line-height:1.7}.radio p{font-size:12px;line-height:1.45;margin:0;color:#eee4cf}#interact-prompt{position:fixed;bottom:102px;left:50%;transform:translateX(-50%);background:#f3e7cb;color:#172B27;padding:10px 18px;border-radius:4px;font-size:12px;font-weight:bold;white-space:nowrap;box-shadow:0 4px 20px #0008;pointer-events:none}#waypoint{position:fixed;left:50%;top:31%;padding:8px;background:#102c28bd;border:1px solid #ddbc7333;border-radius:4px;font-size:12px;color:#dfbe74;pointer-events:none}.world-label{position:absolute;top:0;left:0;white-space:nowrap;text-align:center;padding:7px 10px;background:#081d1acc;border:1px solid #cbb87844;border-radius:5px;font-size:10px;line-height:1.4}.world-label b{display:block;color:#e4c786}.world-label span{display:block;font-size:9px;color:#d9e0d0}.enemy-health{position:absolute;top:0;left:0;width:35px;height:4px;background:#171f20bb;border:1px solid #0008}.enemy-health i{display:block;height:100%;background:#eb806c}#toast{position:fixed;z-index:95;top:18%;left:50%;transform:translateX(-50%);background:#f1e4c8;color:#172b27;padding:13px 22px;font-weight:bold;border-left:5px solid #b99552;border-radius:5px;box-shadow:0 12px 40px #0008;text-align:center;font-size:13px;max-width:650px}.overlay{position:fixed;inset:0;z-index:60;background:#041312b5;backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.modal{width:min(860px,94vw);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #bba67588;background:linear-gradient(135deg,#103b35,#091e1b);padding:30px;box-shadow:0 20px 90px #000a;border-radius:10px}.modal h2{font:36px Georgia;margin:5px 0 17px;color:#f2e4c6}.modal h3{font-size:18px;color:#e8ca85;margin:18px 0 10px}.modal p{font-size:15px;line-height:1.6;color:#d5ded2}.modal .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.modal .small{font-size:11px;line-height:1.6;color:#acbeb0}.modal .close{float:right;min-width:44px;padding:7px 12px}.modal label{font-size:13px;display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #fff2;gap:20px}.modal input[type=range]{width:180px}.modal select{padding:9px;background:#0a2722;color:var(--paper);border:1px solid #c8bba277;border-radius:4px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 25px}.controls-grid>div{font-size:13px;display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #fff1}.intro-line{font:24px Georgia!important;color:#f2e4c6!important}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-card{border:1px solid #a7aa7f44;padding:17px;background:#041d1a88;border-radius:6px}.info-card b{display:block;color:#e8ca85;margin-bottom:10px}.info-card p{font-size:12px;line-height:1.5;margin:4px 0}.info-card button{margin-top:14px;font-size:12px}.city-map{display:grid;grid-template-columns:1fr 1fr;gap:13px}.district-card{border:1px solid #c5ae7b55;background:#05272280;padding:18px;border-top:4px solid var(--district-color);border-radius:6px}.district-card h3{margin:0 0 9px;font:22px Georgia}.district-card p{font-size:12px;margin:0 0 10px}.district-card .stations{display:flex;flex-wrap:wrap;gap:6px}.district-card button{font-size:11px;padding:7px 10px;min-height:35px}.station-title{color:#e4c37d;font-size:11px;letter-spacing:1px}.research-progress{height:6px;background:#020e0c77;margin:20px 0 10px}.research-progress i{display:block;height:100%;background:#b99552}.modal blockquote{margin:15px 0;padding:10px 18px;border-left:3px solid #b99552;color:#f0e4c9;font:20px/1.5 Georgia}.credit-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}#research-overlay{position:fixed;inset:0;z-index:90;background:#F7F0E1}#research-frame{display:block;border:0;width:100%;height:100%}#loading{position:fixed;inset:0;z-index:100;background:#081d1a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d9c69d}#loading p{font-size:12px;letter-spacing:2px;margin-top:25px}.stat-row{display:flex;gap:24px;margin:20px 0}.stat-row b{font:32px Georgia;color:#e3c27b;display:block}.stat-row span{font-size:10px;letter-spacing:1px}.danger{border-color:#cf756e!important}.research-summary{font-size:11px!important;color:#c3d0bc!important}[hidden]{display:none!important}@media(max-width:1100px){.hero-panel{width:250px;top:12px;left:12px}.mission-panel{width:290px;right:12px;top:60px}.top-tools{right:12px;top:12px}.mission-panel h2{font-size:19px}.roster{gap:3px;bottom:12px}.hero-slot{width:49px}.hero-slot img{width:39px;height:46px}.tactical{right:12px;bottom:12px;width:145px}.minimap-button{width:145px}.minimap-button canvas{width:143px;height:128px}.bottom-left{left:12px;width:245px;bottom:12px}.menu-main{width:580px}.menu-copy{font-size:16px}.menu-cast{margin-top:17px}.cast-portrait img{height:55px}#boss-hud{width:290px;top:12px}}@media(max-height:760px){.menu-main h1{font-size:60px;margin:12px 0 16px}.menu-main h1 span{margin-top:12px}.menu-copy{margin:13px 0 16px;font-size:16px}.menu-actions{margin-top:17px}.menu-cast{margin-top:15px}.cast-portrait img{height:55px}.screen{padding:20px 4vw}.feature-strip b{font-size:22px}.modal{padding:23px}.modal h2{font-size:29px}.radio{bottom:110px}.tactical .minimap-button canvas{height:135px}.menu-footer{margin-top:12px}}@media(max-width:760px){.menu-header>span:nth-child(2){display:none}.menu-header{gap:10px}.menu-main{max-width:90vw;width:90vw}.menu-main h1{font-size:48px}.feature-strip{gap:18px}.menu-footer>span:first-child{display:none}.menu-cast{gap:5px}.menu-actions .large{min-width:210px}.hero-panel{width:215px}.hero-status small{font-size:8px}.hero-panel .portrait{width:45px;height:57px}.mission-panel{top:113px;width:240px;padding:10px}.mission-panel h2{font-size:18px}.top-tools{top:14px}.roster{left:12px;transform:none}.hero-slot{width:42px}.hero-slot img{width:32px;height:38px}.bottom-left{bottom:95px}.tactical{width:125px}.minimap-button{width:125px}.minimap-button canvas{width:123px;height:107px}.radio{max-width:90vw;width:400px;bottom:157px}#interact-prompt{bottom:134px;font-size:10px;max-width:92vw;white-space:normal}#boss-hud{top:83px;width:220px;left:125px}.controls-grid,.info-grid,.city-map{grid-template-columns:1fr}.modal{padding:20px}.modal h2{font-size:28px}.modal p{font-size:13px}.menu-header button{font-size:11px}#waypoint{top:46%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}