:root{--ink:#ecedd7;--muted:#a3b6a3;--dark:#132c28;--gold:#edcc86;--line:#ffffff1c;--mono:ui-monospace,'Cascadia Code','Courier New',monospace}*{box-sizing:border-box}body{margin:0;background:#132c28;color:var(--ink);font-family:Trebuchet MS,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.expedition{min-height:100svh;display:flex;flex-direction:column}.world{position:relative;flex:1;min-height:430px;height:calc(100svh - 235px);overflow:hidden;background:#8fb7a2;isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.world:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(#0c231955,transparent 30%,transparent 80%,#0b251b5c);pointer-events:none}.hud{position:absolute;left:32px;right:32px;top:24px;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:3}.brand{color:#fff4cd;text-decoration:none;font:bold 21px var(--mono);letter-spacing:2px;text-shadow:2px 2px #1c382c}.brand span{display:block;margin:7px 0 0 29px;font:8px var(--mono);letter-spacing:2.8px}.hud-right{display:flex;align-items:center;gap:12px}.date{font:10px var(--mono);color:#f6eed2;text-shadow:1px 1px #274334}.hud button{font:10px var(--mono);color:#efeccc;border:1px solid #deedc83a;background:#123b2e80;padding:9px 11px;backdrop-filter:blur(5px)}.hud button:hover{background:#164633}.eyebrow{font:bold 9px var(--mono);letter-spacing:1.6px;color:var(--muted)}.location{position:absolute;left:33px;top:99px;z-index:2;text-shadow:1px 2px #243f39;color:#fff5d9}.location .eyebrow{color:#e6eac5;font-size:8px}.location h1{font-size:clamp(20px,2.2vw,31px);letter-spacing:-1px;margin:8px 0}.location>span:last-child{font:9px var(--mono);letter-spacing:1px;color:#e2e7bf}.altimeter{position:absolute;right:32px;top:100px;z-index:2;width:152px;background:#102e27a6;border:1px solid #dce4c029;padding:13px 15px;backdrop-filter:blur(5px)}.altimeter .eyebrow{font-size:8px;color:#c3d0ad}.altimeter strong{display:block;font:700 29px var(--mono);margin:8px 0 12px;color:#f5eac7;white-space:nowrap}.altimeter small{font-size:12px;font-weight:400}.ascent-bar{height:4px;background:#b9cd9d30}.ascent-bar i{display:block;height:100%;width:0;background:#f3d386;transition:width .8s}.altimeter-foot{display:flex;justify-content:space-between;font:8px var(--mono);color:#c6d2b0;margin-top:7px}.scene-note{position:absolute;bottom:20px;left:32px;z-index:2;display:flex;gap:8px;align-items:center;color:#eee9c8;font:8px var(--mono);letter-spacing:1px;text-shadow:1px 1px #0d362a}.live-dot{width:5px;height:5px;background:#e7cc82;box-shadow:0 0 8px #f3db8a}.kit-pill{position:absolute;bottom:15px;right:32px;z-index:2;font:10px var(--mono);color:#eee9c8;border:1px solid #d2dfb933;background:#153b2c9e;padding:8px 10px}.shade{position:absolute;inset:0;background:#071019;opacity:0;z-index:4;pointer-events:none}.award{position:absolute;z-index:5;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 38px));text-align:center;filter:drop-shadow(0 8px 24px #0008)}.award .eyebrow{color:#d6e0c0;font-size:9px}.tier-emblem{font:38px var(--mono);color:var(--tier);margin-top:12px}.award h2{font-size:24px;margin:7px 0;color:var(--tier)}.award-points>span{font:bold clamp(46px,6vw,70px) var(--mono);letter-spacing:-4px;color:#fff4d1}.award-points small{display:block;font:8px var(--mono);letter-spacing:3px;color:#c0cbbd;margin-top:2px}.award>p{font-size:18px;text-transform:capitalize;margin:13px 0;color:#fff2cf}.reward-line{display:flex;justify-content:center;gap:25px;font:11px var(--mono);color:#d7dfc0}.award p.award-explanation{font-size:12px;line-height:1.6;color:#c8d2c5;text-transform:none;margin:15px auto;max-width:370px}.award .primary{max-width:265px;margin:18px auto 0}.primary{background:#eccc86;color:#273d2d;border:1px solid #f5dfad;box-shadow:0 3px 0 #8e794d;padding:13px 18px;font-weight:bold;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:17px;transition:background .15s,transform .1s}.primary:hover{background:#f7dda7}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #8e794d}.secondary{border:1px solid #b4c6a448;color:#d9e1c9;background:#ffffff05;padding:10px 13px;font:11px var(--mono)}.secondary:hover{background:#ffffff10}.plant-caption{position:absolute;z-index:3;bottom:15%;width:100%;text-align:center;text-shadow:2px 3px #1a3337}.plant-caption .eyebrow{color:#e9d49c}.plant-caption h2{font-size:35px;letter-spacing:-1px;margin:12px 0}.dock{position:relative;z-index:6;background:linear-gradient(115deg,#17352f,#122923);border-top:2px solid #576945;box-shadow:0 -8px 25px #0b281533;padding:20px 34px 0;min-height:220px}.dock .eyebrow{color:#adc19e}.intro{display:grid;grid-template-columns:1fr 280px;gap:45px;max-width:1320px;margin:auto;padding:4px 0 18px;align-items:center}.intro h2{font-size:29px;margin:9px 0;color:#f2edce;letter-spacing:-1px}.intro p{font-size:13px;color:#afc0ac;line-height:1.6;max-width:670px;margin:0}.intro-action .primary{width:100%}.intro-action small{font:9px/1.5 var(--mono);display:block;margin-top:14px;color:#91aa94;text-align:center}.question-top{display:flex;align-items:center;gap:18px;max-width:1350px;margin:0 auto 11px}.question-top .eyebrow{white-space:nowrap}.question-top>span:last-child{margin-left:auto;font:10px var(--mono);color:#c2d3b1;white-space:nowrap}.dots{display:flex;gap:5px;width:130px}.dot{height:3px;flex:1;background:#77916f55}.dot.current{background:var(--gold)}.question-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;max-width:1350px;margin:auto;padding-bottom:13px}.question-copy h2{font-size:clamp(19px,1.8vw,26px);line-height:1.18;letter-spacing:-.6px;margin:0 0 8px;max-width:740px}.question-copy>p{color:#acc1ab;font-size:11px;line-height:1.6;margin:0;max-width:650px}.rules{margin-top:6px;font:9px/1.6 var(--mono);color:#90ad96}.rules summary{cursor:pointer}.rules p{color:#c4d4b7;margin:6px 0}.answer-area{min-width:0}label{display:block;font:bold 8px var(--mono);letter-spacing:1.5px;color:#b5c9aa;margin-bottom:8px}.answer-row{display:flex;gap:8px}.answer-row input{min-width:0;flex:1;background:#0b231e;border:1px solid #617e58;color:#f5edd3;padding:13px 12px;font-size:14px;border-radius:0}.answer-row input::placeholder{color:#7b977f}.answer-row .primary{white-space:nowrap}.answer-actions{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.text-button{font:9px var(--mono);border:0;background:none;padding:3px 0;color:#a8bf9a;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:#efdbab}.feedback{color:#e6c38b;font-size:11px;line-height:1.5;margin:7px 0}.feedback:empty{display:none}.suggestions,.guide{border:1px solid #657b534f;background:#0b221df5;padding:12px;margin-top:10px;font:10px var(--mono)}.suggestions>span{color:#ecdaac}.suggestions small{display:block;font:9px/1.6 var(--mono);color:#99b39a;margin-top:8px}.suggestions button,.guide button{border:1px solid #8da77380;background:#344d36;color:#e7edce;padding:6px 9px;margin:6px 6px 0 0;font-size:11px}.guide p{color:#a1b69e;font-size:10px;margin:0 0 5px}.tier-strip{display:flex;justify-content:center;gap:25px;max-width:1350px;border-top:1px solid #b0c29320;padding:11px 0 12px;margin:auto;flex-wrap:wrap}.tier{display:flex;gap:7px;align-items:center;font:8px var(--mono);color:#92a98f}.tier i{display:inline-block;width:5px;height:5px;background:var(--tier)}.tier b{color:var(--tier);font-size:10px}.tier.active{color:#f2eacb}.travel-message{min-height:128px;text-align:center;padding-top:10px}.travel-message h2{font-size:24px;letter-spacing:-.7px;margin:12px 0 6px}.travel-message p{font-size:12px;color:#95af98}.finish-dock{display:grid;grid-template-columns:1fr auto;gap:20px;max-width:1320px;margin:auto;padding:3px 0 22px;align-items:center}.finish-dock h2{font-size:31px;letter-spacing:-1px;margin:8px 0}.finish-dock p{color:#abc0a2;font:11px var(--mono);line-height:1.7}.finish-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finish-actions .text-button{grid-column:1/-1}dialog{background:#162e29;color:#eee7cb;border:1px solid #6b835b;width:calc(100% - 32px);max-width:530px;max-height:88svh;overflow-y:auto;padding:25px;box-shadow:0 15px 90px #0009;scrollbar-color:#5c7655 #10241f}dialog::backdrop{background:#071612c4;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}dialog h2{font-size:30px;letter-spacing:-1px;margin:25px 0 12px}dialog p{font-size:13px;line-height:1.7;color:#b4c3ad}.micro{font:10px/1.7 var(--mono)!important;color:#93a68e!important}.report-dialog{max-width:900px}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.metric{border:1px solid #7d93613b;background:#213d31;padding:17px}.metric strong{display:block;font:bold 27px var(--mono);color:#f2d59b}.metric span{display:block;font:9px var(--mono);margin-top:8px;color:#a5b798}.comparison{background:#0d231e;border:1px solid #74865c33;padding:19px;margin:20px 0}.sim-label{font:bold 9px var(--mono);color:#e3c387;letter-spacing:.8px}.comparison h3{font-size:22px;margin:14px 0 7px}.comparison p{font-size:12px}.histogram{display:flex;gap:10px;align-items:end;height:125px;padding-top:10px}.hist-column{flex:1;display:flex;flex-direction:column;justify-content:end;height:100%;text-align:center}.hist-column i{display:block;background:#6d8c5c;min-height:2px}.hist-column.you i{background:#e9c77d}.hist-column span{font:8px var(--mono);margin-top:7px;color:#a1b394}.hist-column b{font:8px var(--mono);color:#d7dcb7;margin-bottom:5px}.report-actions{display:flex;gap:12px;flex-wrap:wrap}.report-actions .primary{flex:1}.answer-heading{margin-top:30px}.answer-card{border:1px solid #6f835c3f;background:#1b352b;margin:10px 0}.answer-card>summary{padding:16px;cursor:pointer;font-size:13px;line-height:1.5}.answer-card>summary span{display:block;color:#b8c8a8;font:10px/1.6 var(--mono);margin:5px 0 0 15px}.answer-tiers{padding:0 16px 15px}.answer-tier{padding:13px 0;border-top:1px solid #849a6c30}.answer-tier h4{color:var(--tier);font:11px var(--mono);margin:0 0 10px}.answer-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.answer-item{border:1px solid #81966725;padding:10px;background:#11271f}.answer-item.picked{border-color:#edce82;background:#374333}.answer-item b{font-size:12px;text-transform:capitalize;color:#e5e5c9}.answer-item p{font-size:10px;line-height:1.5;margin:6px 0}.answer-item small{display:block;font:9px/1.5 var(--mono);color:#a0b192}.answer-item details{font-size:10px;color:#c4ceb3;margin-top:7px}.answer-item summary{cursor:pointer}.answer-item details small{margin-top:5px}textarea{width:100%;height:130px;color:#e5e9cd;background:#0e251f;border:1px solid #6f855d;padding:10px;font:11px/1.5 var(--mono)}@media(min-width:1600px){.dock{padding:24px 50px 0}.world{height:calc(100svh - 250px)}}@media(max-width:900px){.dock{padding:18px 22px 0}.question-layout{gap:23px}.hud{left:22px;right:22px}.location{left:22px}.altimeter{right:22px}.date{display:none}.tier-strip{gap:15px}.tier{font-size:7px}.intro{gap:25px;grid-template-columns:1fr 235px}}@media(max-width:650px){.world{min-height:370px;height:53svh;flex:1}.hud{top:17px;left:16px;right:16px}.brand{font-size:15px;letter-spacing:1px}.brand span{font-size:6px;letter-spacing:1.6px;margin-left:21px}.hud-right{gap:6px}.hud button{font-size:8px;padding:7px}.location{left:16px;top:79px}.location h1{font-size:20px}.location .eyebrow{font-size:6px;letter-spacing:1px}.location>span:last-child{font-size:7px}.altimeter{width:112px;right:16px;top:79px;padding:10px}.altimeter .eyebrow{font-size:6px}.altimeter strong{font-size:22px;margin:7px 0 9px}.altimeter-foot{font-size:7px}.scene-note{left:16px;bottom:14px;font-size:6px;max-width:65%;line-height:1.6}.kit-pill{right:16px;bottom:12px;font-size:8px}.dock{padding:16px 16px 0;min-height:0}.intro{display:block;padding-bottom:14px}.intro h2{font-size:25px}.intro p{font-size:11px}.intro-action{margin-top:14px}.intro-action small{display:none}.intro .primary{max-width:300px}.question-layout{grid-template-columns:1fr;gap:12px}.question-copy h2{font-size:20px}.question-copy>p{font-size:10px;max-width:100%}.question-top{gap:10px}.question-top .eyebrow{font-size:8px;letter-spacing:.5px}.dots{width:85px}.question-top>span:last-child{font-size:9px}.answer-row input{font-size:13px;padding:12px 10px}.answer-row .primary{padding:11px 13px;font-size:12px}.tier-strip{justify-content:space-between;gap:8px;padding:9px 0}.tier{display:block;text-align:center;max-width:60px;font-size:6px;line-height:1.5}.tier i{display:none}.tier b{display:block;font-size:10px}.award{max-width:330px}.award .eyebrow{font-size:8px}.tier-emblem{font-size:24px;margin-top:9px}.award h2{font-size:21px;margin:5px 0}.award-points>span{font-size:47px}.award>p{font-size:15px;margin:9px 0}.award p.award-explanation{font-size:10px;line-height:1.5;margin:10px auto}.award .primary{margin-top:12px;padding:10px 16px}.reward-line{font-size:9px;gap:20px}.finish-dock{display:block;padding-bottom:15px}.finish-dock h2{font-size:25px}.finish-dock p{font-size:10px}.finish-actions{margin-top:15px}.plant-caption h2{font-size:29px}.plant-caption .eyebrow{font-size:8px}.plant-caption{bottom:16%}.report-dialog{padding:18px}.report-metrics{gap:7px}.metric{padding:12px 8px}.metric strong{font-size:21px}.metric span{font-size:8px}.answer-list{grid-template-columns:1fr}.histogram{gap:5px}.hist-column span{font-size:7px}dialog h2{font-size:25px}.dialog-top .eyebrow{font-size:8px;letter-spacing:.5px}.secondary{font-size:9px}.travel-message h2{font-size:21px}.travel-message{min-height:145px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep the controls docked while preserving a large, responsive art viewport. */
.expedition{height:100svh;min-height:640px}.world{height:auto!important;min-height:min(360px,50svh);flex:1}.dock{flex-shrink:0;max-height:55svh;overflow-y:auto;scrollbar-color:#536f4b #132c28}

/* Floating controls: the landscape continues behind and around every panel. */
.expedition{position:relative;height:100svh;min-height:580px;display:block;overflow:hidden}.world{position:absolute;inset:0;height:100%!important;min-height:0;width:100%}.dock{position:absolute;inset:0;z-index:5;min-height:0;max-height:none;overflow:visible;padding:0;background:none;border:0;box-shadow:none;pointer-events:none}.dock>div{pointer-events:auto}#question{position:absolute;inset:0;pointer-events:none}.question-layout{display:contents}.question-top{position:absolute;top:21%;left:50%;transform:translateX(-50%);width:min(500px,calc(100% - 46px));margin:0;gap:12px;pointer-events:auto}.question-top .eyebrow{font-size:8px;color:#ede7c8;text-shadow:1px 1px #19372d;max-width:70%;overflow:hidden;text-overflow:ellipsis}.question-top .dots{width:90px}.question-top>span:last-child{font-size:9px;color:#fff0c6;text-shadow:1px 1px #19372d}.question-copy{position:absolute;left:50%;top:25%;transform:translateX(-50%);width:min(500px,calc(100% - 46px));padding:20px 24px;background:#102823ed;border:1px solid #d4dfba45;box-shadow:4px 4px 0 #091f2177;pointer-events:auto;max-height:35svh;overflow:auto}.question-copy h2{font-family:var(--mono);font-size:22px;line-height:1.35;letter-spacing:-.7px;margin:0 0 8px}.rules{font-size:9px}.rules summary{color:#c9d5b0}.rules p{font:11px/1.6 var(--mono)}.answer-area{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);width:min(560px,calc(100% - 46px));pointer-events:auto}.input-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px}.input-heading label{margin:0;color:#e6e8ce;text-shadow:1px 1px #153129}.countdown{font:11px var(--mono);color:#f1e5bf;background:#102823e8;border:1px solid #b5c69d70;padding:6px 10px;min-width:53px;text-align:center}.countdown b{font-size:18px;margin-right:2px}.countdown.urgent{color:#ffb4a3;border-color:#ef9a82;background:#411e1ef5}.answer-row{gap:8px}.answer-row input{background:#0c211feb;border-color:#b8cc9970;box-shadow:3px 3px 0 #0b1f225c;padding:15px 13px}.answer-row .primary{background:#d9c88c;border-color:#f1dfa5;box-shadow:3px 3px 0 #081c2055}.time-track{height:3px;background:#163c2e90;margin:5px 0}.time-track i{display:block;height:100%;width:100%;background:#d6cd8e;transition:width .1s linear}.answer-actions{margin-top:7px}.text-button{color:#e2e5c8;text-shadow:1px 1px #123126}.feedback{padding:5px 8px;background:#0b241fe8;margin:6px 0;color:#f2d39b}.suggestions,.guide{position:absolute;bottom:100%;left:0;right:0;max-height:170px;overflow:auto;margin:0 0 8px;background:#102923fa;box-shadow:0 -5px 20px #071b1d40}.tier-strip{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);border:0;padding:0;gap:10px;flex-wrap:nowrap;pointer-events:none!important}.tier{padding:5px 7px;background:#102823d6;border:1px solid #aabf8c25;font-size:7px;color:#d2ddc5}.tier b{font-size:9px}.tier.active{border-color:var(--tier);color:var(--tier)}.tier i{width:5px;height:5px}.intro{position:absolute;left:50%;top:29%;transform:translateX(-50%);display:block;width:min(470px,calc(100% - 46px));padding:24px;background:#102823ed;border:1px solid #d4dfba45;box-shadow:5px 5px 0 #091f2166}.intro h2{font-size:30px}.intro p{font-size:12px}.intro-action{margin-top:18px}.intro-action .primary{width:100%}.intro-action small{font-size:9px;margin-top:12px}.award{top:25%;transform:translateX(-50%);background:#102524d9;border:1px solid var(--tier);border-top:3px solid var(--tier);padding:17px 21px;width:min(355px,calc(100% - 48px));filter:none;box-shadow:0 10px 35px #071a2066}.award .eyebrow{font-size:8px}.tier-emblem{display:none}.award h2{font:700 17px var(--mono);margin:8px 0;color:var(--tier)}.award-points>span{font-size:55px;color:var(--tier);text-shadow:0 0 18px color-mix(in srgb,var(--tier) 25%,transparent)}.award-points small{font-size:7px;margin-top:0}.award>p{font-size:14px;margin:9px 0}.reward-line{font-size:10px}.award p.award-explanation{font-size:10px;line-height:1.5;margin:10px 0}.award .primary{margin-top:12px;font-size:11px;padding:9px 14px;width:100%;max-width:none;background:var(--tier);border-color:var(--tier);box-shadow:0 2px 0 #091c1a}.award .primary:disabled{opacity:.5}.travel-message{display:none!important}.finish-dock{position:absolute;left:50%;top:27%;transform:translateX(-50%);display:block;width:min(450px,calc(100% - 46px));padding:23px;background:#102823eb;border:1px solid #e6d59b50;box-shadow:5px 5px 0 #0b212355}.finish-dock h2{font-size:28px}.finish-actions{margin-top:19px}.plant-caption{bottom:auto;top:27%;}.answer-item.picked{border-color:var(--tier);background:#304234}.scene-note{bottom:25px}.kit-pill{bottom:22px}
@media(max-width:700px){.expedition{min-height:620px}.question-top{top:22%;width:calc(100% - 40px)}.question-top .eyebrow{font-size:7px;letter-spacing:.3px}.question-top .dots{width:65px}.question-copy{top:26%;width:calc(100% - 40px);padding:15px 17px;max-height:27svh}.question-copy h2{font-size:18px}.answer-area{width:calc(100% - 40px);bottom:62px}.answer-row input{font-size:13px;padding:13px 10px}.input-heading label{font-size:7px}.answer-actions .text-button{font-size:8px}.tier-strip{bottom:15px;gap:4px;width:calc(100% - 30px);justify-content:center}.tier{padding:5px 4px;max-width:75px;flex:1;font-size:6px;line-height:1.4}.tier i{display:none}.tier b{font-size:10px}.scene-note,.kit-pill{bottom:167px;font-size:6px}.scene-note{max-width:52%}.intro{top:25%;padding:21px}.intro h2{font-size:25px}.intro-action small{display:block}.award{top:23%;padding:14px 17px;max-width:330px}.award h2{font-size:15px}.award-points>span{font-size:47px}.award p.award-explanation{font-size:9px}.finish-dock{top:25%;padding:20px}.finish-dock h2{font-size:24px}.suggestions,.guide{max-height:150px}.hud{z-index:7}.location{top:77px}.location h1{font-size:18px}.altimeter{top:77px;width:108px}.altimeter strong{font-size:21px}}
@media(max-height:650px) and (min-width:701px){.question-top{top:20%}.question-copy{top:25%;padding:15px 20px;max-height:28svh}.question-copy h2{font-size:19px}.award{top:17%;padding:12px 18px}.award p.award-explanation{max-height:38px;overflow:auto}.award-points>span{font-size:43px}.intro{top:24%;padding:20px}.intro p{font-size:11px}}

/* Compact audio settings stay in Field notes, not over the landscape. */
.sound-settings{margin:22px 0;padding:16px;border:1px solid #45644f;background:#142d27}.sound-settings label{display:flex;justify-content:space-between;color:#e5e6cf;font-size:14px}.sound-settings input{width:100%;margin:14px 0;accent-color:#edc771}.sound-settings .micro{margin:0}

/* Borderless reward reveal: only the tier, earned score and a quiet next action. */
.award{top:27%;width:min(640px,calc(100% - 40px));max-width:none;padding:12px 0;background:none;border:0;box-shadow:none;filter:none;pointer-events:none}
.award h2{font:700 clamp(17px,2.5vw,30px) var(--mono);letter-spacing:2px;text-transform:uppercase;line-height:1.4;margin:0 0 6px;color:var(--tier);text-shadow:0 3px 12px #000b}
.award-points>span{display:block;font:800 clamp(88px,14vw,156px)/1.05 var(--mono);letter-spacing:-5px;color:var(--tier);text-shadow:0 4px 0 #0003,0 0 30px color-mix(in srgb,var(--tier) 25%,transparent)}
.award:not([hidden]) h2,.award:not([hidden]) .award-points{animation:reward-reveal .45s cubic-bezier(.16,1,.3,1) both}
.award[data-tier="4"] .award-points>span{text-shadow:0 0 16px #ffd16a88,0 0 55px #f9b92b55,0 5px 0 #5f3b1833}
.reward-next{pointer-events:auto;display:inline-block;margin:22px auto 0;padding:9px 3px;border:0;border-bottom:1px solid #eee7cb66;background:transparent;color:#eee7cb;font:11px var(--mono);letter-spacing:.7px;cursor:pointer}
.reward-next:hover{color:var(--tier);border-color:var(--tier)}.reward-next:disabled{opacity:.35;cursor:default}
.correction-undo{display:block;font-size:10px;margin:3px 0 8px}
@keyframes reward-reveal{from{opacity:0;transform:translateY(12px) scale(.91)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.award{top:29%;width:calc(100% - 30px);max-width:none;padding:0}.award h2{font-size:17px;letter-spacing:1px}.award-points>span{font-size:104px}.reward-next{margin-top:16px}}
@media(max-height:650px) and (min-width:701px){.award{top:23%;padding:0}.award h2{font-size:22px}.award-points>span{font-size:100px}.reward-next{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.award:not([hidden]) h2,.award:not([hidden]) .award-points{animation:none}}

/* Upper-tier celebration: scenery-only camera shake, stable controls, no flash. */
.reward-fx{z-index:5;pointer-events:none}
.award{z-index:6}
.award[data-tier="3"]:not([hidden]) .award-points{animation:genius-score .52s cubic-bezier(.16,1,.3,1) both}
.award[data-tier="4"]:not([hidden]) .award-points{animation:legend-score .85s cubic-bezier(.16,1,.3,1) both}
.award[data-tier="4"]:not([hidden]) h2{animation:legend-title .65s ease-out both}
@keyframes genius-score{0%{opacity:0;transform:translateY(16px) scale(.75)}65%{opacity:1;transform:translateY(0) scale(1.05)}100%{transform:scale(1)}}
@keyframes legend-score{0%{opacity:.3;transform:scale(.45) rotate(-4deg)}19%{opacity:1;transform:scale(1.22) rotate(2deg)}36%{transform:scale(.96) rotate(-1deg)}56%{transform:scale(1.07) rotate(0deg)}100%{transform:scale(1)}}
@keyframes legend-title{from{opacity:0;letter-spacing:5px;transform:translateY(-10px)}to{opacity:1;letter-spacing:2px;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#rewardFx{display:none}#mountain{transform:none!important}.award[data-tier]:not([hidden]) .award-points,.award[data-tier]:not([hidden]) h2{animation:none}}

/* Trailhead lobby and daily journal. The mountain remains a full-screen canvas. */
.expedition[data-view="home"] :is(.location,.altimeter,.scene-note,.kit-pill,.tier-strip,#homeButton),
.expedition[data-view="depart"] :is(.location,.altimeter,.scene-note,.kit-pill,.tier-strip,#homeButton){display:none}
.home-menu{top:18%;width:min(430px,calc(100% - 40px));padding:25px 28px;background:linear-gradient(140deg,#132c28ef,#102522dc);border-color:#dec58a59;box-shadow:5px 5px 0 #091f2166;text-align:left}
.home-menu h2{font:800 clamp(36px,5vw,54px)/1.02 var(--mono);letter-spacing:-2.8px;margin:14px 0;color:#f4e4b8}
.home-menu p{font-size:13px;line-height:1.6;color:#c0cdb4}
.home-menu .intro-action{margin-top:20px}.home-menu .primary{min-height:49px;justify-content:center}
.home-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.home-options .secondary{min-height:40px;color:#e6dec2;background:#263d3066}
.home-menu .intro-action small{display:block;font-size:9px;line-height:1.6;color:#b5c3a4;margin-top:13px}
.home-footer{display:block;text-align:center;font:7px var(--mono);letter-spacing:1.7px;color:#8ea78f;margin-top:17px}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font:13px var(--mono);color:#e6dfc2;letter-spacing:0;margin:20px 0}
.toggle-row input{width:19px;height:19px;accent-color:#edcc86}
.settings-dialog .sound-settings label{margin-top:12px}.settings-dialog .sound-settings label:first-child{margin-top:0}
.archive-dialog{max-width:730px}.archive-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}
.archive-day{text-align:left;padding:17px 14px;border:1px solid #64795875;background:#1e382d;color:#e8e5c9}
.archive-day:hover{border-color:#edcc86;background:#2b4433}.archive-day strong{display:block;font:12px var(--mono)}
.archive-day span{display:block;font:10px var(--mono);color:#a9bf9d;margin-top:9px}
.archive-day[data-status="done"]{border-left:3px solid #dfc079}.archive-day[data-status="active"]{border-left:3px solid #8ebda0}
.archive-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.archive-nav span{font:10px var(--mono);color:#b4c4a6}
.expedition[data-view="finished"] :is(.tier-strip,.scene-note,.kit-pill){display:none}
.finish-actions #finishHome{grid-column:1/-1}
.finish-dock[data-summit="true"]{top:auto;bottom:24px;width:min(510px,calc(100% - 40px));padding:20px 24px;background:linear-gradient(135deg,#192c32f2,#25343bf2);border:1px solid #edcc8688;box-shadow:0 0 45px #edcc8622,5px 5px 0 #14263288}
.finish-dock[data-summit="true"] h2{color:#ffe0a0;font-size:30px}.finish-dock[data-summit="true"] .eyebrow{display:none}
.summit-badge{font:700 10px/1.6 var(--mono);letter-spacing:1.6px;color:#ffdb80;border-bottom:1px solid #dcb57344;padding-bottom:10px;margin-bottom:9px}
.expedition[data-gentle="true"] .award[data-tier]:not([hidden]) :is(h2,.award-points){animation:none}
@media(max-width:700px){
.hud-right{gap:4px}.hud button{font-size:7px;padding:7px 6px}.hud #help{display:none}
.home-menu{top:18%;padding:20px 23px;width:min(370px,calc(100% - 32px))}.home-menu h2{font-size:38px;margin:12px 0}.home-menu .eyebrow{font-size:7px;letter-spacing:1px}
.home-menu .intro-action{margin-top:15px}.home-footer{margin-top:13px;font-size:6px}.home-menu p{font-size:12px}
.archive-list{grid-template-columns:1fr}.archive-day{padding:14px}
.finish-dock[data-summit="true"]{bottom:20px;padding:17px 19px}.finish-dock[data-summit="true"] h2{font-size:25px}.summit-badge{font-size:8px;letter-spacing:1px}
}
@media(max-height:650px) and (min-width:701px){.home-menu{top:15%;padding:18px 24px;width:400px}.home-menu h2{font-size:35px}.home-menu .intro-action{margin-top:12px}.home-footer{margin-top:12px}.finish-dock[data-summit="true"]{bottom:15px;padding:14px 20px}.finish-dock[data-summit="true"] h2{font-size:24px}.finish-dock[data-summit="true"] .finish-actions{margin-top:10px}}

/* Fold the home card away without hiding or interrupting the living landscape. */
.home-menu{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility 0s;will-change:transform,opacity;max-height:76svh;overflow-y:auto;scrollbar-width:thin}
.home-menu>.eyebrow{display:block;padding-right:30px}
.menu-collapse{position:absolute;top:9px;right:10px;width:24px;height:24px;padding:0;border:1px solid #dec58a45;background:#102522;color:#f4e4b8;font:24px/1 var(--mono);display:grid;place-items:center}
.menu-collapse:hover{background:#304d3a;border-color:#edcc86}
.menu-restore{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%,80px);opacity:0;visibility:hidden;pointer-events:none;min-height:40px;padding:7px 20px;border:1px solid #dec58a70;box-shadow:3px 3px 0 #091f2166;background:#102522ee;color:#f4e4b8;font:9px var(--mono);letter-spacing:2px;display:flex;gap:12px;align-items:center;transition:transform .5s ease,opacity .3s ease,visibility 0s .5s}
.menu-restore span{font-size:22px;line-height:1}.menu-restore:hover{background:#304d3a;border-color:#edcc86}
.expedition[data-view="home"][data-menu-collapsed="true"] .home-menu{transform:translate(-50%,100svh);opacity:0;visibility:hidden;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility 0s .5s}
.expedition[data-view="home"][data-menu-collapsed="true"] #restoreMenu{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,visibility 0s}
.expedition:not([data-view="home"]) #restoreMenu{display:none}
.finish-dock{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility 0s;will-change:transform,opacity;max-height:76svh;overflow-y:auto;scrollbar-width:thin}.finish-dock>div:first-of-type>.eyebrow,.finish-dock .summit-badge{padding-right:22px}
.expedition[data-view="finished"][data-finish-collapsed="true"] .finish-dock{transform:translate(-50%,100svh);opacity:0;visibility:hidden;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility 0s .5s}
.expedition[data-view="finished"][data-finish-collapsed="true"] #restoreFinish{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,visibility 0s}
.expedition:not([data-view="finished"]) #restoreFinish{display:none}
.expedition[data-gentle="true"] .finish-dock{transition:none}
.expedition[data-gentle="true"] :is(.home-menu,.menu-restore){transition:none}
@media(max-width:700px){.brand{font-size:clamp(11px,3.7vw,15px);letter-spacing:.5px}.brand span{letter-spacing:1px}.hud{gap:7px}.hud-right{flex-shrink:0}}

/* Compact vector chevrons and a one-line, responsive game masthead. */
.menu-chevron{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-collapse::after{content:"";position:absolute;inset:-5px}
.home-menu h2.home-title{font-size:clamp(28px,7.6vw,44px);letter-spacing:-1.5px;line-height:1.15;white-space:nowrap;margin:20px 0 16px}

/* Off-screen menu transforms must not create a programmatically scrollable stage. */
.expedition{overflow:clip}
.dock{overflow:clip;overflow-clip-margin:0px}

/* Score -> multiplier collision -> earned meters. Controls never shake. */
.award{overflow:visible}.award .award-points small{font:700 11px var(--mono);letter-spacing:4px;color:var(--tier);margin:4px 0 0}
.score-multiplier{position:absolute;top:47%;left:calc(50% + 100px);font:900 clamp(28px,5vw,52px) var(--mono);color:#fff1ba;text-shadow:0 0 20px #ffd16a99;opacity:0;pointer-events:none}
.award[data-conversion="multiply"] .score-multiplier{animation:multiplier-strike .45s cubic-bezier(.2,.7,.3,1) both}
.award[data-tier][data-conversion="meters"]:not([hidden]) .award-points{animation:meter-impact .6s cubic-bezier(.16,1,.3,1) both}
.award[data-conversion="meters"] .award-points>span{font-size:clamp(66px,11vw,130px);text-shadow:0 0 22px color-mix(in srgb,var(--tier) 55%,transparent),0 0 60px color-mix(in srgb,var(--tier) 25%,transparent)}
.award .reward-formula{font:10px var(--mono);letter-spacing:1px;color:#e5dcc0;margin:14px 0 0;min-height:14px;text-transform:none}
.award[data-tier="4"][data-conversion="meters"] .award-points>span{color:#ffe5a1;text-shadow:0 0 12px #ffd16a99,0 0 45px #ffb33888,0 3px 0 #583a26}
@keyframes multiplier-strike{0%{opacity:0;transform:translateX(70vw) rotate(14deg) scale(.6)}30%{opacity:1}78%{opacity:1;transform:translateX(-15px) rotate(-8deg) scale(1.12)}100%{opacity:0;transform:translateX(-90px) rotate(0) scale(.6)}}
@keyframes meter-impact{0%{transform:scale(.7);filter:brightness(1.3)}35%{transform:scale(1.12);filter:brightness(1.15)}100%{transform:scale(1);filter:brightness(1)}}
/* A bottom-to-top altimeter with a rolling numeric readout. */
.altimeter{min-height:151px;padding-right:30px}.altimeter .ascent-bar{position:absolute;right:12px;top:14px;bottom:14px;width:6px;height:auto;background:#bfd7bc26}
.altimeter .ascent-bar i{position:absolute;bottom:0;left:0;width:100%!important;height:0;transition:none;box-shadow:0 0 9px #edcc8655}
.altimeter[data-rising="true"]{border-color:#edcc8699;box-shadow:0 0 22px #edcc8625}.altimeter[data-rising="true"] strong{color:#ffdf94;text-shadow:0 0 12px #e9c77d66}
@media(max-width:700px){.altimeter{min-height:125px;padding-right:23px}.altimeter .ascent-bar{right:9px;width:4px}.award[data-conversion="meters"] .award-points>span{font-size:78px}.award .reward-formula{font-size:8px}.score-multiplier{left:calc(50% + 65px)}}
.expedition[data-gentle="true"] .award :is(.score-multiplier,.award-points){animation:none!important}
@media(prefers-reduced-motion:reduce){.award :is(.score-multiplier,.award-points){animation:none!important}}

/* Keep the hiker and Pip readable below the dramatic score reveal. */
.shade{background:linear-gradient(#071019 0%,#071019 48%,#07101999 72%,#07101955 100%)}

.altimeter strong{font-size:26px;letter-spacing:-1px}
@media(max-width:700px){.altimeter{width:124px}.altimeter strong{font-size:19px}.location{max-width:calc(100% - 170px)}}

/* Higher conversions have a distinct impact silhouette and gold shock rings. */
.award-points{position:relative;isolation:isolate}
.award[data-tier="3"][data-conversion="meters"]:not([hidden]) .award-points{animation:genius-impact .8s cubic-bezier(.2,.8,.2,1) both}
.award[data-tier="4"][data-conversion="meters"]:not([hidden]) .award-points{animation:legend-impact 1s cubic-bezier(.16,.9,.25,1) both}
.award[data-tier="4"][data-conversion="multiply"] .score-multiplier{font-size:clamp(45px,7vw,78px);color:#fff2b4;text-shadow:0 0 15px #ffd16a,0 0 45px #e8ac4999}
.award[data-tier="4"][data-conversion="meters"] .award-points::before,.award[data-tier="4"][data-conversion="meters"] .award-points::after{content:"";position:absolute;inset:5% -22%;border:2px solid #ffd778;border-radius:50%;pointer-events:none;z-index:-1;animation:gold-shock .9s ease-out both}
.award[data-tier="4"][data-conversion="meters"] .award-points::after{animation-delay:.15s;border-color:#fff1bd;transform:rotate(-12deg)}
@keyframes genius-impact{0%{transform:scale(.6) translateY(8px)}28%{transform:scale(1.17) translateY(-5px)}58%{transform:scale(.96)}100%{transform:scale(1)}}
@keyframes legend-impact{0%{transform:scale(.45) rotate(-4deg)}23%{transform:scale(1.26) rotate(2deg)}43%{transform:scale(.95) rotate(-1deg)}66%{transform:scale(1.08)}100%{transform:scale(1) rotate(0)}}
@keyframes gold-shock{0%{opacity:.9;transform:scale(.4,.25)}100%{opacity:0;transform:scale(1.6,1.2)}}
@media(max-width:700px){.award[data-conversion="meters"] .award-points>span{font-size:clamp(52px,16vw,78px)}}
.expedition[data-gentle="true"] .award .award-points::before,.expedition[data-gentle="true"] .award .award-points::after{display:none}
@media(prefers-reduced-motion:reduce){.award .award-points::before,.award .award-points::after{display:none}}

/* Consistent tactile controls, without moving focus targets or whole panels. */
button,select,input{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
button:not(:disabled):active{filter:brightness(.94);box-shadow:inset 0 2px 4px #081b2544}
button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #ebce8c;outline-offset:3px}
button:disabled{cursor:default;opacity:.48}
.bell-curve{width:100%;margin:12px 0 0}.bell-curve svg{display:block;width:100%;height:auto;max-height:240px;font-family:var(--mono)}
.curve-legend{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font:10px var(--mono);padding:8px 0}.average-key{color:#a7c4a4}.you-key{color:#ffdc92}
.answer-tools{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;padding:18px;background:#11271f;border:1px solid #789b7355;margin:18px 0 10px}
.answer-tools label{margin:0;font:10px var(--mono);letter-spacing:.3px;color:#b9cdb0}
.answer-tools :is(input[type="search"],select){display:block;width:100%;min-height:40px;border:1px solid #698064;background:#1c382d;color:#f0ebcf;border-radius:4px;padding:9px;margin-top:7px;font:12px system-ui,sans-serif}
.answer-tools .picked-toggle{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0}.picked-toggle input{accent-color:#e9c77d;width:17px;height:17px}
.answer-tools>button{justify-self:end;min-height:36px}.answer-card>summary{padding:18px;font-size:15px}.answer-card .answer-count{display:block;font:10px var(--mono);color:#9db698;margin:7px 0 0 15px}
.answer-card>summary .your-answer{font:12px/1.6 system-ui,sans-serif;color:#e8d6a5}
.answer-tier h4{font:600 12px/1.5 system-ui,sans-serif;margin:5px 0 12px}.answer-list{gap:10px}
.answer-item{padding:14px;border-left:3px solid var(--tier);border-radius:3px}.answer-item-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.answer-item b{font-size:14px;line-height:1.4}
.answer-score{font:700 11px var(--mono);color:var(--tier);white-space:nowrap;background:#d8e9c80a;border:1px solid #8faa8433;border-radius:3px;padding:4px 6px}
.answer-tier-label{display:block;font:10px/1.5 var(--mono);color:var(--tier);margin-top:6px}.answer-item p{font-size:12px;line-height:1.55;color:#b7c9ae;margin-top:10px}
.answer-item details{margin-top:12px;font-size:11px}.answer-item details small{font:11px/1.6 system-ui,sans-serif}.no-answers{padding:30px 16px;text-align:center}
.countdown.urgent{color:#ffb2a0;border-color:#e68b76}
@media(max-width:520px){.answer-tools{grid-template-columns:1fr;padding:13px;gap:12px}.answer-tools>button{justify-self:stretch}.curve-legend{font-size:9px;gap:10px}.finish-dock h2{font-size:24px;line-height:1.2}.answer-card>summary{padding:14px;font-size:14px}}

.answer-tools label{min-width:0}

/* Field report: quiet expedition cards and a short draw-and-place reveal. */
.report-metrics{gap:12px}
.metric{--accent:#e8cc87;position:relative;padding:18px;border:1px solid #52674d;background:linear-gradient(135deg,#304638,#23392f);border-radius:9px;box-shadow:0 3px 0 #10261d}
.metric-points{--accent:#afcfa7}.metric-supplies{--accent:#9cc9ca}.metric-coins{--accent:#efcd82}.metric-wallet{--accent:#efcd82}
.metric-coins .metric-icon{border-radius:50%;border:2px solid var(--accent);background:#b7964d33;box-shadow:inset 0 0 0 2px #23372c}.metric-wallet .metric-icon{width:21px;height:21px;flex-basis:21px;background:none;color:var(--accent)}.metric-wallet .metric-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.metric-wallet :is(.metric-label,.metric-unit,.metric-note){color:var(--accent)}.metric-wallet .metric-note{margin-top:17px}
.metric-heading>span{margin-top:0}
.metric .metric-unit{margin-top:0}
.metric-heading{display:flex;gap:9px;align-items:center;margin-bottom:14px}
.metric .metric-label{font:600 11px/1.3 var(--sans, sans-serif);letter-spacing:.035em;text-transform:uppercase;color:#c4d0b9}
.metric-icon{display:block;width:17px;height:17px;flex:0 0 17px;background:var(--accent)}
.metric-altitude .metric-icon{clip-path:polygon(0 95%,47% 5%,100% 95%,69% 95%,47% 50%,24% 95%)}
.metric-points .metric-icon{clip-path:polygon(50% 0,64% 34%,100% 50%,64% 65%,50% 100%,35% 65%,0 50%,35% 34%)}
.metric-supplies .metric-icon{background:none;border:2px solid var(--accent);width:14px;height:14px;flex-basis:14px;border-radius:4px;position:relative}
.metric-supplies .metric-icon:before{content:"";position:absolute;width:6px;height:4px;border:2px solid var(--accent);border-bottom:0;left:2px;top:-6px}
.metric-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.metric .metric-value strong{font-size:32px;line-height:1.15;color:var(--accent)}
.metric .metric-unit{font:12px/1.4 monospace;color:#c0ceb9;display:inline}
.metric-track{height:4px;background:#10291f;margin:15px 0 9px;overflow:hidden;border-radius:2px}
.metric-fill{height:100%;background:var(--accent)}
.metric .metric-note{font:11px/1.4 sans-serif;color:#b9c9b2;margin:0}
.question-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 16px;padding:14px;border-radius:5px;gap:12px}
.question-tools>label:first-child{grid-column:1/-1}
.question-tools .picked-toggle{grid-column:1;align-self:center}
.question-tools>button{grid-column:2;justify-self:end}
.question-match-count{margin:10px 18px 0;color:#afc4aa}
.answer-card>div:last-child .no-answers{margin:16px 18px 22px}
#reportDialog[open]:not([data-gentle="true"]) .curve-trace{stroke-dasharray:1;animation:report-draw .75s cubic-bezier(.22,.65,.35,1) both}
#reportDialog[open]:not([data-gentle="true"]) .curve-fill{animation:report-fill .7s .15s both}
#reportDialog[open]:not([data-gentle="true"]) .curve-earned{animation-delay:.35s}
#reportDialog[open]:not([data-gentle="true"]) .score-marker{animation:report-place .45s .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes report-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes report-fill{from{fill-opacity:0}to{fill-opacity:1}}
@keyframes report-place{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){
.metric{padding:13px 10px}.metric-heading{gap:6px;margin-bottom:10px}
.metric .metric-label{font-size:9px}.metric .metric-value strong{font-size:24px}.metric .metric-unit{font-size:10px}
.metric .metric-note{font-size:10px}.metric-track{margin:12px 0 8px}
}
@media(max-width:520px){
.report-metrics{grid-template-columns:1fr;gap:9px}
.metric{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:13px 15px}
.metric-heading{margin:0}.metric-value{grid-column:2;grid-row:1/3;align-self:center}
.metric-track{grid-column:1/-1;grid-row:3;margin:7px 0 0}
.metric .metric-note{grid-column:1;grid-row:2;padding-left:24px}
.question-tools{grid-template-columns:1fr 1fr;margin:0 10px}
.question-tools .picked-toggle{grid-column:1}.question-tools>button{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
#reportDialog[open] .curve-trace,#reportDialog[open] .curve-fill,#reportDialog[open] .score-marker{animation:none!important}
}

.guess-notebook{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.guess-notebook .report-actions{display:flex;flex-wrap:wrap;gap:10px}.guess-notebook textarea{width:100%;min-height:160px;resize:vertical;background:#10251f;color:var(--ink);border:1px solid var(--line);padding:12px;font:11px/1.5 var(--mono)}

/* Keep the atmospheric flag flight unobstructed without moving any controls. */
.expedition[data-orbit="true"] :is(.location,.altimeter,.plant-caption,.scene-note,.kit-pill,.tier-strip){opacity:0;pointer-events:none}

.home-menu .beta-note{font-size:10px;color:#d2d8bd;margin-top:10px}.micro a{color:#efcf8a}