:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dce9ee;background:#0c1721;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:790px;background:linear-gradient(150deg,#101f2b,#09131d)}button{font:inherit;cursor:pointer;border:0;transition:background .15s,transform .1s}button:active{transform:scale(.97)}button:focus-visible{outline:3px solid #7cddc7;outline-offset:3px}.shell{max-width:1550px;min-height:100vh;margin:0 auto;padding:22px 28px;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;font-size:40px;color:#62d9c2;width:48px;height:48px;transform:rotate(-30deg)}.brand strong{display:block;font-weight:850;letter-spacing:.15em;font-size:17px}.brand small{display:block;letter-spacing:.19em;color:#8ca9ba;font-weight:650;font-size:9px;margin-top:3px}.top-info{display:flex;gap:12px;align-items:center;color:#e3edf0;font-size:14px}.hint,.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#80a4b7}.top-info .sep{width:1px;height:22px;background:#354856;margin:0 7px}.top-info .score{font-size:28px;color:#66dfc4;font-variant-numeric:tabular-nums}.primary{background:#69e5ca;color:#102630;font-weight:800;padding:13px 24px;border-radius:12px;box-shadow:0 4px 20px #08bb9b12}.primary:hover{background:#9cf4df}.main{display:grid;grid-template-columns:minmax(0,1fr) 287px;gap:18px;flex:1;min-height:630px}.board-panel{min-width:0;display:flex;flex-direction:column}.board-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 6px}.mode-pill{padding:7px 10px;border:1px solid #2a5361;border-radius:50px;background:#18303a;font-size:10px;letter-spacing:.11em;color:#9dd5d4;font-weight:850}.board{position:relative;background:#d5e6e0;border-radius:19px;overflow:hidden;border:7px solid #1c3440;box-shadow:0 18px 50px #0004;min-height:350px;flex:1;display:flex;align-items:center;justify-content:center}.board canvas{display:block;width:100%;max-width:1056px;height:auto;aspect-ratio:1056/630;touch-action:none;cursor:crosshair}.board-toast{pointer-events:none;position:absolute;left:16px;top:16px;max-width:70%;padding:10px 14px;border-radius:10px;background:#132935dd;color:#ecfaf7;font-size:12px;box-shadow:0 4px 18px #0003;min-height:34px}.watermark{position:absolute;right:13px;bottom:9px;color:#2d645e88;font-size:8px;font-weight:750;letter-spacing:.1em;pointer-events:none}.toolrow{display:flex;gap:9px;margin-top:13px;flex-wrap:wrap}.tool{background:#192d3b;border:1px solid #284658;color:#c8dde7;padding:11px 13px;border-radius:10px;font-weight:700;font-size:12px;min-height:39px}.tool:hover{background:#284758}.tool.selected{background:#285d5b;border-color:#64dbc1;color:#c9fff2}.tool span{font-size:16px;margin-right:5px}.tool kbd{font:inherit;font-size:9px;color:#809ba7;margin-left:6px}.grow{flex:1}.sidebar{display:flex;flex-direction:column;gap:12px}.panel{background:#142735;border:1px solid #234150;border-radius:15px;padding:18px}.resource-line{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:13px}.resource-line strong{color:#8ff3da;font-size:28px;font-variant-numeric:tabular-nums}.meter{height:7px;border-radius:8px;background:#294655;overflow:hidden;margin:10px 0}.meter div{height:100%;background:#69e5ca;width:100%;transition:width .2s}.muted{color:#97adba;font-size:11px;line-height:1.55;margin:7px 0 0}.destination{border-top:1px solid #294451;margin-top:13px;padding-top:13px}.dest-head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:700}.dest-name{display:flex;align-items:center;gap:7px}.dot{width:9px;height:9px;display:inline-block;border-radius:50%;flex:0 0 auto}.dot.blue{background:#4c8fff}.dot.coral{background:#fa8674}.status{font-size:9px;font-weight:850;letter-spacing:.08em;color:#6de6cf}.status.warning{color:#ffba68}.status.critical{color:#fa7f7b}.dest-info{font-size:11px;color:#96b0bc;margin:7px 0}.pressure-track{height:5px;border-radius:6px;background:#274652;overflow:hidden}.pressure-track>div{height:100%;background:#69e4c3;border-radius:6px}.pressure-track .warn{background:#f0b25a}.pressure-track .bad{background:#f2807b}.forecast{font-size:14px;font-weight:750;line-height:1.4;margin:12px 0 6px}.stat{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#a7c0cb}.stat strong{color:#e9f1ef;font-variant-numeric:tabular-nums}.legend{display:flex;gap:9px;flex-wrap:wrap;color:#a8c2cd;font-size:10px;padding:5px 10px;line-height:1.8}.legend span{display:flex;align-items:center;gap:5px}footer{padding:5px 2px;font-size:10px;color:#6b8d9f}footer strong{color:#a3c6d6}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#05121acc;backdrop-filter:blur(7px);z-index:10}.overlay[hidden]{display:none}.dialog{width:min(460px,90vw);border:1px solid #356064;border-radius:23px;background:#162d39;color:#f2f6f6;padding:36px;box-shadow:0 30px 100px #0009;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.dialog h1{font-size:30px;line-height:1.1;margin:10px 0 4px}.dialog p{color:#aec5ce;font-size:13px;line-height:1.65}.final-score{font-size:72px;color:#70e4c7;line-height:1.2}.dialog-actions{display:flex;gap:10px;margin-top:20px}#pause{min-width:102px}@media(max-width:1050px){.shell{padding:13px}.main{grid-template-columns:minmax(0,1fr) 238px;gap:10px}.panel{padding:12px}.top-info{gap:6px}.hint{font-size:9px}}@media(max-width:850px){.main{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.board{min-height:auto}.topbar{flex-wrap:wrap}.brand{margin-right:auto}}
