:root{color-scheme:dark;--ink:#e7eeed;--muted:#94a5a8;--line:#aac4bf25;--mint:#baffad;--cyan:#71e0df;--orange:#f1a156;--panel:#132024ed;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Segoe UI",sans-serif}
#live-test{width:min(440px,calc(100vw - 24px));padding:18px;bottom:18px}
.live-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-heading .eyebrow{font-size:10px;letter-spacing:.12em;text-align:left}
#construction-size-toggle{font-size:11px;padding:7px 9px;white-space:nowrap;background:transparent}
#live-content h2{font-size:24px;margin:10px 0 14px}#live-detail{font-size:12px;line-height:1.45;margin:10px 0 12px}
#construction-controls:not([hidden]){display:flex;flex-direction:column;gap:7px}.construction-speeds{display:flex;gap:6px;justify-content:center}
#construction-controls button{font-size:12px;padding:8px 12px}.construction-speeds button{flex:1}.construction-speeds button[aria-pressed="true"]{color:var(--mint);border-color:var(--mint);background:#baffad15}
#construction-controls .construction-skip{background:#baffad12;color:var(--mint);width:100%;padding:9px}.construction-note{font-size:10px;line-height:1.4;color:var(--muted)}
#live-test.compact{left:auto;right:18px;bottom:18px;transform:none;width:min(268px,calc(100vw - 24px));padding:12px;text-align:left}
#construction-mini-detail{font-size:11px;margin:8px 0;line-height:1.4;color:var(--muted)}#construction-mini-progress{margin:0 0 8px}
#live-test.compact .construction-note{display:none}#live-test.compact #construction-controls button{font-size:11px;padding:6px 8px}
@media(max-width:680px){#live-test.compact{right:12px;bottom:16px}}
@media(max-height:520px){#live-test{padding:12px;bottom:12px}#live-content h2{font-size:20px;margin:7px 0 9px}#live-detail{font-size:11px;margin:7px 0;line-height:1.35}#construction-controls button{padding:6px 10px}#construction-controls .construction-skip{padding:6px}#live-test.compact{bottom:12px}}
.brace-goal-label{display:flex;align-items:center;gap:6px}.term-help{padding:0;width:28px;height:28px;flex-shrink:0;border-radius:50%;font-size:13px;color:var(--mint);background:transparent}.tool-help{position:fixed;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:17px;z-index:80;pointer-events:auto;word-break:keep-all}.tool-help strong{display:block;font-size:15px;color:var(--mint)}.tool-help p{font-size:12px;line-height:1.75;margin:9px 0}.tool-help small{display:block;font-size:11px;line-height:1.65;color:var(--cyan)}#test-button.test-unprepared{background:#f1c487;color:#292219;border-color:var(--orange)}#test-button.test-unprepared:hover{background:#ffdda9}
.reference-panel{position:absolute;left:24px;top:94px;width:300px;padding:20px;z-index:7}.reference-panel h2{font-size:22px;margin:10px 20px 12px 0}.reference-panel p{font-size:12px;line-height:1.6;margin:9px 0;word-break:keep-all}.reference-panel #reference-conditions{color:var(--orange);min-height:39px}.reference-nav,.reference-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.reference-nav button{padding:7px 13px}.reference-nav b{font-size:12px;color:var(--mint)}#reference-material{font-size:13px;color:var(--cyan)}#reference-pair{font-size:13px;font-variant-numeric:tabular-nums}#reference-status{min-height:39px;color:var(--muted)}#reference-highlight{width:100%;padding:11px 6px;font-size:12px}.reference-actions button{flex:1;font-size:12px;padding:9px}.reference-panel small{display:block;font-size:10px;line-height:1.6;min-height:32px}@media(max-height:720px){.reference-panel{top:80px;padding:14px}.reference-panel h2{margin:7px 20px 7px 0;font-size:20px}.reference-panel p{margin:6px 0}.reference-nav,.reference-actions{margin:8px 0}}@media(max-width:680px){.reference-panel{top:70px;left:12px;width:min(300px,calc(100% - 24px))}}@media(max-height:520px) and (min-width:681px){.reference-panel{width:520px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.reference-panel>.eyebrow,.reference-panel>h2,.reference-panel>#reference-conditions,.reference-panel>.reference-nav{grid-column:1}.reference-panel>#reference-material{grid-column:2;grid-row:1 / span 2;align-self:end}.reference-panel>#reference-pair{grid-column:2;grid-row:3}.reference-panel>#reference-status{grid-column:2;grid-row:4}.reference-panel>#reference-highlight{grid-column:1}.reference-panel>.reference-actions{grid-column:2;grid-row:5;margin:0}.reference-panel>small{grid-column:1 / -1;margin-top:8px;min-height:0}}
.scenario-link{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;font-size:11px;padding:10px 0;background:transparent!important;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--cyan);text-align:left}.scenario-link span:last-child{white-space:nowrap}.mission-card .scenario-link{margin:-9px 0 14px}.scenario-panel{position:absolute;right:25px;top:145px;width:310px;padding:22px;z-index:7}.scenario-panel h2{font-size:22px;margin:12px 16px 10px 0;word-break:keep-all}.scenario-dimensions{font-size:11px;color:var(--muted);line-height:1.6}.floor-load-row{display:flex;align-items:center;gap:10px;font-size:12px;margin:14px 0}.floor-load-row meter{flex:1;min-width:0;height:12px;accent-color:var(--orange)}.floor-load-row b{font-variant-numeric:tabular-nums;color:var(--orange)}.scenario-bias{font-size:12px;color:var(--orange);padding:12px 0;border-block:1px solid var(--line);line-height:1.5}.scenario-strategy{font-size:12px;line-height:1.8;margin:12px 0;word-break:keep-all}.scenario-panel small{display:block;font-size:10px;line-height:1.7}.scenario-link:focus-visible{outline-offset:1px}
@media(max-width:680px){.scenario-panel{right:12px;top:72px;width:min(310px,calc(100% - 24px));padding:17px}}@media(max-height:620px) and (min-width:681px){.scenario-panel{top:132px;padding:16px}.scenario-panel h2{font-size:20px;margin:7px 16px 8px 0}.floor-load-row{margin:10px 0}.scenario-strategy{margin:9px 0}.briefing-card .scenario-link{padding:7px 0}.briefing-card .brief-copy{margin:9px 0}}
/* Native Korean AM/PM time controls need space for both segments and the picker icon. */
#time-panel .time-input-row input{flex:1;width:150px;min-width:145px;font-size:14px}#time-panel .time-input-row button{flex:0 0 auto;padding:9px 8px;font-size:11px}
.time-panel{position:absolute;right:25px;top:145px;width:310px;padding:22px;z-index:7}.time-panel h2{margin:9px 0 12px;font-size:23px}.time-panel p{font-variant-numeric:tabular-nums;color:var(--mint);margin-bottom:17px}.time-panel label{display:block;font-size:11px;color:var(--muted);margin:12px 0 7px}.time-input-row{display:flex;gap:7px}.time-input-row input{min-width:0;width:116px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#253438;color:var(--ink);font:inherit}.time-input-row button{flex:1;font-size:12px;padding:9px}.time-presets{display:flex;gap:6px;margin:9px 0}.time-presets button{flex:1;font-size:12px;padding:8px 4px}#site-time-toggle{width:100%;font-size:12px;margin:6px 0;padding:10px}.time-panel small{display:block;font-size:10px;margin-top:13px}.time-panel input:focus-visible{outline:3px solid var(--mint);outline-offset:2px}#site-time-button{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mint)}@media(max-width:680px){.time-panel{right:12px;top:72px;width:min(310px,calc(100% - 24px));padding:16px}.topbar .phase{display:none}.time-panel h2{font-size:20px;margin:6px 0}.time-panel p{margin-bottom:8px}}@media(max-height:620px) and (min-width:681px){.time-panel{top:132px;padding:16px}.time-panel h2{font-size:20px;margin:6px 0}.time-panel p{margin-bottom:7px}.time-panel label{margin:8px 0 4px}.time-panel small{margin-top:7px}}
@media(min-width:681px){#interface .result-card{top:145px;bottom:auto;transform:none}}#result-detail,#live-detail{white-space:pre-line}#construction-controls:not([hidden]){display:flex;justify-content:center;gap:8px}#construction-controls button{font-size:12px;padding:8px 12px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10171a;color:var(--ink)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:1px solid var(--line);background:#283638;padding:11px 15px;border-radius:9px;cursor:pointer;transition:background .16s,transform .16s,border-color .16s}button:hover{background:#3d4b49;border-color:#baffad70}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button[aria-pressed=true],button.active{background:var(--mint);border-color:var(--mint);color:#162921}button.primary{background:var(--mint);color:#15291e;font-weight:750;border-color:transparent}button.primary:hover{background:#d1ffc7}button.primary:disabled{background:#829580;color:#29362b}.primary span{margin-left:18px}h1,h2,h3,p{margin:0}h2{font-size:24px;letter-spacing:-.045em;line-height:1.2}h3{font-size:14px;margin:20px 0 10px}small{color:var(--muted);line-height:1.5}[hidden]{display:none!important}progress{appearance:none;width:100%;height:4px;border:0;border-radius:8px;overflow:hidden}progress::-webkit-progress-bar{background:#baffad15}progress::-webkit-progress-value{background:var(--mint);transition:width .2s}progress::-moz-progress-bar{background:var(--mint)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#game-shell{position:fixed;inset:0;overflow:hidden}#unity-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;background:#10171a}#interface{position:absolute;inset:0;pointer-events:none}#interface::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06111440,transparent 22%,transparent 78%,#06111460)}[data-ui]{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 44px #0002;backdrop-filter:blur(18px)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:var(--mint)}.subtle,.footnote{color:var(--muted)}.footnote{font-size:11px;line-height:1.7}
.topbar{height:74px;position:absolute;top:0;left:0;right:0;padding:0 28px;display:flex;align-items:center;gap:38px;background:linear-gradient(#101a20f5,#101a20c9);border-bottom:1px solid var(--line);z-index:5}.brand{font-size:26px;letter-spacing:-.07em;font-weight:900;text-decoration:none;color:var(--ink);white-space:nowrap}.brand>span{color:var(--mint)}.brand small{font-size:9px;letter-spacing:.13em;font-weight:600;margin-left:16px;vertical-align:middle}.phase{display:flex;gap:10px;align-items:center;font-size:12px;color:#c0cfcd;white-space:nowrap}.phase i{width:6px;height:6px;border-radius:50%;background:var(--mint)}.phase .subtle{border-left:1px solid var(--line);padding-left:10px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.top-actions button{font-size:11px;padding:9px 10px;background:transparent}.wallet{font-size:11px;color:var(--muted);margin-right:20px}.wallet b{display:block;font-variant-numeric:tabular-nums;font-size:15px;color:var(--ink);margin-top:2px}
.briefing-card{position:absolute;left:5vw;top:50%;transform:translateY(-45%);width:min(440px,calc(100vw - 40px));padding:30px;z-index:3}.briefing-card .eyebrow{display:flex;justify-content:space-between}.briefing-card h1{font-size:38px;letter-spacing:-.065em;margin:18px 0 12px}.client{font-weight:650;font-size:13px}.client span{margin-left:8px;font-size:11px;color:var(--muted);font-weight:400}.brief-copy{font-size:14px;color:#bfcecc;line-height:1.85;margin:19px 0 22px;word-break:keep-all}.contract-stats{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contract-stats span{display:block;color:var(--muted);font-size:11px}.contract-stats b{display:block;font-size:18px;margin-top:7px;font-variant-numeric:tabular-nums}.risk-select{display:flex;gap:6px;margin:19px 0 12px}.risk-select button{flex:1;padding:9px;font-size:12px}.accept-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.mission-card{position:absolute;left:24px;top:99px;width:258px;padding:21px;z-index:3}.mission-card h2{font-size:22px;margin:11px 0 22px}.goal-row,.cost-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:8px}.goal-row b{font-size:16px;color:var(--mint)}.mission-card progress{margin:11px 0 12px}.mission-card p{font-size:12px;color:var(--muted);line-height:1.7;min-height:41px;word-break:keep-all}.text-button{border:0;background:transparent!important;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;color:var(--mint);font-size:12px}.cost-row{margin-top:6px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}.cost-row b{color:var(--ink);font-size:14px}.view-controls{position:absolute;right:25px;top:95px;display:flex;gap:4px;align-items:center;border-radius:11px;padding:5px;background:#152227e6;border:1px solid var(--line);z-index:3}.view-controls button{background:transparent;border-color:transparent;padding:8px 10px;font-size:11px}.view-controls span{height:16px;border-left:1px solid var(--line);margin:0 4px}
#nodes{position:absolute;inset:0;pointer-events:none;z-index:1}
/* Only the marker shrinks/fades; the hit target and tooltip stay usable. */
#nodes .socket{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;border-radius:50%;pointer-events:auto;box-shadow:none;will-change:left,top;transition:none}
.socket-marker{position:absolute;left:50%;top:50%;width:25px;height:25px;transform:translate(-50%,-50%) scale(var(--socket-scale,1));opacity:var(--socket-opacity,1);filter:blur(var(--socket-blur,0px));border:1px solid #f7b869;background:#bd7d223a;border-radius:50%;box-shadow:0 0 0 4px #edb4740a;pointer-events:none;transition:transform .12s,opacity .12s,filter .12s}
.socket-marker::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#ffd296}
.socket.valid .socket-marker{border-color:var(--mint);background:#baffad30}.socket.valid .socket-marker::after{background:var(--mint)}
.socket.selected .socket-marker{background:var(--cyan);border-color:white;box-shadow:0 0 0 5px #71e0df26}.socket.selected .socket-marker::after{background:white}
.socket.suggested .socket-marker{box-shadow:0 0 0 9px #baffad25,0 0 22px #baffad99;border:2px solid var(--mint);animation:beacon 1.5s infinite}
.socket.unavailable .socket-marker{opacity:calc(var(--socket-opacity,1) * .4)}
.socket:is(:hover,:focus-visible) .socket-marker{opacity:1;filter:none;transform:translate(-50%,-50%) scale(max(.98,var(--socket-scale,1)));border-color:#fff1cc}
.socket span{display:none}.socket:hover span,.socket:focus-visible span{position:absolute;display:block;bottom:34px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#142227ed;color:var(--ink);padding:7px 10px;border:1px solid var(--line);border-radius:6px;font-size:10px}
.analysis-card{position:absolute;right:25px;top:153px;width:228px;padding:20px;z-index:3}.analysis-card h2{font-size:20px;margin:10px 0}.analysis-card p{font-size:11px;color:var(--muted);margin-bottom:16px}.analysis-card div{display:flex;justify-content:space-between;font-size:12px;margin:12px 0}.analysis-card b{color:var(--cyan)}.analysis-card small{font-size:10px}
.toolbar{position:absolute;bottom:30px;left:24px;right:24px;display:flex;align-items:center;gap:18px;padding:12px 16px;border-radius:14px;z-index:4}.build-tools{display:flex;gap:5px}.build-tools button{display:flex;align-items:center;gap:10px;border:0;padding:11px 15px;background:transparent;font-size:13px}.build-tools button.active{background:var(--mint)}.tool-symbol{font-size:21px}.toolbar kbd{font:10px/1 system-ui;opacity:.55;border:1px solid currentColor;padding:3px;border-radius:3px}.toolbar>button{font-size:12px;background:transparent;padding:13px}.test-action{margin-left:auto;display:flex;align-items:center;gap:20px}.test-action>span{font-size:11px;color:var(--muted)}.test-action .primary{padding:15px 24px;white-space:nowrap}.corner-label{position:absolute;bottom:9px;right:28px;font-size:8px;letter-spacing:.2em;color:#a6c5bd66}#toast{position:absolute;bottom:119px;left:50%;transform:translateX(-50%);background:#203430ee;border:1px solid #baffad40;padding:13px 22px;max-width:550px;border-radius:10px;box-shadow:0 6px 25px #0003;font-size:13px;line-height:1.5;pointer-events:none;text-align:center;z-index:8}
.live-test{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:min(440px,80vw);padding:23px;text-align:center;z-index:3}.live-test h2{margin:12px 0 18px}.live-test p{font-size:12px;color:var(--muted);margin-top:13px}.result-card{position:absolute;right:28px;top:50%;transform:translateY(-40%);width:365px;padding:27px;z-index:3}.result-card h2{margin:11px 0 12px}.result-score{font-size:58px;letter-spacing:-.065em;font-weight:800;color:var(--mint);font-variant-numeric:tabular-nums}.result-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:9px 0 20px}.reward-row{display:flex;justify-content:space-between;font-size:13px;padding:17px 0;border-block:1px solid var(--line)}.reward-row b{color:var(--orange)}.result-actions{display:grid;gap:8px;margin-top:20px}.result-secondary{display:flex;gap:7px;margin-top:9px}.result-secondary button{flex:1;font-size:11px;padding:9px;background:transparent}.replay-bar{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);padding:12px;display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap;z-index:4}.replay-bar button{font-size:12px}
.drawer{position:absolute;top:92px;bottom:118px;left:24px;width:300px;padding:23px;overflow:auto;z-index:6}.drawer h2{margin:12px 0 18px}.drawer>p{color:var(--muted);font-size:12px;line-height:1.8;margin:14px 0}.drawer-close{position:absolute;right:10px;top:10px;padding:5px 10px;background:transparent;border:0;font-size:20px}.choice-list{display:flex;gap:6px}.choice-list button{flex:1;padding:11px 5px;font-size:12px}.choice-list small{display:block;font-size:9px;margin-top:7px}.choice-list .active small{color:#294335}#settings-panel>button:not(.drawer-close){display:block;width:100%;margin:8px 0;text-align:left;font-size:12px}.native-close{position:absolute;top:80px;left:50%;transform:translateX(-50%);z-index:50;background:#304e46;border-color:var(--mint)}.native-mode>*:not(.native-close){display:none!important}
.loading-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:radial-gradient(ellipse at 50% 65%,#263e35 0,transparent 60%),#101a1e;z-index:100;text-align:center;padding:30px}.loading-cover h1{font-size:clamp(64px,10vw,120px);font-weight:850;letter-spacing:-.075em;line-height:1}.logo-dot{color:var(--mint)}.loading-cover p{color:var(--muted);font-size:14px}.loading-cover progress{width:min(340px,75vw);margin-top:32px}.loading-cover #loading-status{font-size:11px;color:var(--muted)}#fatal-screen h1{font-size:30px}#fatal-message{max-width:600px;line-height:1.8}
@keyframes beacon{50%{box-shadow:0 0 0 5px #baffad10,0 0 30px #baffad60}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1050px){.topbar{padding:0 20px;gap:20px}.brand small{display:none}.toolbar{gap:7px;padding:10px}.build-tools button{padding:10px;gap:6px}.test-action>span{display:none}.test-action .primary{padding:15px}.mission-card{width:228px;padding:17px;left:18px}.view-controls{right:18px}.wallet{margin-right:6px}.result-card{width:330px}.briefing-card{padding:25px}}
@media(max-height:720px){.topbar{height:62px}.briefing-card{top:75px;bottom:22px;transform:none;width:390px;padding:22px;display:flex;flex-direction:column;justify-content:center}.briefing-card h1{font-size:31px;margin:10px 0}.brief-copy{font-size:12px;line-height:1.7;margin:13px 0}.contract-stats{padding:12px 0}.contract-stats b{font-size:16px}.risk-select{margin:13px 0 10px}.mission-card{top:84px}.mission-card h2{margin:9px 0 16px}.view-controls{top:81px}.toolbar{bottom:23px}.result-card{top:85px;bottom:105px;transform:none;padding:20px;width:320px}.result-score{font-size:45px}.result-card p{margin:5px 0 10px}.result-actions{margin-top:12px}.analysis-card{top:137px}.drawer{top:82px}.result-card h2{font-size:21px}}
@media(max-width:680px){.topbar{height:58px;padding:0 12px;gap:14px}.brand{font-size:23px}.phase{font-size:10px}.top-actions{gap:3px}.wallet{display:none}.top-actions button{font-size:10px;padding:8px}.briefing-card{left:14px;top:75px;bottom:20px;width:calc(100% - 28px);max-width:400px;transform:none}.brief-copy{font-size:13px}.mission-card{top:72px;left:12px;width:196px;padding:14px}.mission-card h2{font-size:19px}.mission-card p{font-size:11px}.view-controls{top:auto;bottom:102px;right:12px;padding:3px}.view-controls button{font-size:10px;padding:8px}.toolbar{left:10px;right:10px;bottom:22px;gap:5px;padding:7px}.build-tools{gap:0}.build-tools button{padding:8px;font-size:11px;gap:4px}.tool-symbol{font-size:18px}.toolbar kbd{display:none}.toolbar>button{font-size:10px;padding:8px}.test-action .primary{padding:13px 11px;font-size:11px}.test-action .primary span{display:none}.analysis-card{right:12px;top:72px;width:160px;padding:13px}.analysis-card h2{font-size:17px}.analysis-card p{font-size:10px;line-height:1.5}.result-card{right:12px;top:80px;bottom:auto;width:calc(100% - 24px);max-width:340px;transform:none;padding:22px}.drawer{left:12px;top:72px;bottom:153px;width:min(300px,calc(100% - 24px))}#toast{bottom:157px;width:calc(100% - 24px);font-size:12px;padding:10px}.replay-bar{width:calc(100% - 20px);flex-wrap:wrap;justify-content:center;gap:6px}.corner-label{font-size:7px}.socket{width:27px;height:27px}}
@media(max-height:520px) and (min-width:681px){.mission-card{width:460px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:14px}.mission-card>.eyebrow{grid-column:1;grid-row:1}.mission-card>h2{grid-column:1;grid-row:2;margin:6px 0;font-size:19px}.mission-card>.scenario-link{grid-column:1;grid-row:3;margin:0;padding:7px 0}.mission-card>.goal-row{grid-column:2;grid-row:1}.mission-card>progress{grid-column:2;grid-row:2;align-self:center;margin:0}.mission-card>#build-instruction{display:none}.mission-card>[data-command="hint"]{grid-column:2;grid-row:3;padding:8px 0}.mission-card>#reference-open{grid-column:2;grid-row:4;padding:8px 0}.mission-card>.cost-row{grid-column:1;grid-row:4;padding-top:8px;margin:0}.mission-card>[data-panel="materials"]{grid-column:1 / -1;grid-row:5;padding:8px 0}.view-controls{top:auto;bottom:104px}}
@media(max-height:520px) and (min-width:681px){.reference-panel{padding:10px 14px}.reference-panel p{font-size:11px;line-height:1.4;margin:4px 0}.reference-panel h2{font-size:18px;margin:5px 20px 5px 0}.reference-panel .reference-nav{margin:5px 0}.reference-panel #reference-conditions{min-height:0}.reference-panel #reference-status{min-height:0}.reference-panel #reference-highlight{padding:9px 4px;font-size:11px}.reference-panel .reference-actions button{padding:8px 4px;font-size:11px}.reference-panel small{font-size:9px;line-height:1.4}}