:root{color-scheme:dark;font-family:Inter,"Hiragino Kaku Gothic ProN",system-ui,sans-serif;color:#e9eeed;background:#111514;font-size:13px;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #414a46;border-radius:4px;background:#252c29;color:inherit;cursor:pointer;min-height:36px;padding:7px 12px}button:hover{background:#354039}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a0f4d8;outline-offset:3px}button svg{width:17px;height:17px;flex-shrink:0}.icon{width:36px;height:36px;padding:8px;flex-shrink:0}header{height:76px;border-bottom:1px solid #343c37;display:flex;align-items:center;gap:20px;padding:0 24px;background:#161c19}.identity{display:flex;gap:12px;align-items:center}.brandmark{display:grid;place-items:center;border:1px solid #a0f4d8;color:#a0f4d8;font-weight:700;width:40px;height:40px}h1{font-size:18px;margin:0 0 3px;font-weight:650}.identity span:not(.brandmark){color:#94a39a;font-size:10px}.mission-state{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px}.dot{width:6px;height:6px;background:#a0f4d8;border-radius:50%}time{font-variant-numeric:tabular-nums;color:#a4b3a8;margin-left:16px}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(450px,calc(100dvh - 206px)) 130px}#world{position:relative;overflow:hidden;background:#080b0a}#scene{width:100%;height:100%;display:block;touch-action:none}.map-caption{position:absolute;top:24px;left:24px;display:grid;gap:7px;pointer-events:none;text-shadow:0 1px 4px #000}.map-caption b{font-size:12px}.map-caption span{font-size:11px;color:#b5bcb7}.view-tools{position:absolute;right:18px;top:20px;display:flex;gap:6px}.view-tools button{background:#18211ee6}.active{border-color:#a0f4d8!important;color:#a0f4d8}#map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;font-size:10px;padding:4px 7px;background:#111916dc;border-left:2px solid #efcf79;white-space:nowrap;transform:translate(-50%,-100%)}.map-label.base{border-color:#a0f4d8}.map-bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#d1d9d4;text-shadow:0 1px 3px #000}.map-bottom b{margin-left:10px}.map-bottom b:first-child{margin-left:0}.cyan{color:#a0f4d8}.yellow{color:#efcf79}.white{color:#fff}.scale{width:70px;text-align:center;border-bottom:2px solid #b9c2ba;padding-bottom:5px}.section{padding:20px;border-bottom:1px solid #333e36}aside{grid-row:span 2;background:#1a211d;border-left:1px solid #343d36;overflow:auto}.tabs{display:flex;position:sticky;top:0;background:#1a211d;z-index:3;border-bottom:1px solid #343d36}.tabs button{width:50%;height:48px;border:0;border-radius:0;background:transparent;color:#a7b1aa}.tabs button.selected{color:#a0f4d8;border-bottom:2px solid #a0f4d8}.tabs span{font-size:10px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;min-height:20px}.section-title h2{font-size:12px;font-weight:600;margin:0}.section-title>span{font-size:10px;color:#a5b1a8}.badge{color:#a0f4d8!important;border:1px solid #496153;padding:4px 7px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.metrics>div{display:flex;flex-direction:column;gap:6px}.metrics span,.energy{font-size:10px;color:#a5b1a8}.metrics strong{font-family:ui-monospace,monospace;font-size:26px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.metrics small{font-size:11px;margin-left:4px;color:#a5b1a8}meter{width:100%;height:5px;appearance:none}meter::-webkit-meter-bar{background:#354237;border:0}meter::-webkit-meter-optimum-value{background:#a0f4d8}meter::-moz-meter-bar{background:#a0f4d8}.energy{display:flex;justify-content:space-between;margin-top:20px}.energy b{font-weight:500;color:#d6dfd8}.targets{display:grid;gap:7px}.targets button{width:100%;justify-content:flex-start;background:transparent;min-height:42px;text-align:left}.targets .target-code{color:#efcf79;font-family:monospace}.targets .target-meta{margin-left:auto;color:#a5b1a8;font-size:10px}.targets button.queued{border-color:#a0f4d8}.targets button.done{color:#a0f4d8}#route{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}#route li{font-size:10px;color:#a0f4d8}#route li:not(:last-child):after{content:' →';margin-left:6px}.route-total{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:10px 0;color:#a5b1a8}.route-total b{color:#e9eeed;font-weight:500}.route-total .icon{border:0;background:transparent}.commands{display:flex;gap:8px}.commands .primary{flex:1;background:#a0f4d8;border-color:#a0f4d8;color:#13291f;font-weight:650}.commands .primary:hover{background:#c2ffe9}#notice{font-size:11px;color:#efcf79;line-height:1.6;min-height:18px;margin:12px 0 0}.slider-label,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin:12px 0}.slider-label output{color:#a0f4d8;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#a0f4d8;cursor:pointer}input[type=checkbox]{accent-color:#a0f4d8;width:17px;height:17px}select{background:#252e28;border:1px solid #49574c;color:#e9eeed;border-radius:3px;padding:4px 6px}.timeline{padding:17px 24px;background:#141b17;border-top:1px solid #394139;overflow:hidden}.timeline .section-title{margin-bottom:10px}.timeline h2{color:#afc3b4;font-size:10px}.timeline ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:11px;color:#c5cec7}.timeline li{display:flex;gap:18px}.timeline time{font-size:10px;color:#82958a;margin:0;min-width:60px}footer{padding:15px 20px;font-size:10px;color:#82958a;line-height:1.6}.history-item{padding:15px 0;border-bottom:1px solid #3a453c}.history-item h3{font-size:12px;margin:0 0 10px}.history-item dl{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:8px;margin:0}.history-item dt{color:#94a69a}.history-item dd{margin:0;text-align:right}.empty{font-size:12px;color:#a5b1a8;line-height:1.8}#load-error{position:absolute;inset:40% 12% auto;padding:18px;background:#2b1c17;border:1px solid #e8b975;line-height:1.8}[hidden]{display:none!important}
@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 380px}.section{padding:24px}}
@media(max-width:850px){header{padding:0 14px;height:68px;gap:10px}h1{font-size:15px}.identity{gap:8px}.brandmark{width:32px;height:32px}.identity span:not(.brandmark){font-size:8px}.mission-state{font-size:10px;gap:6px}.mission-state time{display:none}main{display:flex;flex-direction:column}#world{height:52dvh;min-height:340px;max-height:560px}aside{overflow:visible;border-left:0}.timeline{order:1;height:140px}.map-caption{top:16px;left:14px}.map-caption b{font-size:10px}.map-caption span{font-size:9px}.view-tools{top:65px;right:12px;flex-direction:column}.map-bottom{left:14px;right:14px;font-size:8px}.section{padding:18px}#operations{display:grid;grid-template-columns:1fr 1fr}#operations>.section:last-child{grid-column:span 2}.metrics strong{font-size:24px}.section-title{gap:6px}.energy{flex-direction:column;gap:6px}.targets button{padding:7px}.target-meta{font-size:9px!important}.commands{flex-wrap:wrap}.commands .primary{min-width:110px}.scale{width:40px}.tabs{position:static}}
@media(max-width:520px){#operations{display:block}.energy{flex-direction:row}.metrics{gap:18px}.map-label{font-size:9px}.targets button{padding:10px}.commands{flex-wrap:nowrap}}
.mode-switch{display:flex;gap:3px;margin-left:20px;border-bottom:1px solid #415048}.mode-switch a{padding:10px 12px;color:#a8b6ad;text-decoration:none;font-size:11px}.mode-switch a[aria-current=page]{color:#a0f4d8;border-bottom:2px solid #a0f4d8}#countdown{position:absolute;left:24px;top:85px;width:110px;display:grid;gap:4px;text-shadow:0 1px 4px #000}#countdown>span{font-size:9px;color:#c9d5ce}#seconds{font:500 42px ui-monospace,monospace;color:#a0f4d8;line-height:1.1}#seconds small{font-size:15px;padding-left:5px}#time-bar{width:100%;height:3px;appearance:none;border:0;background:#3a4b41}#time-bar::-webkit-progress-bar{background:#3a4b41}#time-bar::-webkit-progress-value{background:#a0f4d8}#time-bar::-moz-progress-bar{background:#a0f4d8}#countdown.urgent #seconds{color:#ff9c8b}#countdown.urgent #time-bar::-webkit-progress-value{background:#ff9c8b}#daily-brief{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;background:#25342b;border-bottom:1px solid #486050}#daily-brief span{font-size:10px;color:#a0f4d8}#daily-brief h2{font-size:18px;margin:8px 0;font-weight:600}#daily-brief p{font-size:11px;color:#b8c8be;margin:0}.challenge .conditions-section{display:none}.challenge #operations{display:flex;flex-direction:column}.challenge .route-section{order:0}.challenge .telemetry-section{order:1}.challenge #save{display:none}.challenge .tabs{position:static}.challenge .target-code{font-size:16px}.challenge .targets button{min-height:48px}.challenge .section{padding:18px 20px}.challenge #map-title{font-size:17px}.challenge #run{min-height:44px}.challenge .mission-state time{display:none}
dialog{color:#edf3ef;background:#17241d;border:1px solid #607a69;border-radius:8px;width:min(740px,calc(100% - 24px));padding:28px;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 24px 120px #0008}dialog::backdrop{background:#050c09ba;backdrop-filter:blur(4px)}#close-result{position:absolute;top:16px;right:16px}.result-eyebrow{font-size:11px;color:#a0f4d8;margin:0 42px 12px 0}#result-title{font-size:28px;line-height:1.3;margin:0 40px 8px 0}#result-detail{font-size:13px;color:#c6d3ca;margin:0 0 20px;line-height:1.7}#result-image{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:4px}.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.result-actions .primary{background:#a0f4d8;color:#173022;border-color:#a0f4d8;font-weight:650}.result-actions a{color:#a0f4d8;font-size:12px;padding:10px 4px}#share-status{font-size:12px;color:#efcf79;min-height:18px;line-height:1.6;margin:12px 0}.result-disclaimer{display:block;color:#92a89a;font-size:10px;line-height:1.6}#manual-copy label{font-size:11px}#challenge-url{width:100%;background:#0c1711;color:#cfedda;border:1px solid #577061;padding:9px;margin:6px 0 12px}
@media(max-width:850px){header{height:auto;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:8px}.identity{order:0}.mission-state{order:1}header>#save{order:2}.mode-switch{order:3;margin:0;width:100%;justify-content:center}.mode-switch a{width:50%;text-align:center;padding:8px}.challenge #world{height:45dvh;min-height:300px}.challenge #map-title{font-size:14px}#countdown{left:14px;top:70px;width:75px}#seconds{font-size:34px}.challenge .view-tools{top:60px}.challenge #operations{display:flex}.challenge .commands{position:fixed;bottom:0;left:0;right:0;z-index:8;background:#17241df5;border-top:1px solid #54725e;padding:10px 14px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(8px)}.challenge .timeline{margin-bottom:84px}.challenge .commands button{min-height:44px}.challenge #daily-brief{padding:14px 18px}.challenge #daily-brief h2{font-size:16px;margin:6px 0}.challenge #notice{margin-bottom:0}.result-actions button{min-height:42px}dialog{padding:20px}#result-title{font-size:24px}.result-actions .primary{flex:1;min-width:145px}.result-actions #share-result{flex:1;min-width:130px}}