html,body,#root{margin:0;height:100%;background:#000;color:#e8e6e3;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}.hud{position:fixed;top:16px;left:16px;padding:10px 16px;border-left:6px solid var(--accent);border-radius:0 12px 12px 0;background:#14101eb3;font-size:14px;pointer-events:none}.hud h1{margin:0 0 4px;font-size:16px;letter-spacing:.08em}.label{font-size:12px;white-space:nowrap;color:#cfd8ff;text-shadow:0 0 4px #000;-webkit-user-select:none;user-select:none}.label span{cursor:pointer}.label.label-hidden{visibility:hidden;pointer-events:none}.label[data-more]:after{content:attr(data-more);margin-left:4px;padding:0 4px;border-radius:6px;background:#9b8cd959;font-size:10px;vertical-align:1px}.credit{position:fixed;right:12px;bottom:8px;font-size:11px;color:#8a8fa3}.credit a{color:inherit}.muted{color:#9aa0b4;font-size:12px}kbd{margin-left:4px;padding:0 4px;border:1px solid currentColor;border-radius:4px;font-size:10px;opacity:.7}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}.mode-button{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:10px 24px;border:none;border-radius:20px;background:var(--accent);color:#1b1325;font-weight:600}.nav-panel{position:fixed;top:16px;right:16px;bottom:40px;width:230px;display:flex;flex-direction:column;gap:10px;padding:12px;border-right:6px solid #9b8cd9;border-radius:12px 0 0 12px;background:#14101ebf;font-size:13px;overflow-x:hidden;overflow-y:auto}.nav-panel>*{flex-shrink:0}.nav-panel h2{margin:0;font-size:13px;letter-spacing:.1em;color:var(--accent)}.nav-list{flex:1 1 180px;min-height:180px;overflow-y:auto}.nav-row{display:flex}.nav-item{flex:1;display:block;width:100%;padding:4px 8px;border:none;border-radius:6px;background:none;text-align:left}.nav-item.sub{padding-left:24px;color:#b9c1dc}.nav-item:hover{background:#ffffff14}.nav-item.active{background:#9b8cd959}.nav-toggle{width:32px;border:none;background:none;color:#9aa0b4;font-size:11px}.nav-target{padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.nav-target-name{font-weight:600}.nav-warp{display:flex;flex-direction:column;gap:4px}.engage{padding:10px;border:none;border-radius:8px;background:#d9614c;color:#fff;font-weight:700;letter-spacing:.1em}.secondary,.nav-time button{padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:none}.secondary.on,.nav-time button.on{background:#9b8cd959}.nav-time{display:flex;align-items:center;gap:6px}.nav-time button{flex:1;padding:4px 2px;font-size:12px;white-space:nowrap}.nav-time{flex-wrap:wrap;row-gap:2px}.nav-time-label{flex-basis:100%;font-size:12px;color:#9aa3c7}.nav-settings summary{cursor:pointer;color:#c9c0f0}.nav-settings[open]{display:flex;flex-direction:column;gap:6px}.nav-slider{display:flex;flex-direction:column;gap:4px;margin-top:6px}.nav-check{display:flex;align-items:center;gap:6px;cursor:pointer}.small{font-size:11px;line-height:1.5}.moon-label span{font-size:11px;opacity:.8}#target-marker{display:none;position:fixed;top:0;left:0;pointer-events:none}#target-marker .reticle{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border:1.5px solid var(--accent);border-radius:50%}#target-marker .arrow{display:none;position:absolute;margin:-10px 0 0 -8px;color:var(--accent);font-size:18px}#target-marker[data-offscreen=true] .reticle{display:none}#target-marker[data-offscreen=true] .arrow{display:block}#target-marker .marker-label{position:absolute;top:18px;transform:translate(-50%);color:var(--accent);font-size:12px;white-space:nowrap}.warp-banner{position:fixed;left:50%;bottom:80px;transform:translate(-50%);max-width:min(560px,calc(100vw - 32px));text-align:center;pointer-events:none}.warp-title{font-size:32px;font-weight:700;letter-spacing:.2em;color:#bcd4ff;text-shadow:0 0 12px #3d7bff}.warp-dest{margin-bottom:8px}.warp-fact{font-size:13px;line-height:1.6}@media (max-width: 720px){.hud{top:12px;left:12px;max-width:calc(100% - 268px);padding:8px 10px;font-size:11px}.hud h1{font-size:12px;letter-spacing:.05em}.nav-panel{top:12px;right:12px;bottom:auto;width:190px;max-height:calc(100% - 290px);overflow-y:auto}.nav-panel:not(.collapsed):not(.gallery-panel){left:12px;width:auto;z-index:5;background:#14101ef2}.nav-panel .nav-list{flex:none;overflow:visible}.nav-panel.collapsed .nav-list,.nav-panel.collapsed .nav-warp,.nav-panel.collapsed .race-start,.nav-panel.collapsed .mission-start,.nav-panel.collapsed .quiz-start,.nav-panel.collapsed .probe-start,.nav-panel.collapsed .eclipse-start,.nav-panel.collapsed .stamp-start,.nav-panel.collapsed .nav-date,.nav-panel.collapsed .nav-time,.nav-panel.collapsed .nav-settings{display:none}.nav-panel.gallery-panel{top:auto;left:12px;bottom:76px;width:auto;max-height:38vh}.log-panel{top:160px;left:12px;right:12px;bottom:220px;width:auto;max-height:none}.race-bar{top:auto;bottom:262px}.mode-button{left:12px;bottom:26px;transform:none}.gallery-button{bottom:26px}.probe-panel{left:12px;right:12px;bottom:76px;width:auto;max-height:44vh}.credit{left:8px;right:8px;bottom:2px;font-size:9px;text-align:right}}.crosshair{position:fixed;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:1.5px solid rgba(255,200,150,.8);border-radius:50%;pointer-events:none}.toast{position:fixed;left:50%;top:var(--toast-top, 150px);transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));padding:10px 16px;border-left:6px solid #d9614c;border-radius:0 12px 12px 0;background:#14101ed9;font-size:13px;line-height:1.6;white-space:pre-line;pointer-events:none}.log-panel{position:fixed;left:16px;bottom:80px;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 290px);overflow-y:auto;padding:12px 16px;border-left:6px solid #9b8cd9;border-radius:0 12px 12px 0;background:#14101ed9;font-size:13px;line-height:1.6}.log-panel header{display:flex;align-items:center;justify-content:space-between}.log-panel h2{margin:0;font-size:15px;color:var(--accent)}.log-panel .badge,.quiz-run .badge{margin-left:8px;padding:1px 8px;border-radius:10px;background:#4f8f6a;color:#fff;font-size:11px}.log-panel .close,.quiz-run .close{border:none;background:none;font-size:18px}.log-panel dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:8px 0}.log-panel dl div{display:contents}.log-panel dt{color:#9aa0b4}.log-panel dd{margin:0}.log-panel .notes{margin:8px 0;padding-left:18px}.quiz{padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.quiz-q{font-weight:600}.quiz-choices{display:flex;flex-direction:column;gap:6px;margin:8px 0}.quiz-choices button{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:none;text-align:left}.quiz-choices button:disabled{opacity:1}.quiz-choices button:disabled:not(.right):not(.wrong){opacity:.45}.quiz-choices button.right{border-color:#4f8f6a;background:#4f8f6a59}.quiz-choices button.wrong{border-color:#d9614c;background:#d9614c4d}.quiz-a .retry{margin-left:8px;padding:2px 10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:none}.log-panel footer{margin-top:8px}.nav-heading{margin:10px 0 2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;letter-spacing:.08em;color:#7fe0a0}.race-start{font-size:12px}.race-countdown{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);font-size:72px;font-weight:700;letter-spacing:.06em;color:#ffd27a;text-shadow:0 0 24px rgba(255,180,80,.6);pointer-events:none}.race-bar{position:fixed;left:50%;top:16px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:12px;background:#14101ed9;font-size:13px}.race-time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;color:#ffd27a}.race-boost{color:#8fd8ff}.race-quit{padding:3px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:inherit;cursor:pointer}.quiz-run{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;padding:16px 18px;border-top:6px solid var(--accent);border-radius:14px;background:#14101efa;font-size:14px;line-height:1.6}.quiz-run header{display:flex;align-items:center;justify-content:space-between}.quiz-run h2{margin:0;font-size:16px;color:var(--accent)}.quiz-run h2 .muted{margin-left:6px;font-size:13px;font-weight:400}.quiz-status{display:flex;gap:16px;margin:6px 0;color:#cfd8ff}.quiz-status .hot{color:#ffd27a;font-weight:600}.quiz-dots{display:flex;gap:6px;margin:0 0 10px;padding:0;list-style:none}.quiz-dots li{flex:1;height:6px;border-radius:3px;background:#ffffff26}.quiz-dots li.now{background:#9b8cd9}.quiz-dots li.right{background:#4f8f6a}.quiz-dots li.wrong{background:#d9614c}.quiz-run .quiz-choices button{padding:8px 12px}.quiz-run .quiz-choices kbd{margin-right:6px}.quiz-run .quiz-a{margin-bottom:10px}.quiz-run .engage{width:100%}.quiz-title{margin:8px 0;font-size:18px;font-weight:600;color:#ffd27a}.quiz-run dl{margin:0 0 10px}.quiz-run dl div{display:flex;justify-content:space-between;padding:3px 0}.quiz-run dd{margin:0}.quiz-missed{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.quiz-missed button{padding:4px 10px}.quiz-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.nav-date{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:-4px}.nav-today{padding:1px 8px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:none;font-size:11px}.probe-panel{position:fixed;left:16px;bottom:80px;z-index:4;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 200px);padding:12px 16px;border-left:6px solid #6fd0ff;border-radius:0 12px 12px 0;background:#14101ee6;font-size:13px;line-height:1.55}.probe-panel header{display:flex;align-items:center;justify-content:space-between}.probe-panel h2{margin:0;font-size:15px;color:var(--accent)}.probe-panel .close{border:none;background:none;font-size:18px}.probe-panel p{margin:0}.probe-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.probe-list .nav-item{display:flex;align-items:flex-start;gap:8px;text-align:left}.probe-dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%}.probe-date{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:17px;font-weight:600;color:#ffd27a}.probe-date .muted{font-size:12px;font-weight:400}.probe-events{flex:1;min-height:60px;margin:0;padding:0;overflow-y:auto;list-style:none}.probe-events li{padding:4px 0 4px 10px;border-left:2px solid rgba(255,255,255,.12);opacity:.45}.probe-events li.past{opacity:.75}.probe-events li.now{border-left-color:#ffd27a;opacity:1}.probe-when{display:block;font-size:11px;color:#cfd8ff}.probe-controls{display:flex;gap:8px}.probe-controls button{flex:1}.probe-label span{font-weight:600;text-shadow:0 0 4px #000}.race-result{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));padding:18px 20px;border-radius:14px;background:#14101eeb}.race-result h2{margin:0 0 12px;font-size:17px;color:#ffd27a}.race-result dl{margin:0 0 14px}.race-result dl div{display:flex;justify-content:space-between;padding:4px 0}.race-result dd{margin:0;font-variant-numeric:tabular-nums}.race-buttons{display:flex;gap:8px}.race-buttons button{flex:1}.race-result .badge{margin-left:8px;padding:1px 8px;border-radius:10px;background:#4f8f6a;color:#fff;font-size:11px}.near{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12)}.compare-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}.compare-button{pointer-events:auto;padding:4px 10px;border:1px solid rgba(159,212,255,.5);border-radius:8px;background:#283c5a99;color:#dff0ff;font-size:13px;cursor:pointer}.compare-button.on{background:#5a96dc8c}.compare-label span{color:#cfe8ff;font-size:12px;white-space:nowrap}.near-dive{color:#ffcf8a}.scope-prompt{position:fixed;left:50%;bottom:74px;transform:translate(-50%);padding:8px 20px;border:1px solid rgba(242,166,90,.7);border-radius:18px;background:#14101ed9;color:#ffd9a8}.log-panel .scope-open{width:100%;margin:4px 0 10px}.scope-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16777300;display:flex;flex-direction:column;padding:16px;gap:12px;box-sizing:border-box;background:#030308f5}.scope-head{display:flex;align-items:flex-start;justify-content:space-between}.scope-head h2{margin:0;font-size:17px;color:var(--accent)}.scope-head .close{padding:4px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:none;font-size:15px}.scope-body{flex:1;min-height:0;display:flex;gap:16px}.scope-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.scope-viewer{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:12px;background:#000;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none}.scope-viewer.zoomed{cursor:grab}.scope-viewer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform-origin:center;transition:opacity .4s}.scope-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#9aa0b4;font-size:13px;letter-spacing:.1em}.scope-zoom{position:absolute;right:10px;bottom:10px;display:flex;gap:6px}.scope-zoom button,.scope-compare button{padding:4px 10px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#14101ecc}.scope-compare button.on{background:#9b8cd973}.scope-hint{position:absolute;left:10px;bottom:12px;font-size:11px;color:#ffffff73;pointer-events:none}.scope-compare{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.scope-credit{font-size:11px;line-height:1.5;color:#8a8fa3}.scope-credit a{color:#b8bed4}.scope-side{width:320px;overflow-y:auto;padding:12px 14px;border-left:6px solid #9b8cd9;border-radius:0 12px 12px 0;background:#14101ed9;font-size:13px;line-height:1.6}.scope-side h3{margin:0;font-size:16px;color:#ffd27a}.scope-side dl{margin:8px 0}.scope-side dl div{display:flex;gap:12px}.scope-side dt{color:#9aa0b4}.scope-side dd{margin:0}.scope-lookback{padding:8px 10px;border-radius:8px;background:#f2a65a1f}.scope-side .notes{padding-left:18px}.scope-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.scope-list button{display:flex;flex-direction:column;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:none;font-size:11px;line-height:1.3;text-align:left}.scope-list button.on{border-color:var(--accent);background:#f2a65a1f}.scope-list img{width:100%;aspect-ratio:1;border-radius:5px;object-fit:cover}@media (max-width: 760px){.scope-body{flex-direction:column;overflow-y:auto}.scope-main{flex:none;height:60vh}.scope-side{width:auto;overflow:visible}}.gallery-button{position:fixed;left:calc(50% + 96px);bottom:24px;padding:10px 18px;border:1px solid rgba(242,166,90,.7);border-radius:20px;background:#14101ebf;color:#f6c48f}.bridge-button{position:fixed;right:calc(50% + 96px);bottom:24px;padding:10px 18px;border:1px solid rgba(95,211,230,.7);border-radius:20px;background:#080e14bf;color:#bfeaf2}.bridge-button.inside{border-color:#f2b45a;background:#f2b45a;color:#1b1325;font-weight:600}.bridge-button:disabled{opacity:.4}.bridge-enter{display:block;width:100%;margin-top:8px;padding:9px 12px;border:1px solid rgba(95,211,230,.7);border-radius:8px;background:#5fd3e629;color:#d8f3f8;font-size:14px;font-weight:600}.bridge-enter:hover{background:#5fd3e64d}@media (max-width: 720px){.gallery-button{left:auto;right:12px;padding:10px 12px}.bridge-button{right:12px;bottom:76px;padding:10px 12px}}.gallery-panel h2{margin:0;font-size:15px;color:var(--accent)}.gallery-modes{display:flex;gap:6px}.gallery-modes button{flex:1;padding:6px 2px;font-size:12px;white-space:nowrap}.nav-panel.gallery-panel{background:#14101eeb}.gallery-info p{margin:4px 0 0;line-height:1.6}.gallery-compare{margin:4px 0 0;padding-left:18px;line-height:1.6}.gallery-parts{flex:1;min-height:80px}.gallery-labels{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.gallery-anchor{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}.gallery-anchor button{position:absolute;left:12px;top:var(--dy, 0px);padding:2px 8px;transform:translateY(-50%);border:1px solid rgba(155,140,217,.7);border-radius:10px;background:#14101eb8;font-size:12px;white-space:nowrap;pointer-events:auto}.gallery-anchor button:before{content:"";position:absolute;top:calc(50% - var(--dy, 0px));left:-12px;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.gallery-anchor.left button{left:auto;right:12px}.gallery-anchor.left button:before{left:auto;right:-12px}.gallery-anchor button.on{background:#9b8cd9;color:#1b1325}.gallery-anchor.compare span{position:absolute;transform:translate(-50%,-50%);padding:1px 6px;border-radius:8px;background:#14101e99;color:#cfd8ff;font-size:12px;white-space:nowrap;text-shadow:0 0 4px #000}.nav-collapse{display:flex;justify-content:space-between;width:100%;padding:0;border:none;background:none;color:inherit;letter-spacing:inherit}.nav-collapse span{color:#9aa0b4;font-size:11px;letter-spacing:0}.nav-log{margin-top:6px;padding:4px 10px;border:1px solid rgba(155,140,217,.5);border-radius:8px;background:none;font-size:12px}html{touch-action:manipulation}body{overscroll-behavior:none}canvas{touch-action:none}.hud-hint{font-size:12px}.touch-stick{position:fixed;left:24px;bottom:24px;display:grid;place-items:center;width:132px;height:132px;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:#14101e59;touch-action:none}.touch-knob{width:56px;height:56px;border-radius:50%;background:#f2a65acc;box-shadow:0 0 12px #f2a65a80;pointer-events:none}.touch-buttons{position:fixed;right:288px;bottom:90px;display:flex;flex-direction:column;gap:8px}.touch-row{display:flex;justify-content:flex-end;gap:8px}.touch-button{width:52px;height:52px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#14101e99;font-size:20px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-button.wide{width:auto;padding:0 14px;border-radius:26px;font-size:14px}.touch-button.beam{border-color:#f2a65acc;color:#f6c48f}.touch-button:active{background:#9b8cd980}@media (hover: none) and (pointer: coarse){.log-panel{bottom:176px;max-height:calc(100vh - 360px)}}@media (max-width: 720px){.touch-stick{left:16px;bottom:80px;width:120px;height:120px}.touch-buttons{right:12px;bottom:80px}.log-panel{bottom:262px;max-height:none}}@media (hover: none) and (pointer: coarse){kbd{display:none}}@media (max-height: 500px){.hud{top:8px;left:8px;max-width:calc(100% - 236px);padding:6px 10px;font-size:11px}.hud h1{font-size:12px}.nav-panel{top:8px;right:8px;bottom:8px;width:300px;max-height:none;padding:8px 10px;gap:6px;overflow-y:auto;z-index:5}.nav-panel:not(.collapsed):not(.gallery-panel){left:auto;width:300px;background:#14101ef2}.nav-panel .nav-list{flex:none;overflow:visible}.nav-panel.collapsed{bottom:auto;width:210px;flex-flow:row wrap;overflow:visible}.nav-panel.collapsed>*{flex:1 1 100%}.nav-panel.collapsed .engage,.nav-panel.collapsed .nav-auto{flex:1 1 0;padding:6px 4px}.nav-panel.collapsed .nav-list,.nav-panel.collapsed .nav-warp,.nav-panel.collapsed .race-start,.nav-panel.collapsed .mission-start,.nav-panel.collapsed .quiz-start,.nav-panel.collapsed .probe-start,.nav-panel.collapsed .eclipse-start,.nav-panel.collapsed .stamp-start,.nav-panel.collapsed .nav-date,.nav-panel.collapsed .nav-time,.nav-panel.collapsed .nav-settings,.nav-panel.collapsed .nav-log{display:none}.nav-panel.gallery-panel{top:8px;bottom:8px;left:auto;width:260px;max-height:none}.log-panel{top:8px;left:50%;right:auto;bottom:64px;width:min(360px,46vw);max-height:none;transform:translate(-50%);z-index:4}.race-bar{top:8px;bottom:auto}.mode-button,.gallery-button{bottom:18px;padding:8px 14px;font-size:13px}.mode-button{left:50%;transform:translate(calc(-100% - 4px))}.gallery-button{left:calc(50% + 4px);right:auto}.touch-stick{left:16px;bottom:14px;width:112px;height:112px}.touch-knob{width:48px;height:48px}.touch-buttons{right:12px;bottom:14px;flex-direction:row;align-items:flex-end}.touch-row{flex-direction:column}.touch-button{width:46px;height:46px;font-size:18px}.touch-button.wide{height:46px;padding:0 10px;font-size:13px}.probe-panel{top:8px;left:8px;right:auto;bottom:60px;width:min(300px,42vw);max-height:none;padding:8px 12px;gap:4px}.quiz-run{max-height:calc(100% - 12px);padding:8px 14px 10px;border-top-width:4px;font-size:13px;line-height:1.45}.quiz-status{margin:2px 0}.quiz-dots{margin-bottom:6px}.quiz-run .quiz-choices{gap:4px;margin:6px 0}.quiz-run .quiz-choices button{padding:4px 10px}.quiz-run .quiz-a{margin-bottom:6px}.quiz-run .engage{padding:6px}.credit{left:50%;right:auto;bottom:1px;transform:translate(-50%);font-size:9px;white-space:nowrap}}.mission-panel{border-top-color:#8fd8ff}.mission-panel h2{color:#8fd8ff}.mission-list{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none}.mission-list button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:1px solid rgba(143,216,255,.25);border-radius:10px;background:#8fd8ff0f;color:inherit;text-align:left;cursor:pointer}.mission-list button:disabled{opacity:.45;cursor:default}.mission-no{flex:none;font-size:11px;letter-spacing:.06em;color:#8fd8ff}.mission-name{flex:1;font-weight:600}.stars{flex:none;letter-spacing:1px;color:#fff3}.stars .on{color:#ffd27a}.stars.big{font-size:34px;letter-spacing:6px}.mission-comm{display:block;width:100%;margin:8px 0;padding:8px 12px;border:none;border-left:4px solid #8fd8ff;border-radius:0 10px 10px 0;background:#8fd8ff14;color:inherit;font:inherit;font-size:13px;line-height:1.6;text-align:left;white-space:pre-line}.mission-comm b{margin-right:6px;color:#8fd8ff}.mission-comm p{margin:4px 0 0}.mission-goals,.mission-summary{margin:4px 0 8px;padding-left:22px}.mission-result{margin:10px 0;text-align:center}.mission-bar{position:fixed;left:50%;bottom:80px;transform:translate(-50%);width:min(460px,max(300px,calc(100vw - 620px)));padding:8px 12px;border-radius:12px;background:#14101ee0;font-size:13px}.mission-head,.mission-goal{display:flex;align-items:center;gap:8px}.mission-goal{margin-top:4px;font-weight:600;color:#ffd27a}.mission-goal span:first-child{flex:1}.mission-status{flex:none;font-weight:400;font-variant-numeric:tabular-nums;color:#8fd8ff}.mission-meter{height:4px;margin-top:6px;border-radius:2px;background:#ffffff1f;overflow:hidden}.mission-meter div{height:100%;background:#8fd8ff;transition:width .2s}.mission-bar .mission-comm{margin:6px 0 0;max-height:9.6em;overflow-y:auto;cursor:pointer}.mission-bar .mission-comm.folded{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (hover: none) and (pointer: coarse){.mission-bar{bottom:280px}}@media (max-width: 720px){.mission-bar{top:auto;left:12px;bottom:262px;width:auto;right:12px;transform:none;font-size:12px}.mission-bar .mission-comm{max-height:7.5em;font-size:12px}}@media (max-height: 500px){.mission-bar{top:auto;bottom:64px;left:50%;right:auto;width:min(360px,44vw);transform:translate(-50%);padding:6px 10px;font-size:12px}.mission-bar .mission-comm{max-height:4.8em;font-size:11px;line-height:1.5}.stars.big{font-size:26px}}.lang-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16777400;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c}.lang-card{width:min(420px,100%);padding:20px 22px;border-top:6px solid var(--accent);border-radius:14px;background:#14101efa;text-align:center;line-height:1.6}.lang-card h1{margin:0 0 8px;font-size:20px;letter-spacing:.12em;color:var(--accent)}.lang-card p{margin:8px 0}.lang-buttons{display:flex;gap:12px;margin:16px 0 12px}.lang-buttons button{flex:1;padding:14px 10px;font-size:18px;letter-spacing:.04em}.lang-buttons button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.nav-head{display:flex;align-items:center;gap:8px}.nav-head .nav-collapse{flex:1;min-width:0}.nav-lang{margin-left:auto;flex:none;padding:2px 8px;border:1px solid #5a5470;border-radius:10px;background:none;color:#cfd8ff;font-size:11px;letter-spacing:0}.nav-lang-pick{display:inline-flex;gap:4px;margin-left:8px}.nav-lang-pick button{padding:2px 8px;border:1px solid #5a5470;border-radius:8px;background:none;color:inherit;font-size:12px}.nav-lang-pick button.on{border-color:var(--accent);background:#f2a65a33}.eclipse-panel{border-left-color:#ffb347}.eclipse-panel .eclipse-kind{color:#ffd27a}.eclipse-dot.solar{background:radial-gradient(circle at 35% 50%,#1a1426 45%,#ffd27a 50%)}.eclipse-dot.lunar{background:#c8553a}.eclipse-stage{min-height:3.1em}.eclipse-seek{width:100%}.eclipse-panel>*{flex-shrink:0}.eclipse-panel .probe-list{flex-shrink:1;min-height:0}@media (max-width: 720px){.probe-panel.eclipse-panel{left:12px;right:12px;bottom:76px;width:auto;max-height:44vh;gap:4px;padding:8px 12px}.eclipse-panel .eclipse-about.watching{display:none}.eclipse-panel .probe-date{font-size:15px}}@media (max-height: 500px){.probe-panel.eclipse-panel{overflow-y:auto}.eclipse-panel .eclipse-about{display:none}.eclipse-panel .probe-date{font-size:14px}}.stamp-book{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;padding:16px 18px;border-top:6px solid #e8b04a;border-radius:14px;background:#14101efa;font-size:14px;line-height:1.6}.stamp-book header{display:flex;align-items:center;justify-content:space-between}.stamp-book h2{margin:0;font-size:16px;color:var(--accent)}.stamp-book h3{margin:12px 0 4px;font-size:13px;font-weight:600;color:#cfd8ff}.stamp-book .close{border:none;background:none;font-size:18px}.stamp-book p{margin:6px 0}.stamp-summary strong{color:#ffd27a}.stamp-grid{display:flex;flex-wrap:wrap;gap:4px 6px}.stamp{display:flex;flex-direction:column;align-items:center;gap:2px;width:76px;padding:8px 2px 4px;border:none;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer}.stamp:hover:not(:disabled){background:#ffffff0f}.stamp:disabled{cursor:default}.stamp-face{position:relative;display:grid;place-items:center;box-sizing:border-box;width:52px;height:52px;border:2px dashed rgba(255,255,255,.22);border-radius:50%;color:#ffffff4d;font-size:18px}.stamp.got .stamp-face{padding:4px;border:4px double var(--c);background:radial-gradient(circle at 36% 32%,color-mix(in srgb,var(--c),#fff 45%),var(--c) 42%,color-mix(in srgb,var(--c),#000 55%));background-clip:content-box;box-shadow:0 0 12px color-mix(in srgb,var(--c),transparent 65%);transform:rotate(var(--r))}.stamp.got .stamp-face[data-id=saturn]:after{content:"";position:absolute;left:-7px;right:-7px;top:41%;height:18%;border:2px solid color-mix(in srgb,var(--c),#fff 35%);border-radius:50%;transform:rotate(-14deg)}.stamp.got .stamp-face[data-id=cube]{border-radius:10px}.stamp-star{position:absolute;top:-8px;right:-9px;color:#ffd27a;font-size:15px;text-shadow:0 0 4px #000;transform:rotate(calc(-1 * var(--r)))}.stamp-name{font-size:12px;line-height:1.3;text-align:center}.stamp:not(.got) .stamp-name{opacity:.55}.stamp-date{min-height:1.3em;font-size:10px;color:#9aa3c7}.title-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin:0;padding:0;list-style:none}.title-list li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:#ffffff0a;opacity:.72}.title-list li.got{background:#e8b04a1f;opacity:1}.medal{flex:none;width:22px;height:22px;box-sizing:border-box;border:2px solid rgba(255,255,255,.25);border-radius:50%}.title-list li.got .medal{border-color:#ffd27a;background:radial-gradient(circle at 35% 30%,#fff3c4,#e8b04a 55%,#a8701c)}.title-text{display:flex;flex:1;flex-direction:column;line-height:1.35}.title-list li.got strong{color:#ffd27a}.title-count{font-size:12px;color:#cfd8ff}@media (max-width: 720px),(max-height: 500px){.stamp-book{padding:12px}.stamp{width:66px}.stamp-face{width:44px;height:44px}.title-list{grid-template-columns:1fr}}.bridge-panel{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(560px,calc(100% - 700px));min-width:300px}.bridge-exit{padding:8px 18px;border:none;border-radius:20px;background:#f2b45a;color:#1b1325;font-size:14px;font-weight:600;white-space:nowrap}.bridge-exit kbd{margin-left:6px}.bridge-views{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.bridge-views button,.bridge-look{padding:6px 12px;border:1px solid rgba(95,211,230,.45);border-radius:4px;background:#080e14bf;color:#bfeaf2;font-size:13px}.bridge-views button.active,.bridge-look.active{border-color:#f2b45a;background:#f2b45a40;color:#ffe2b5}.bridge-info{position:relative;max-width:460px;padding:8px 30px 8px 12px;border:1px solid rgba(95,211,230,.45);border-radius:4px;background:#080e14e0;color:#d8eef2;font-size:13px;line-height:1.5}.bridge-info b{color:#f2b45a}.bridge-info p{margin:4px 0 0}.bridge-info button{position:absolute;top:4px;right:6px;border:none;background:none;color:#bfeaf2;font-size:16px}.bridge-labels .gallery-anchor button{--accent: #f2b45a;border-color:#5fd3e699;background:#080e14bf;color:#d8f3f8}.bridge-actions{display:flex;flex-wrap:wrap;gap:6px}.bridge-look kbd{margin-left:6px}.bridge-hint{padding:2px 10px;border-radius:4px;background:#080e1499;color:#cfd8e0;font-size:12px;text-align:center;pointer-events:none}@media (max-width: 1600px){.bridge-panel{top:auto;bottom:76px;max-width:calc(100% - 32px)}}@media (max-width: 720px){.bridge-panel{top:200px;bottom:auto;left:8px;transform:none;align-items:flex-start;min-width:0;max-width:150px}.bridge-views{flex-direction:column}.bridge-views button,.bridge-look{padding:5px 9px;font-size:12px}.bridge-hint{display:none}.bridge-info{position:fixed;left:8px;right:8px;bottom:210px;max-width:none}}@media (max-height: 500px){.bridge-panel{top:64px;bottom:auto;left:8px;transform:none;align-items:flex-start;min-width:0;max-width:140px}.bridge-views{flex-direction:column;gap:4px}.bridge-views button,.bridge-look{padding:4px 8px;font-size:11px}.bridge-hint{display:none}.bridge-info{position:fixed;left:160px;right:240px;top:8px;max-width:none;font-size:12px}}:root{--accent: #f2a65a}body.sf{--accent: #c79bff}body.sf:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;border:2px solid rgba(199,155,255,.55);pointer-events:none;z-index:50}body.sf .nav-panel{border-right-color:#d46cff}.sf-badge{position:fixed;top:12px;left:50%;transform:translate(-50%);display:inline-flex;border:1.5px solid #6c6688;border-radius:12px;background:#101222d1;overflow:hidden;pointer-events:auto;z-index:5}.sf-badge.on{border-color:#c79bff;background:#28123cd1}.sf-badge button{padding:5px 14px;border:none;background:transparent;color:#a9a4c0;font:inherit;font-weight:700;font-size:13px;letter-spacing:.1em;cursor:pointer}.sf-badge button:hover:not(:disabled):not(.on){color:#fff}.sf-badge button.on{background:#3b5a86;color:#fff}.sf-badge.on button.on{background:#7a4bc0;color:#f2e8ff}.sf-badge button:disabled{opacity:.5;cursor:default}.sf-badge span{margin-left:6px;font-weight:400;font-size:10px;letter-spacing:.08em;opacity:.85}.scale-badge{position:fixed;top:12px;left:calc(50% + 100px);display:grid;gap:4px;pointer-events:auto;z-index:5}@media (max-width: 1319px){.scale-badge{top:50px;left:50%;transform:translate(-50%)}}.scale-row{display:grid;grid-template-columns:4.2em repeat(3,auto);align-items:stretch;border:1px solid rgba(108,102,136,.8);border-radius:10px;background:#101222b8;overflow:hidden}.scale-label{display:flex;align-items:center;justify-content:center;padding:0 6px;color:#8f8aa8;font-size:11px;letter-spacing:.05em;white-space:nowrap}.scale-row button{min-width:4.6em;padding:6px 9px;border:none;border-left:1px solid rgba(108,102,136,.45);background:transparent;color:#a9a4c0;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.scale-row button:hover:not(:disabled):not(.on){color:#fff}.scale-row button.on{background:#f2a65ad9;color:#1a1020;font-weight:700}.scale-row button:disabled{opacity:.5;cursor:default}@media (hover: none) and (pointer: coarse){.sf-badge button{padding:8px 16px;font-size:14px}}@media (max-width: 560px) and (orientation: portrait){.scale-badge{top:244px;left:12px;transform:none}.sf-badge{top:200px;left:12px;transform:none}.sf-badge button{padding:8px 12px}.sf-badge span{display:none}body:has(.nav-panel:not(.collapsed):not(.gallery-panel)) .sf-badge{display:none}}.nav-world{display:inline-flex;flex:none;margin-left:6px;border:1px solid #5a5470;border-radius:10px;overflow:hidden}.nav-world button{padding:2px 7px;border:none;background:none;color:#cfd8ff;font-size:11px}.nav-world button.on{background:#f2a65a4d;color:#fff}.nav-world button.on.sf{background:#c79bff66}.log-real{margin:8px 0;padding:8px 10px;border-left:4px solid #6fc2ff;border-radius:0 8px 8px 0;background:#3c78b426;font-size:12px}.log-real h3{margin:0 0 4px;font-size:12px;color:#9fd4ff}.log-real ul{margin:0;padding-left:18px}.log-fiction{margin-left:8px;padding:1px 6px;border:1px solid #c79bff;border-radius:8px;color:#e6d4ff;font-size:10px;font-weight:400;vertical-align:middle}.nav-head{flex-wrap:wrap;row-gap:4px}.ship-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.ship-card{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:4px;text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:inherit;cursor:pointer;font-size:12px;line-height:1.35}.ship-card:disabled{opacity:.5;cursor:default}.ship-card.on{border-color:var(--accent);background:#ffffff17}.ship-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;background:#000}.ship-card-name b{color:var(--accent)}.ship-card-kind{color:#9aa3c7;font-size:11px}.ship-card-blurb{color:#c4c8dc;font-size:11px}.ship-picker.compact{grid-template-columns:repeat(3,1fr);margin:6px 0}.ship-picker.compact .ship-card{font-size:10px;padding:3px}.context-lost{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(360px,calc(100% - 32px));padding:16px 20px;border:1px solid #6c6688;border-radius:12px;background:#14101ef2;color:#e8e4f4;text-align:center;z-index:20}.context-lost button{padding:8px 18px;border:none;border-radius:10px;background:var(--accent);color:#1b1325;font-weight:700;cursor:pointer}.photo-note{position:fixed;left:50%;top:64px;transform:translate(-50%);z-index:60;width:min(460px,calc(100vw - 32px));max-height:min(70vh,calc(100vh - 140px));overflow-y:auto;padding:14px 18px 12px;border-top:6px solid var(--accent);border-radius:14px;background:#14101ef0;font-size:13px;line-height:1.6}.photo-note h3{margin:0 0 6px;font-size:15px;color:var(--accent)}.photo-note ul{margin:0;padding-left:18px}.photo-note li{margin:4px 0}.photo-note-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.photo-note-foot label{display:flex;align-items:center;gap:6px;color:#9aa0b4;font-size:12px}.beam-dim,.beam-flash{position:fixed;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none;opacity:0;z-index:4}.beam-dim{background:radial-gradient(ellipse at 50% 55%,#0000 18%,#00020cd9 85%)}.beam-flash{background:#fff}.beam-gauge{position:fixed;left:50%;bottom:86px;width:240px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;opacity:0;transition:opacity .25s;z-index:5}.beam-gauge-label{font-size:12px;letter-spacing:.12em;color:#cfe6ff;text-shadow:0 0 6px rgba(80,160,255,.8);font-variant-numeric:tabular-nums}.beam-gauge-bar{position:relative;width:100%;height:8px;border:1px solid rgba(160,200,255,.55);border-radius:4px;background:#080c1e99;overflow:hidden}.beam-gauge-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(0);background:#4f86ff;box-shadow:0 0 10px currentColor}.beam-gauge[data-state=charge][data-level="3"] .beam-gauge-fill{animation:beam-gauge-full .25s ease-in-out infinite alternate}.beam-gauge[data-state=firing] .beam-gauge-fill{background:linear-gradient(90deg,#8fdcff,#fff)}.beam-gauge[data-state=cool] .beam-gauge-fill{background:#96a0beb3}.beam-gauge[data-state=cool] .beam-gauge-label{color:#a9b2c8;text-shadow:none}.beam-gauge-bar i{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#dcebffbf}@keyframes beam-gauge-full{0%{filter:brightness(1)}to{filter:brightness(1.6)}}.nav-throttle{display:flex;flex-direction:column;gap:4px}.nav-throttle-head{display:flex;justify-content:space-between;gap:8px}.nav-throttle-head b{color:#ffd27a}.nav-throttle-speed b{display:inline-block;min-width:2.6em;text-align:right;font-variant-numeric:tabular-nums}.nav-throttle-bar{display:flex;gap:3px}.nav-throttle-bar button{flex:1 1 0;height:10px;padding:0;border:1px solid rgba(255,210,122,.35);border-radius:3px;background:#ffffff0f}.nav-throttle-bar button.on{border-color:#ffd27a;background:linear-gradient(90deg,#f2a65a,#ffd27a)}.nav-throttle-hint{font-size:11px}body.touch{--bar-h: 52px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--below-bar: calc(var(--safe-t) + var(--bar-h) + 6px);--pad-b: calc(var(--safe-b) + 14px);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.touch #root{touch-action:none}body.touch .nav-panel,body.touch .log-panel,body.touch .notice-panel,body.touch .scale-sheet,body.touch .quiz-run,body.touch .probe-panel,body.touch .stamp-book,body.touch .scope-view,body.touch .lang-picker,body.touch .gallery-panel{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.touch .touch-bar{position:fixed;top:0;left:0;right:0;display:flex;align-items:stretch;gap:2px;height:var(--bar-h);padding:var(--safe-t) calc(var(--safe-r) + 8px) 0 calc(var(--safe-l) + 4px);background:linear-gradient(#0a0812d9,#0a08128c);border-bottom:1px solid rgba(155,140,217,.18);box-sizing:content-box;z-index:23}body.touch .bar-icon{flex:0 1 60px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border:none;border-radius:10px;background:none;color:#c9c4de;touch-action:manipulation}body.touch .bar-icon.on{background:#9b8cd938;color:var(--accent)}body.touch .bar-glyph{position:relative;font-size:19px;line-height:1}body.touch .bar-label{font-size:10px;white-space:nowrap}body.touch .bar-badge{position:absolute;top:-5px;left:calc(100% - 4px);min-width:8px;height:8px;padding:0;border-radius:8px;background:#e8584a;box-shadow:0 0 0 2px #0a0812e6;color:#fff;font-size:10px;font-weight:700;line-height:15px;text-align:center;animation:badge-pop .3s ease-out}body.touch .bar-badge:not(:empty){min-width:15px;height:15px;padding:0 3px}@keyframes badge-pop{0%{transform:scale(.3)}}body.touch .bar-world{flex:none;margin:9px 0 9px auto;display:flex;padding:0;border:1.5px solid #6c6688;border-radius:10px;background:#101222d1;overflow:hidden;font-size:12px;font-weight:700;touch-action:manipulation}body.touch .bar-world span{display:flex;align-items:center;padding:0 8px;white-space:nowrap;color:#8f8aa8}body.touch .bar-world span.on{background:#3b5a86;color:#fff}body.touch .bar-world.sf{border-color:#c79bff}body.touch .bar-world.sf span.on{background:#7a4bc0}body.touch .notice-ticker{position:fixed;top:var(--below-bar);left:50%;transform:translate(-50%);max-width:min(440px,calc(100% - 24px));padding:6px 12px;border:1px solid rgba(232,88,74,.5);border-radius:16px;background:#14101ee0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:22;animation:sheet-down .2s ease-out}body.touch .hud{top:var(--below-bar);left:calc(var(--safe-l) + 8px);max-width:calc(100% - 16px - var(--safe-l) - var(--safe-r));padding:0;border:none;background:none;font-size:11px;line-height:1.5;text-shadow:0 0 4px #000,0 0 2px #000}body.touch .hud h1,body.touch .hud>.muted,body.touch .hud .near>.muted,body.touch .hud .near-zoom,body.touch .hud .compare-row .muted,body.touch .hud-hint.hidden{display:none}body.touch .hud-hint{display:inline-block;padding:4px 9px;border-radius:10px;background:#14101ebf}body.touch .hud .near{margin-top:2px}body.touch .hud .compare-row{margin-top:4px;pointer-events:auto}body.touch .hud .compare-button{padding:3px 8px;font-size:11px}body.touch .nav-panel.collapsed:not(.gallery-panel),body.touch .sf-badge,body.touch .mode-button,body.touch .gallery-button,body.touch .bridge-button,body.touch .toast{display:none}body.touch .sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:19}body.touch .nav-panel:not(.collapsed):not(.gallery-panel),body.touch .log-panel,body.touch .notice-panel{position:fixed;top:var(--below-bar);left:calc(var(--safe-l) + 8px);right:auto;bottom:auto;width:min(460px,calc(100% - 16px - var(--safe-l) - var(--safe-r)));max-height:calc(100% - var(--below-bar) - var(--safe-b) - 12px);margin:0;padding:10px 14px 14px;border:1px solid rgba(155,140,217,.45);border-radius:14px;background:#120e1cf7;box-shadow:0 10px 28px #0000008c;box-sizing:border-box;overflow-y:auto;transform:none;z-index:20;animation:sheet-down .18s ease-out}body.touch .scale-sheet{position:fixed;top:var(--below-bar);left:calc(var(--safe-l) + 8px);width:min(400px,calc(100% - 16px - var(--safe-l) - var(--safe-r)));max-height:calc(100% - var(--below-bar) - var(--safe-b) - 12px);display:grid;gap:8px;padding:12px;border:1px solid rgba(155,140,217,.45);border-radius:14px;background:#120e1cf7;box-shadow:0 10px 28px #0000008c;box-sizing:border-box;overflow-y:auto;z-index:20;animation:sheet-down .18s ease-out}body.touch .scale-sheet .scale-row{grid-template-columns:4.4em repeat(3,1fr)}body.touch .scale-sheet .scale-label{font-size:13px}body.touch .scale-sheet .scale-row button{min-width:0;padding:10px 4px;font-size:14px;touch-action:manipulation}body.touch .scale-sheet p{margin:2px 2px 0;line-height:1.5}@keyframes sheet-down{0%{transform:translateY(-12px);opacity:0}}body.touch .nav-panel:not(.collapsed):not(.gallery-panel){gap:8px}body.touch .nav-panel:not(.collapsed):not(.gallery-panel) .nav-list{flex:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:2px 8px;overflow:visible}body.touch .nav-panel:not(.collapsed) .nav-item{padding:8px 10px}body.touch .nav-panel:not(.collapsed) .nav-heading,body.touch .nav-panel:not(.collapsed) .nav-list>div:has(.nav-item.sub){grid-column:1 / -1}body.touch .notice-panel header{display:flex;align-items:center;justify-content:space-between}body.touch .notice-panel h2{margin:0;font-size:15px;color:var(--accent)}body.touch .notice-panel .close{padding:0 6px;border:none;background:none;font-size:22px}body.touch .notice-panel ul{margin:8px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.6;white-space:pre-line}body.touch .notice-panel li{padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}body.touch .notice-panel li:first-child{border-top:none}body.touch .touch-stick{left:calc(var(--safe-l) + 16px);bottom:var(--pad-b);width:120px;height:120px}body.touch .touch-knob{width:52px;height:52px}body.touch .touch-buttons{right:calc(var(--safe-r) + 12px);bottom:var(--pad-b);gap:8px}body.touch .touch-row{gap:8px}body.touch .touch-button{width:50px;height:50px;font-size:18px}body.touch .touch-button.wide{width:50px;padding:0;border-radius:50%;font-size:11px}body.touch .touch-warp{position:fixed;right:calc(var(--safe-r) + 12px);bottom:calc(var(--pad-b) + 3 * 50px + 3 * 8px + 4px);display:flex;flex-direction:column;align-items:flex-end;gap:6px}body.touch .touch-warp.map{right:50%;bottom:var(--pad-b);transform:translate(50%);align-items:center}body.touch .touch-warp-name{max-width:160px;padding:2px 8px;border-radius:8px;background:#14101eb3;color:#cfd8ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.touch .touch-warp-name span{margin-left:6px;color:#9aa0b4;font-size:11px}body.touch .touch-warp .touch-button.wide{width:auto;min-width:50px;height:40px;padding:0 14px;border-radius:20px;font-size:13px}body.touch .touch-warp .touch-button.warp{border-color:#f2a65a;background:#d6704cd9;color:#fff;font-weight:700}body.touch .touch-warp .touch-button.auto.on{border-color:var(--accent);color:var(--accent)}body.touch .credit{left:8px;right:8px;width:auto;transform:none;bottom:calc(var(--safe-b) + 2px);font-size:9px;text-align:center}body.touch[data-mode=flight] .credit{display:none}body.touch[data-mode=map] .touch-warp.map{bottom:calc(var(--pad-b) + 12px)}body.touch .scope-prompt{top:calc(var(--below-bar) + 28px);bottom:auto;max-width:calc(100% - 32px);padding:7px 16px;font-size:13px;white-space:nowrap;z-index:6}body.touch .touch-warp .touch-row{flex-direction:row}body.touch .nav-panel.gallery-panel{top:auto;left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 8px);bottom:calc(var(--pad-b) + 8px);width:auto;max-height:40vh;overflow-y:auto}body.touch .quiz-run,body.touch .probe-panel,body.touch .stamp-book{max-height:calc(100% - var(--below-bar) - var(--pad-b));overflow-y:auto}@media (max-height: 500px){body.touch{--bar-h: 44px}body.touch .bar-icon{flex-direction:row;flex-basis:auto;gap:5px;padding:0 10px}body.touch .bar-glyph{font-size:16px}body.touch .bar-label{font-size:11px}body.touch .bar-world{margin:6px 0 6px auto}body.touch .touch-stick{width:108px;height:108px}body.touch .touch-button{width:44px;height:44px}body.touch .touch-button.wide{width:44px}body.touch .touch-warp{bottom:calc(var(--pad-b) + 3 * 44px + 3 * 8px + 4px)}body.touch .touch-warp.flight{bottom:calc(var(--pad-b) + 2 * 44px + 8px + 10px)}}@media (min-width: 721px) and (min-height: 501px){body.touch{--bar-h: 58px}body.touch .bar-icon{flex-basis:76px}body.touch .bar-glyph{font-size:22px}body.touch .bar-label{font-size:11px}body.touch .touch-stick{left:calc(var(--safe-l) + 28px);bottom:calc(var(--pad-b) + 12px);width:150px;height:150px}body.touch .touch-buttons{right:calc(var(--safe-r) + 28px);bottom:calc(var(--pad-b) + 12px)}body.touch .touch-button,body.touch .touch-button.wide{width:58px;height:58px}body.touch .touch-warp{right:calc(var(--safe-r) + 28px);bottom:calc(var(--pad-b) + 12px + 3 * 58px + 3 * 8px + 6px)}body.touch .hud{font-size:13px}}body.touch[data-sheet=scale] .sheet-backdrop{background:transparent}body.touch .beam-gauge{bottom:calc(var(--pad-b) + 14px);width:min(200px,34vw)}@media (max-width: 720px){body.touch .bridge-panel{top:calc(var(--bar-h) + var(--safe-t) + 14px)}}body.touch .touch-throttle{display:flex;align-items:center;gap:6px;padding:3px;border-radius:22px;background:#14101eb3}body.touch .touch-throttle button{width:36px;height:36px;padding:0;border:1px solid rgba(255,210,122,.6);border-radius:50%;background:#282038d9;color:#ffd27a;font-size:18px;line-height:1}body.touch .touch-throttle button:disabled{opacity:.35}body.touch .touch-throttle-read{display:flex;flex-direction:column;align-items:center;min-width:64px;font-size:11px;color:#9aa0b4;line-height:1.2;font-variant-numeric:tabular-nums}body.touch .touch-throttle-read b{color:#ffd27a;font-size:13px}