:root{--bg:#0b1020;--panel:#141b33;--panel2:#1c2547;--line:#2b3763;--txt:#eef2ff;--dim:#9aa6d0;--acc:#58a6ff;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--touch:48px;--safe:env(safe-area-inset-bottom,0px);--safet:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--txt);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0a0f14;justify-content:center;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}#root{width:100%;max-width:480px}.v5{background-color:#0a0f14;background-image:radial-gradient(circle,#2b3542 1.2px,#0000 1.3px),linear-gradient(#58a6ff0d 1px,#0000 1px),linear-gradient(90deg,#58a6ff0d 1px,#0000 1px);background-size:22px 22px,44px 44px,44px 44px;flex-direction:column;height:100dvh;display:flex;position:relative}.topbar{top:calc(8px + var(--safet));z-index:10;pointer-events:none;flex-wrap:wrap;gap:6px;max-width:min(464px,100vw - 16px);margin:0 auto;display:flex;position:fixed;left:8px;right:8px}.topbar .pill{pointer-events:auto;border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-wrap:anywhere;background:#161b22eb;border-radius:20px;min-width:0;padding:6px 12px;font-size:12px}.topbar .pill b.ok{color:var(--good)}.topbar .pill b.bad{color:var(--bad)}.topbar .pill.mode{border-color:var(--warn);font-weight:700}.topbar .pill.mode.build{border-color:var(--acc);background:#12233aeb}.topbar .pill.mode.cable{border-color:var(--good);background:#0f2a1aeb}.topbar .pill.btns{gap:4px;padding:3px 6px;display:flex}.mini{background:var(--panel2);min-width:44px;min-height:32px;color:var(--txt);border:1px solid var(--line);border-radius:12px;font-size:14px}.contractfloat{top:calc(52px + var(--safet));z-index:9;border:1px solid var(--line);overflow-wrap:anywhere;background:#161b22e6;border-radius:12px;max-width:min(464px,100vw - 16px);margin:0 auto;padding:6px 10px;font-size:12px;position:fixed;left:8px;right:8px}.contractfloat .ok{color:var(--good)}.contractfloat .bad{color:var(--bad)}.contractfloat .warn{color:var(--warn)}.cancelbar{left:8px;right:8px;bottom:calc(72px + var(--safe));z-index:10;justify-content:center;display:flex;position:fixed}.cancelbar button{color:var(--txt);border:1px solid var(--warn);background:#2a230ff2;border-radius:20px;min-height:44px;padding:8px 16px;font-size:13px}.map{padding:calc(96px + var(--safet)) 12px 92px;flex:1;overflow-y:auto}.freemap{cursor:crosshair;background-image:radial-gradient(circle,#334155 1.4px,#0000 1.5px);background-size:22px 22px;border:1px solid #0000;border-radius:12px;min-height:44dvh;position:relative;overflow:hidden}.freemap.build{border-color:var(--acc)}.funit{border:2px solid var(--line);background:var(--panel);min-width:60px;min-height:60px;color:var(--txt);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:4px 6px;font-size:13px;display:flex;position:absolute;transform:translate(-50%,-50%)}.funit.lb{border-color:#155e75}.funit.sel{outline:3px solid var(--warn)}.funit.pend{outline:3px solid var(--warn);border-color:var(--warn)}.funit.linked{border-color:var(--good)}.terrahint{pointer-events:none;z-index:1;background:#0a0f24d9;border-radius:8px;margin:8px;padding:6px 8px;position:relative}.cicon{font-size:24px}.clvl{color:#a78bfa;font-size:11px}.maphint{color:var(--dim);text-align:center;font-size:12px}.linkbtn{color:#a78bfa;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.forecastfloat{border:1px solid var(--line);background:#141b33f0;border-radius:12px;margin-bottom:10px;padding:10px 12px;font-size:13px}.forecastfloat.ready{border-color:#166534}.forecastfloat.surge-risk{border-color:#92400e}.forecastfloat.shortfall{border-color:#7f1d1d}.menubar{left:8px;right:8px;bottom:calc(10px + var(--safe));z-index:10;gap:8px;max-width:464px;margin:0 auto;display:flex;position:fixed}.menubar button{color:var(--txt);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#161b22f0;border-radius:12px;flex:1;min-height:52px;padding:12px 8px;font-size:14px}.menubar button.sel{border-color:var(--acc);outline:2px solid var(--acc)}.menubar button.cablon{border-color:var(--good);outline:2px solid var(--good)}.scrim{z-index:19;background:#00000073;position:fixed;inset:0}.sheet{z-index:20;background:var(--panel);border-top:1px solid var(--line);max-width:480px;padding:10px 14px calc(14px + var(--safe));border-radius:16px 16px 0 0;max-height:55dvh;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow:auto}.sheet .grab{background:var(--line);border-radius:2px;width:40px;height:4px;margin:0 auto 10px}.sheet h2{justify-content:space-between;align-items:center;margin:0 0 8px;font-size:14px;display:flex}.sheet h2 .x{color:var(--dim);background:0 0;border:none;min-width:44px;min-height:44px;font-size:18px}.pal{flex-wrap:wrap;gap:8px;display:flex}.palbtn{background:var(--panel2);min-width:90px;color:var(--txt);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:1px;min-height:76px;padding:10px 8px;font-size:13px;display:flex}.palbtn.sel{border-color:var(--acc);outline:2px solid var(--acc)}.palbtn:disabled{opacity:.45}.sicon{font-size:22px}.sname{font-weight:800}.sdesc{color:var(--dim);font-size:11px}.scost{color:#fcd34d;font-weight:700}.tgl{background:var(--panel2);width:100%;color:var(--txt);border:1px dashed var(--line);border-radius:10px;min-height:52px;margin-top:8px;padding:10px;font-size:14px}.tgl.on{border-color:var(--good);outline:2px solid var(--good)}.hint{color:var(--dim);font-size:12px}.sheet .stat{margin:4px 0;font-size:13px}.sheet .stat .pos{color:var(--good)}.sheet .row{gap:8px;margin-top:8px;display:flex}.sheet .row .btn{flex:1}.controls{gap:8px;margin-top:8px;display:flex}.toggle{min-height:var(--touch);border:1px solid var(--line);background:var(--panel2);color:var(--txt);border-radius:14px;flex:1;font-size:15px;font-weight:700}.toggle.on{background:#064e3b;border-color:#059669}.toast{left:50%;bottom:calc(140px + var(--safe));border:1px solid var(--line);z-index:30;text-align:center;background:#161b22f2;border-radius:10px;max-width:90vw;padding:8px 14px;font-size:13px;position:fixed;transform:translate(-50%)}.toast b{color:var(--txt)}.overlay{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;padding:22px 18px}.overlay.full{margin-bottom:12px}.overlay h1{margin:0 0 8px}.overlay p{color:var(--dim)}.overlay.sheer{z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:12px}.offers{flex-direction:column;gap:8px;margin:12px 0;display:flex}.offer{border:1px solid var(--line);text-align:left;background:#0a0f24;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.orow{color:var(--dim);justify-content:space-between;font-size:13px;display:flex}.orow strong{color:var(--txt)}.how{flex-direction:column;gap:6px;margin:12px 0;padding:0;list-style:none;display:flex}.pnl{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.pnl div{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;padding:6px 10px;font-size:12px;display:flex}.pnl .pos{color:var(--good)}.pnl .neg{color:var(--bad)}.finalscore{margin:8px 0;font-size:28px;font-weight:800}.newbest{color:#bbf7d0;background:#14532d;border-radius:99px;margin-left:8px;padding:2px 10px;font-size:13px;display:inline-block}.best{color:var(--dim)}.submitrow{gap:8px;margin:12px 0;display:flex}.nameinput{min-height:var(--touch);border:1px solid var(--line);color:var(--txt);background:#0a0f24;border-radius:12px;flex:1;padding:0 12px;font-size:16px}.sent{color:var(--good)}.btn{min-height:var(--touch);color:#fff;background:linear-gradient(#8b5cf6,#6d28d9);border:none;border-radius:14px;padding:0 20px;font-size:16px;font-weight:700}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn.big{width:100%;margin-top:8px;font-size:16px}.btn.ghost{background:var(--panel2)}.btn.danger{border:1px solid var(--bad);color:var(--bad);background:0 0;font-size:14px}.btn.primary{border:1px solid var(--good);font-size:14px}.feed{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.feed li{border:1px solid var(--line);background:#1c2547cc;border-radius:10px;padding:6px 10px;font-size:13px}.feed li.drop{border-color:#7f1d1d}.feed li.autoscale{border-color:#155e75}.feed li.wave{border-color:#6d28d9}.feed li.spike-warning{background:#6d28ed26;border-color:#6d28d9}.feed li.contract-warning,.feed li.contract-end{border-color:#155e75}.board{margin-top:8px;font-size:14px}.board summary{min-height:var(--touch);align-items:center;display:flex}.board ol{margin:4px 0;padding-left:22px}.board li{justify-content:space-between;padding:3px 6px 3px 0;display:flex}.board .note{color:var(--dim);font-size:12px}@media (width<=480px){.v5{gap:8px;padding:8px 8px 0}.topbar,.contractfloat{max-width:none;margin:0;position:static}.map{padding:4px 4px 92px}}@media (width<=400px){.topbar{gap:4px}.topbar .pill{padding:4px 8px;font-size:11px}.mini{min-width:40px;min-height:30px;font-size:12px}.contractfloat{font-size:11px}}@media (width>=520px){.v5{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}