:root{color-scheme:dark;--bg:#07121d;--panel:#071823e8;--edge:#5c97a43d;--sub:#95b0c0;--bright:#f1f8f6;--aqua:#67e9db;--sun:#ecbb88;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#030e19;color:var(--bright);font-size:13px}#stage{position:absolute;inset:0}#stage>canvas{width:100%;height:100%;display:block;cursor:crosshair}button,input,select{font:inherit}button{cursor:pointer;transition:background .18s,border-color .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.topbar{height:70px;position:absolute;inset:0 0 auto;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:linear-gradient(180deg,#061823ed,#0618235f);border-bottom:1px solid var(--edge);pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:16px;letter-spacing:.15em;font-weight:730}.brand strong span{color:var(--aqua)}.brand small{display:block;font-size:9px;letter-spacing:.2em;color:var(--sub);margin-top:5px}.brand small b{color:var(--aqua);margin:0 5px}.top-center{font-size:10px;font-weight:750;letter-spacing:.18em;color:#b3e7e1}.live-dot{display:inline-block;width:7px;height:7px;background:#55dbb4;border-radius:50%;box-shadow:0 0 8px #55dbb4;margin-right:8px}.slash{color:#7799a5;margin:0 10px}.top-actions{display:flex;gap:8px}.top-actions button{background:#1d3742ad;border:1px solid #6f9ba45a;color:#dfefee;border-radius:3px;padding:10px 13px;font-size:10px;letter-spacing:.11em}.top-actions button:hover{background:#315260}.top-actions .help-btn{border-radius:100%;width:33px;height:33px;font-size:15px;padding:0}.panel{position:absolute;z-index:3;top:88px;bottom:88px;background:var(--panel);border:1px solid var(--edge);border-radius:5px;backdrop-filter:blur(18px);box-shadow:0 20px 60px #0004;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#41616f transparent}.panel::-webkit-scrollbar{width:5px}.panel::-webkit-scrollbar-thumb{background:#315261}#left-panel{left:20px;width:285px;padding:20px}#right-panel{right:20px;width:291px;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{color:var(--aqua);font-size:9px;font-weight:700;letter-spacing:.22em}.panel h2{margin:7px 0 0;font-size:20px;font-weight:610;letter-spacing:-.04em}.panel-icon{font-size:25px;color:#6a9ea8}.map-frame{border:1px solid #648c944d;background:#09212c;border-radius:3px;overflow:hidden}.map-frame canvas{display:block;width:100%;height:auto;cursor:crosshair}.map-label{border-top:1px solid #5e8a9254;padding:9px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#c1d7db}.map-label span:last-child{color:var(--aqua)}.subhead{display:flex;justify-content:space-between;gap:10px;margin:25px 0 11px;font-weight:760;letter-spacing:.16em;font-size:10px;color:#d9e9e9}.subhead span:last-child{color:var(--aqua);font-size:9px}.waypoint-list{display:flex;flex-direction:column;gap:5px}.waypoint{border:1px solid #53798b37;color:#e3f0f1;background:#16303b75;padding:11px 12px;text-align:left;width:100%;border-radius:3px}.waypoint:hover,.waypoint:focus{background:#31576799;border-color:var(--aqua)}.waypoint-title{display:block;font-size:12px;font-weight:710;letter-spacing:.03em}.waypoint small{font-size:10px;color:#96b4bd;line-height:1.7}.hint{border-top:1px solid var(--edge);color:var(--sub);line-height:1.5;margin-top:15px;padding-top:14px;font-size:11px}.hint span{color:var(--aqua);font-size:17px;margin-right:7px}.section{border-top:1px solid var(--edge);padding-bottom:20px}.section .subhead{margin-top:19px}.section:first-of-type{border-top:none}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weather-grid button{background:#132c38;border:1px solid #5977875c;border-radius:3px;padding:12px;color:#b7cfd6;text-align:left;font-size:11px}.weather-grid button i{font-size:19px;display:block;margin-bottom:7px;color:#c7cfdd;font-style:normal}.weather-grid button.active{border-color:#4bdbc6;background:#1e5b5c;color:#fff}.weather-grid button:hover{border-color:var(--aqua)}input[type=range]{appearance:none;width:100%;height:3px;border-radius:3px;display:block;margin:13px 0 8px;background:#466370;accent-color:var(--aqua)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid var(--aqua);border-radius:50%;background:var(--bg)}.range-ends{display:flex;justify-content:space-between;color:#8aa6b4;font-size:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;color:#bdcfd4;font-size:11px;margin-top:17px}.toggle-row input{accent-color:#4cddc7;width:17px;height:17px}.slider-label{display:flex;justify-content:space-between;color:#d0e0e4;margin:18px 0 5px;font-size:11px}.slider-label output,.slider-label span{color:var(--aqua)}select{width:100%;background:#162d39;border:1px solid #64828a67;color:#d6e7e7;border-radius:3px;padding:9px;outline:none}.wide-action{width:100%;padding:11px;background:#163b45;color:var(--aqua);border:1px solid #4f9290;margin-top:9px;border-radius:3px}.footnote{margin:4px 0 8px;color:var(--sub);font-size:10px;letter-spacing:.03em;line-height:1.6}.footnote strong{color:var(--aqua)}.footnote small{display:block;word-break:break-all;color:#71909b}#bottom-hud{z-index:4;position:absolute;bottom:0;left:0;right:0;min-height:72px;display:flex;align-items:center;gap:24px;padding:15px 26px;background:linear-gradient(0deg,#06131bf2,#071722b0);border-top:1px solid var(--edge)}.readout{min-width:100px}.readout small{display:block;font-size:9px;letter-spacing:.14em;color:#8faebb;margin-bottom:5px}.readout strong{font-size:13px;font-weight:630;color:#e7f4f4}.divider{width:1px;height:32px;background:var(--edge)}.key-help{margin-left:auto;color:#9db9bd;font-size:10px;white-space:nowrap;letter-spacing:.055em}.key-help b{margin:0 4px;color:#587b87}kbd{display:inline-block;color:#d2eeee;border:1px solid #59828f77;background:#1b3744b0;padding:3px 5px;margin:0 2px;border-radius:3px;font:inherit;font-size:10px}.reticle{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:200;color:#e3ffff9e;pointer-events:none}#click-tip{z-index:2;position:absolute;bottom:92px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.12em;color:#d2edefa6;text-shadow:0 2px 5px #000;pointer-events:none}.locked #click-tip{opacity:0}dialog{background:#071b26;color:#e3f3f2;border:1px solid #5e9c9f;padding:24px;box-shadow:0 12px 90px #0009;border-radius:5px;max-width:480px;width:calc(100% - 28px)}dialog::backdrop{background:#02070cba;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top h2{margin:0;font-size:21px}.dialog-top button{background:none;color:#a8d5cf;border:none;font-size:17px}dialog p{color:#bed0d4;line-height:1.6}.instructions{display:flex;flex-direction:column;gap:9px;margin:20px 0}.instructions>div{display:flex;align-items:center;gap:4px}.instructions span{margin-left:auto;color:#a4c2ca;max-width:55%;text-align:right}.dialog-note{font-size:11px}#loading{position:absolute;inset:0;z-index:10;background:#05121c;display:grid;place-items:center;transition:opacity .55s,visibility .55s}#loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-card{text-align:center;min-width:300px;padding:40px}.loading-card img{margin:0 0 22px}.loading-card h1{letter-spacing:.18em;font-size:35px;margin:12px 0 0}.loading-card h1 em{color:var(--aqua);font-style:normal}.loading-card p{letter-spacing:.38em;font-size:10px;color:var(--sub)}.loading-track{background:#26404a;height:2px;margin:30px auto 12px;width:280px;overflow:hidden}.loading-track span{background:var(--aqua);height:100%;width:42%;display:block;animation:loading 1.5s linear infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(320%)}}.loading-card small{font-size:10px;color:#93b8c4}.panels-hidden #left-panel,.panels-hidden #right-panel,.panels-hidden #bottom-hud,.panels-hidden #click-tip,.panels-hidden .reticle{display:none}
@media(max-width:1100px){.top-center{display:none}.key-help{display:none}#left-panel{width:252px}#right-panel{width:255px}.panel{top:83px;bottom:81px;padding:14px}}
@media(max-width:750px){.topbar{padding:0 12px;height:61px}.brand strong{font-size:12px}.brand small{font-size:7px}.top-actions{gap:4px}.top-actions button{font-size:9px;padding:6px}.panel{max-height:36vh;bottom:auto;top:70px;overflow-y:auto;width:46vw!important;padding:10px!important}#left-panel{left:8px}#right-panel{right:8px}.panel h2{font-size:14px}.map-frame canvas{max-height:145px;object-fit:cover}.key-help{display:none}#bottom-hud{gap:12px;padding:11px;min-height:62px}.readout{min-width:0}.readout small{font-size:7px}.readout strong{font-size:10px}.divider{display:none}#click-tip{font-size:8px;text-align:center;width:100%}}