/* V2 keeps the studio palette; all UI stays crisp above the resolution-scaled canvas. */
.version-tag{font-style:normal;letter-spacing:.04em;color:#9fe1ec;border:1px solid #77bdce66;padding:2px 4px;margin-left:5px;border-radius:3px}
.panel[data-experience=trace] .panel-heading h1,.panel[data-experience=challenge] .panel-heading h1{display:none}
.panel[data-experience=trace] .panel-heading,.panel[data-experience=challenge] .panel-heading{margin-bottom:15px}
.model-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border:1px solid #6792ad42;background:#071725;border-radius:7px;margin-bottom:18px}
.model-modes button{min-height:35px;padding:7px 3px;font-size:11px;border-radius:4px;color:#91b0c4}
.model-modes button[aria-pressed=true]{background:#24465b;color:#dcf8ff;box-shadow:inset 0 0 0 1px #84c9df50}
.panel .experience-lead{font-size:12px;line-height:1.7;color:#c0d3e0}
.experience-card{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #81b8d54a;border-radius:6px;background:linear-gradient(115deg,#173a4b,#112637);padding:15px 11px;margin:9px 0;transition:border-color .15s,background .15s}
.experience-card:hover{border-color:#8edce7;background:#20445a}.experience-card>span:last-child{margin-left:auto;color:#91d8e5}.experience-card strong{display:block;font-size:12px;font-weight:600;line-height:1.5;color:#e5f6ff}.experience-card small{display:block;font-size:10px;line-height:1.6;color:#96b4c8;margin-top:3px}.card-icon{width:25px;flex-shrink:0;color:#92dce9;font-size:24px}
.equipment-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:5px}.equipment-tag{font:9px 'IBM Plex Mono',monospace;color:#9de4f0;letter-spacing:.07em}.equipment-heading .text-button{padding:7px 0;color:#aac5d8;font-size:10px}
.panel #trace-experience h2,.panel #challenge-experience h2{font-size:23px;line-height:1.25;margin:15px 0 12px;color:#effaff}
.trace-systems{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:17px 0}.trace-systems button{display:flex;align-items:center;gap:8px;text-align:left;min-height:38px;padding:9px 10px;border:1px solid #7195ad42;border-radius:4px;font-size:11px;color:#9db6c9}.trace-systems button:first-child{grid-column:1/-1}.trace-systems button i{width:6px;height:6px;flex-shrink:0;background:var(--trace-color);border-radius:50%}.trace-systems button[aria-pressed=true]{border-color:var(--trace-color);color:#e7f6ff;background:#729bb420}
.trace-detail{padding:17px 14px 8px;background:#081b2a;border:1px solid #80a6c732;border-left:2px solid var(--trace-color);border-radius:5px}.trace-detail .eyebrow{color:var(--trace-color)}.panel .trace-detail h3{font:500 18px/1.35 Manrope,sans-serif;margin:10px 0}.panel .trace-detail p{font-size:11px;line-height:1.75}.connection-steps{list-style:none;counter-reset:connection;padding:0;margin:16px 0}.connection-steps li{position:relative;counter-increment:connection;padding:0 0 18px 28px;font-size:11px;line-height:1.6;color:#c5d8e7}.connection-steps li:before{content:counter(connection);position:absolute;left:0;top:1px;border:1px solid var(--trace-color);width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font:8px 'IBM Plex Mono',monospace;color:var(--trace-color);background:#0a1c2b;z-index:1}.connection-steps li:not(:last-child):after{content:'';position:absolute;left:8px;top:17px;bottom:1px;border-left:1px solid #6a91ad66}.connection-steps li:last-child{padding-bottom:0}.panel .trace-small{color:#8caac0;font-size:10px}
.challenge-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;color:#9ab7cc;margin-bottom:17px}.challenge-legend span{display:flex;align-items:center;gap:5px}.challenge-legend i{background:var(--dot);width:7px;height:7px;border-radius:2px}.challenge-brief{border-block:1px solid #7098b238;padding:12px 0;margin:15px 0}.challenge-brief summary{cursor:pointer;font-size:11px;color:#d4e8f7;min-height:23px}.challenge-brief ul{padding:0;list-style:none;margin:6px 0 0}.challenge-brief li{padding:8px 0 3px}.challenge-brief strong{font-size:10px;font-weight:500;display:block;color:#b6d3e7}.challenge-brief li span{display:block;font-size:10px;line-height:1.65;margin-top:3px;color:#8faac0}.decision-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.decision-heading .text-button{padding:7px 0;font-size:10px}.challenge-choices{display:grid;gap:8px;margin:10px 0}.route-choice{border:1px solid #7094b34d;border-radius:5px;padding:12px;text-align:left;background:#102638}.route-choice strong{font-size:12px;font-weight:500;display:block;color:#deedf7}.route-choice>span{display:block;font-size:10px;line-height:1.7;color:#8eafc6;margin-top:5px}.route-choice[aria-pressed=true]{border-color:#edc47d;background:#3e352629}.route-choice[aria-pressed=true] strong{color:#ffe0a6}.panel .preview-status{font-size:10px;color:#a1bdd1;line-height:1.6;margin:13px 0}.challenge-feedback{margin-top:17px;border:1px solid #d6b27455;background:#352b202e;border-radius:6px;padding:15px}.challenge-feedback[data-accepted=true]{border-color:#72d7b566;background:#163b352e}.challenge-feedback h3{font:500 18px/1.4 Manrope,sans-serif;margin:10px 0;color:#eef7ff}.challenge-feedback .eyebrow{color:#e5bc7c;font-size:8px}.challenge-feedback[data-accepted=true] .eyebrow{color:#84e0bd}.challenge-feedback ul{list-style:none;padding:0;margin:14px 0}.challenge-feedback li{font-size:11px;padding:6px 0;color:#e6bb83;line-height:1.5}.challenge-feedback li[data-passed=true]{color:#9bd5c7}.panel .challenge-feedback p{font-size:11px;line-height:1.75;margin-bottom:11px}.challenge-feedback .outline{width:100%;text-align:left;padding:11px;font-size:11px;min-height:40px}
.equipment-hotspot{position:fixed;z-index:6;transform:translate(-50%,-150%);background:#102c3deb;border:1px solid #8ce1ed88;border-radius:6px;padding:10px 13px;color:#d7f8ff;box-shadow:0 5px 20px #0005;font-size:11px;white-space:nowrap}.equipment-hotspot span{display:block;font:8px 'IBM Plex Mono',monospace;color:#89dce8;letter-spacing:.1em;margin-bottom:4px}.equipment-hotspot:after{content:'';height:16px;border-left:1px solid #8ce1ed88;position:absolute;left:50%;top:100%}
#model-view-caption{position:fixed;z-index:4;left:4%;bottom:123px;color:#9cbed4;font:9px 'IBM Plex Mono',monospace;letter-spacing:.15em;border-left:2px solid #81cbd8;padding:8px 12px;background:#0b1c2bbd;pointer-events:none}
@media(min-width:1101px){.panel[data-experience=trace],.panel[data-experience=challenge]{width:360px}.panel[data-experience=trace] .panel-scroll,.panel[data-experience=challenge] .panel-scroll{padding-inline:22px}}
@media(max-width:760px){.version-tag{font-size:6px;padding:1px 3px}.model-modes{margin-bottom:13px}.model-modes button{min-height:39px;font-size:11px}.panel[data-experience=trace],.panel[data-experience=challenge]{max-height:49dvh}.panel #trace-experience h2,.panel #challenge-experience h2{font-size:21px}.trace-systems button{min-height:42px}.route-choice{min-height:64px}.challenge-brief summary{min-height:30px}.panel .challenge-feedback p,.panel .trace-detail p{font-size:11px}.equipment-heading .text-button{min-height:36px}#model-view-caption{left:5%;top:126px;bottom:auto;max-width:90%;font-size:7px;padding:7px 9px}}
.model-modes{position:sticky;top:0;z-index:3;background:#102331;box-shadow:0 6px 10px #102331;}