@import url('data:text/css,');
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#e7f0eb;background:#09151b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#scene,#weather{position:fixed;inset:0;width:100vw;height:100vh;display:block}#scene{background:linear-gradient(#1a3443,#7d9c9a);touch-action:none}#weather{pointer-events:none;z-index:2}
button,select,input{font:inherit}button{cursor:pointer;transition:background .18s,border-color .18s,transform .12s}button:hover{transform:translateY(-1px)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e7b57e;outline-offset:3px}button:disabled{opacity:.40;cursor:not-allowed}button:disabled:hover{transform:none}
.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:84px;padding:0 34px 0 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(8,20,26,.93),rgba(8,20,26,.50));border-bottom:1px solid #ffffff22;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:14px}.mark{height:41px;width:41px;display:grid;place-items:center;background:#c99262;color:#0d2026;font-size:24px;font-weight:900;clip-path:polygon(18% 0,100% 0,100% 81%,82% 100%,0 100%,0 19%)}.logo strong{display:block;letter-spacing:.26em;font-size:15px}.logo small{display:block;color:#8faaa8;font-weight:600;letter-spacing:.19em;font-size:8px;margin-top:5px}.tag{font-size:9px;letter-spacing:.12em;border:1px solid #a9c8bf55;border-radius:3px;padding:3px 4px;color:#b6cfc5}.top-metrics{display:flex;gap:36px}.metric{display:flex;flex-direction:column;gap:4px}.metric em{font-style:normal;color:#97aaa6;font-size:9px;font-weight:800;letter-spacing:.16em}.metric b{font-size:16px;letter-spacing:.04em;font-weight:600}.icon-button{border:1px solid #6f8c8c88;background:#142831;color:#cfe1d8;padding:8px 12px;font-size:22px;border-radius:5px}
.title-card{position:absolute;z-index:3;top:133px;left:36px;width:min(450px,calc(100% - 390px));pointer-events:none;text-shadow:0 3px 30px #001c24}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:800;color:#e4ad74}.title-card h1{font-weight:850;font-size:clamp(27px,3vw,42px);line-height:1.02;letter-spacing:-.035em;margin:15px 0}.pulse{color:#dba16d}.title-card p{font-size:13px;color:#d7e0dd;line-height:1.75}.pill-row{display:flex;align-items:center;gap:12px;margin:26px 0;font-size:10px;font-weight:700;letter-spacing:.16em}.pill-row code{border:1px solid #d8c5a25a;color:#e3bb89;border-radius:3px;padding:6px 8px;letter-spacing:.08em}.main-actions{display:flex;gap:8px;pointer-events:auto}.primary,.secondary{border-radius:3px;padding:12px 15px;font-size:11px;letter-spacing:.10em;font-weight:850}.primary{background:#dca66e;color:#17212a;border:1px solid #eec899}.primary:hover{background:#f0c18b}.primary span{padding-left:20px}.secondary{background:#0b1e26aa;border:1px solid #b9c4bb66;color:#e2e7df}
.control-panel{position:absolute;top:105px;right:22px;width:320px;max-height:calc(100vh - 160px);overflow:auto;z-index:4;background:rgba(11,24,30,.89);box-shadow:0 16px 70px #030d14a8;border:1px solid #77929652;backdrop-filter:blur(22px);border-radius:6px;padding:22px 20px;scrollbar-color:#3c5f61 transparent;scrollbar-width:thin}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-head h2{font-size:18px;letter-spacing:.03em;margin:8px 0 0}.live-indicator{font-size:9px;letter-spacing:.1em;color:#9fdfb2}.control-group{margin:17px 0}.control-group label,.control-row label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#d3dad3;display:block;margin-bottom:9px}.control-group select{width:100%;background:#22343a;color:#e5eee8;border:1px solid #526b6d;padding:10px;font-size:12px;border-radius:3px}.control-group small,.control-row small{font-size:10px;line-height:1.5;color:#879c9f}.control-group.range>div{display:flex;justify-content:space-between}.range output{font-size:11px;color:#e5bb88;letter-spacing:.04em}.range input{width:100%;height:4px;accent-color:#dbaa74}.control-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff16;padding:14px 0}.control-row label{margin:0 0 5px}.control-row input{accent-color:#dbaa74;cursor:pointer;width:19px;height:19px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.button-grid button,.selection-buttons button{background:#1e343b;color:#dfeae5;border:1px solid #587175;padding:10px 6px;border-radius:3px;font-size:9px;font-weight:800;letter-spacing:.075em}.button-grid button:hover,.selection-buttons button:hover{background:#36545b}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:21px;margin-top:21px;border-top:1px solid #fff2}.stats-grid div{display:flex;flex-direction:column;gap:5px}.stats-grid span{color:#8babb0;font-size:9px;font-weight:800;letter-spacing:.12em}.stats-grid strong{font-weight:600;font-size:18px;font-variant-numeric:tabular-nums}
.minimap-card{position:absolute;z-index:4;bottom:62px;left:24px;width:230px;background:#0a1d24eb;border:1px solid #627f805c;padding:11px;box-shadow:0 10px 50px #0017;backdrop-filter:blur(12px);border-radius:5px}.map-title,.map-footer{display:flex;justify-content:space-between;align-items:center}.map-title strong{font-size:9px;letter-spacing:.16em}.map-title span{font-size:8px;color:#b1c0b8}.minimap-card canvas{width:100%;height:auto;display:block;margin:11px 0;cursor:crosshair;background:#1c3032;border:1px solid #58727988}.map-footer{font-size:8px;letter-spacing:.07em;color:#9cb0a8}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.dot.copper{background:#c49f7a}.dot.aqua{background:#4d9d9e}.dot.green{background:#5c956c}
.bottomline{position:absolute;z-index:5;bottom:0;left:0;right:0;height:38px;background:#07151cbd;border-top:1px solid #fff3;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#bdcbc8;backdrop-filter:blur(8px);font-size:10px;letter-spacing:.09em}.coordinate{display:flex;align-items:center;gap:10px}.coordinate span{color:#b98f65;font-size:8px}.coordinate strong{font-weight:600;color:#e2ebe7}.bottomline #hint{font-size:9px;color:#a0b9b8}.bottomline #render-state{color:#e0bb8a;font-size:9px}
.selection{position:absolute;bottom:80px;right:363px;z-index:5;background:#0b2029ed;width:290px;padding:20px;border-radius:5px;border:1px solid #8caaa36a;box-shadow:0 12px 45px #001c}.selection h3{margin:11px 0 8px;font-size:20px}.selection p{font-size:12px;line-height:1.7;color:#adbdba}.selection-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#030c10bb;z-index:10;display:grid;place-items:center;padding:16px;backdrop-filter:blur(4px)}.modal-box{max-width:510px;background:#132931;border:1px solid #7c9c9790;border-radius:9px;padding:35px;position:relative;box-shadow:0 25px 100px #0009}.modal-box>button#close-modal{position:absolute;right:17px;top:10px;border:0;background:transparent;color:#dae6df;font-size:28px}.modal-box h2{font-size:26px;letter-spacing:-.02em}.modal-box p{color:#b7c8c5;font-size:13px;line-height:1.9}.modal-box .primary{margin-top:10px}
@media(max-width:1000px){.title-card{width:calc(100% - 375px);top:115px}.title-card h1{font-size:29px}.top-metrics .metric:first-child{display:none}.bottomline #hint{display:none}.selection{right:364px;bottom:60px}}
@media(max-width:720px){.topbar{padding:0 15px;height:67px}.top-metrics{display:none}.title-card{top:88px;left:18px;right:18px;width:auto}.title-card h1{font-size:25px}.title-card p{display:none}.pill-row{margin:15px 0}.control-panel{width:min(340px,calc(100% - 24px));right:12px;top:250px;max-height:calc(100vh - 330px)}.minimap-card{width:130px;bottom:54px;left:12px}.minimap-card .map-title span,.map-footer{display:none}.selection{bottom:50px;left:158px;right:12px;width:auto;padding:14px}.selection h3{font-size:15px}.bottomline{padding:0 10px;font-size:9px}.logo strong{font-size:12px}}