:root{--bg:#18213a;--bg2:#202b4a;--bg3:#2a3860;--line:#34446f;--hi:#4c64a8;--text:#f4f6fb;--dim:#a3aecb;--gold:#ffd25a;--green:#5fe08a;--red:#ff6b6b;--blue:#4fb0ff;--yellow:#ffc23d}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#0b1430;margin:0;font-family:Rubik,system-ui,sans-serif;font-size:15px;overflow:hidden}#game{position:fixed;inset:0;overflow:hidden}#view{image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;position:absolute;top:0;left:0}.px-panel{background:linear-gradient(#243054f5,#161e36f5);border:2px solid #33436e;border-radius:10px;box-shadow:0 6px 16px #00000073,inset 0 1px #ffffff14}.px-btn{color:var(--text);cursor:pointer;background:linear-gradient(#2f3e6a,#243156);border:2px solid #3a4b7c;border-radius:8px;padding:5px 10px;font-family:Rubik,sans-serif;font-size:13px;font-weight:500;transition:background .1s,border-color .1s}.px-btn:hover{background:linear-gradient(#3a4c82,#2b3a66);border-color:#5068a8}.px-btn:active{transform:translateY(1px)}.px-btn.on{background:linear-gradient(#2f5aa8,#23417c);border-color:#4fb0ff;box-shadow:0 0 0 2px #4fb0ff40,inset 0 1px #ffffff26}.px-btn.big{padding:10px 18px;font-size:15px;font-weight:600}h3{color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;font-family:Rubik,sans-serif;font-size:14px;font-weight:700}#topbar{pointer-events:none;z-index:5;align-items:stretch;gap:8px;display:flex;position:fixed;top:10px;left:10px;right:10px}#topbar>*{pointer-events:auto}.tb-block{align-items:center;gap:16px;padding:6px 14px;display:flex}.tb-logo{color:var(--gold);text-shadow:2px 2px #000;font-family:Pixelify Sans;font-size:18px;font-weight:600}.tb-city{color:var(--text);background:0 0;border:none;border-bottom:2px dashed #0000;width:140px;font-family:Rubik;font-size:17px;font-weight:600}.tb-city:focus{border-bottom-color:var(--hi);outline:none}.tb-rank{color:var(--dim);background:#ffffff12;border-radius:10px;padding:2px 8px;font-size:13px}.stat{white-space:nowrap;align-items:center;gap:6px;display:flex}.stat .ico{width:21px;height:21px;image-rendering:pixelated}.stat b{font-size:17px;font-weight:600}.stat small{color:var(--dim);font-size:12px;font-weight:500}.pos{color:var(--green)!important}.neg{color:var(--red)!important}.tb-spacer{flex:1}.speed button{min-width:34px;padding:2px 8px}#rci{z-index:4;align-items:flex-end;gap:6px;padding:8px 10px;display:flex;position:fixed;top:70px;left:10px}#rci .bar{background:#0e1424;border-radius:4px;width:14px;height:70px;position:relative;overflow:hidden}#rci .bar i{position:absolute;left:0;right:0}#rci .bar:after{content:"";background:var(--hi);height:2px;position:absolute;top:50%;left:-2px;right:-2px}#rci .lbl{text-align:center;margin-top:2px;font-size:12px;font-weight:700}#rci .col{flex-direction:column;align-items:center;display:flex}#toolbar{z-index:5;gap:6px;padding:8px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.cat{flex-direction:column;justify-content:center;align-items:center;width:76px;height:72px;padding:2px;display:flex}.cat img{width:44px;height:44px;image-rendering:pixelated}.cat span{white-space:nowrap;font-size:11.5px;font-weight:600;line-height:13px}.sep{background:#33436e;border-radius:2px;width:2px;margin:4px 2px}#flyout{z-index:6;gap:6px;padding:8px;display:none;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}#flyout.open{display:flex}.card{text-align:center;flex-direction:column;align-items:center;width:112px;padding:6px 4px;display:flex}.card img{width:88px;height:88px;image-rendering:pixelated}.card .nm{align-items:center;min-height:30px;font-size:13px;font-weight:600;display:flex}.card .cs{color:var(--gold);font-size:14px;font-weight:600}.card.locked{opacity:.45}.card.locked .cs{color:var(--red)}#tooltip{z-index:20;pointer-events:none;max-width:260px;padding:8px 10px;font-size:13px;line-height:1.5;display:none;position:fixed}#info{z-index:5;width:300px;max-height:calc(100vh - 180px);padding:10px 12px;display:none;position:fixed;top:70px;right:10px;overflow:auto}#info.open{display:block}#info .head{align-items:center;gap:10px;display:flex}#info .head img{width:88px;height:88px;image-rendering:pixelated;background:radial-gradient(#3a5a8a,#1a2440);border-radius:8px}#info .title{color:var(--gold);font-size:17px;font-weight:700}#info .sub{color:var(--dim);font-size:13px}#info .row{justify-content:space-between;margin:3px 0;font-size:14px;display:flex}.meter{background:#0e1424;border-radius:4px;height:8px;margin:2px 0 6px;position:relative;overflow:hidden}.meter i{position:absolute;top:0;bottom:0;left:0}.need{grid-template-columns:22px 1fr 60px;align-items:center;gap:6px;margin:3px 0;font-size:13px;display:grid}.need .meter{margin:0}.x{cursor:pointer;color:var(--dim);font-weight:700;position:absolute;top:6px;right:8px}.x:hover{color:var(--text)}#news{z-index:4;pointer-events:none;flex-direction:column;gap:4px;width:430px;display:flex;position:fixed;bottom:104px;left:10px}.msg{padding:7px 12px;font-size:13px;transition:opacity 1s;animation:.25s steps(3,end) pop}.msg.bad{box-shadow:inset 0 0 0 2px #a84848,0 4px #00000059}.msg.good{box-shadow:inset 0 0 0 2px #48a868,0 4px #00000059}.msg.tip{box-shadow:inset 0 0 0 2px #a89048,0 4px #00000059}@keyframes pop{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}#minimap{z-index:4;padding:6px;position:fixed;bottom:10px;right:10px}#minimap canvas{width:170px;height:170px;image-rendering:pixelated;cursor:pointer;border-radius:6px;display:block}#overlays{z-index:4;grid-template-columns:repeat(2,1fr);gap:3px;padding:6px;display:grid;position:fixed;bottom:10px;right:198px}#overlays .px-btn{border-radius:6px;padding:3px 7px;font-size:11.5px}#legend{z-index:4;padding:8px 10px;font-size:12px;display:none;position:fixed;bottom:206px;right:198px}#legend .grad{border:2px solid var(--line);width:160px;height:10px}#cursor{pointer-events:none;z-index:10;text-shadow:0 2px 3px #000,0 0 2px #000;white-space:nowrap;font-size:14px;font-weight:700;position:fixed}.float{pointer-events:none;z-index:11;color:var(--red);text-shadow:0 2px 3px #000;font-size:15px;font-weight:700;animation:1s steps(8,end) forwards floatup;position:fixed}@keyframes floatup{to{opacity:0;transform:translateY(-40px)}}.modal{z-index:30;min-width:380px;max-width:640px;max-height:86vh;padding:16px 20px;display:none;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.modal.open{display:block}.modal table{border-collapse:collapse;width:100%;font-size:14px}.modal td{padding:1px 4px}.modal td:last-child{text-align:right}.modal .tot td{border-top:2px solid var(--hi);color:var(--gold)}.slider{grid-template-columns:130px 1fr 50px;align-items:center;gap:8px;margin:4px 0;display:grid}input[type=range]{accent-color:var(--gold)}.kbd{background:var(--bg3);border:1px solid #4a5c90;border-radius:5px;margin:1px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-block}.help-grid{grid-template-columns:1fr 1fr;gap:6px 16px;font-size:13px;display:grid}.opt{flex-wrap:wrap;gap:6px;margin:6px 0 12px;display:flex}#loading{z-index:100;background:#0b1430;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.ld-title{color:#ffd166;text-shadow:4px 4px #000;letter-spacing:4px;font-family:Pixelify Sans;font-size:48px}.ld-bar{background:#141a2c;border:2px solid #4a5888;border-radius:9px;width:320px;height:18px;overflow:hidden}#ld-fill{background:repeating-linear-gradient(90deg,#6be08a 0 12px,#4fc070 12px 16px);width:0%;height:100%}#ld-text{color:#9aa3c0;font-family:Rubik;font-size:15px}.modal{border-radius:14px;padding:20px 24px}.modal p,.modal ol{line-height:1.55;font-size:14px!important}.slider{font-size:14px}.speed{gap:4px;display:flex}#overlays{width:186px;bottom:200px!important;right:10px!important}#legend{bottom:200px!important;right:204px!important}#rci,#info{top:80px!important}.tb-block{gap:12px!important;padding:6px 10px!important}.tb-city{width:118px!important}@media (width<=1500px){.stat small,.tb-rank{display:none}}