/* Controls belong to each experiment's material and colour palette. */
.experience{--control-ink:#3e6456;--control-accent:#477f65;--control-soft:#e1ead6;--hud-height:50px}
.experience[data-art-theme=merge]{--control-ink:#71513f;--control-accent:#966946;--control-soft:#eadbc1}
.experience[data-art-theme=blocks]{--control-ink:#3a516f;--control-accent:#466c91;--control-soft:#e0e2d3}
.experience[data-art-theme=dress]{--control-ink:#75574d;--control-accent:#9a6b5b;--control-soft:#ead7cb}
.experience[data-art-theme=drift]{--control-ink:#3d6967;--control-accent:#407b79;--control-soft:#dbe6d8}
.experience[data-art-theme=mine]{--control-ink:#706040;--control-accent:#5c8d86;--control-soft:#e1dec5}
.experience[data-art-theme=hook]{--control-ink:#786580;--control-accent:#9a779d;--control-soft:#e6d9e9}
.experience .stage-hud{position:relative;min-height:var(--hud-height);height:var(--hud-height);padding:10px 17px;gap:12px;align-items:center;color:var(--control-ink);z-index:1}.experience .stage-hud>span{font-size:11px;line-height:1.4;gap:12px}.experience .stage-hud strong{font-size:18px;font-weight:700;letter-spacing:0}.experience .stage-hud .hud-secondary{font-size:11px;line-height:1.4;max-width:65%;text-align:right;color:var(--control-ink);opacity:.85}.experience .stage-overlay{top:var(--hud-height)}.experience .stage-wrap:fullscreen canvas{max-height:calc(100vh - var(--hud-height))}.experience .stage-overlay h2{font-size:36px}.experience .stage-overlay .eyebrow{font-size:9px;letter-spacing:2px}.experience .stage-overlay p{font-size:13px;line-height:1.85}.experience .start-controls{font-size:12px;line-height:1.8;max-width:440px}.experience .stage-overlay .button{font-size:14px;padding:13px 23px}.experience .stage-overlay>small{font-size:10px}.experience .stage-overlay .result-score{font-size:40px;margin:12px 0}.experience .stage-toolbar{padding:10px 15px;min-height:49px}.experience .toolbar-name strong{font-size:12px}.experience .stage-actions .icon-button{width:33px;height:33px;border-radius:8px;color:var(--control-ink)}.experience .stage-actions .icon-button:hover{background:var(--control-soft)}
.experience .experiment-tools{padding:13px 17px 7px;font-size:12px;line-height:1.8;color:var(--control-ink);gap:9px}.experience .experiment-tools p{font-size:12px;line-height:1.9;margin:0 0 8px;color:var(--control-ink)}.experience .experiment-tools button{font-size:12px;line-height:1.4;padding:10px 13px;min-height:38px;white-space:normal;border:1px solid color-mix(in srgb,var(--control-accent),transparent 65%);background:color-mix(in srgb,var(--control-soft),transparent 40%);color:var(--control-ink);border-radius:7px;box-shadow:none;transition:background .18s,color .18s,transform .13s}.experience .experiment-tools button:hover{background:var(--control-soft);border-color:var(--control-accent)}.experience .experiment-tools button:active{transform:translateY(1px) scale(.98)}.experience .experiment-tools button[aria-pressed=true]{color:#fffaf1;background:var(--control-accent);border-color:var(--control-accent)}.experience .experiment-tools button[data-tool=serve],.experience .experiment-tools button[data-tool=theme]{color:#fffaf1;background:var(--control-accent)}.experience .tool-group{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.play-hint{padding:10px 17px 15px;font-size:12px;line-height:1.8;color:var(--control-ink);opacity:.9;min-height:42px}.play-hint:before{content:'↳';margin-right:8px;color:var(--control-accent)}.experience .recipe-order{display:flex;gap:11px;flex-wrap:wrap;align-items:center;width:100%}.recipe-order>div{flex:1;min-width:180px}.recipe-order span,.recipe-order strong,.recipe-order small{display:block}.recipe-order span{font-size:10px;opacity:.7}.recipe-order strong{font-size:14px;font-weight:700}.recipe-order small{font-size:11px;opacity:.8}.run-recap{display:flex;justify-content:center;gap:12px;margin:3px 0 17px;flex-wrap:wrap}.run-recap>span{min-width:72px;text-align:center;font-size:10px;line-height:1.5;color:var(--control-ink)}.run-recap b{display:block;font-size:21px;font-weight:600;margin-bottom:4px}.experience .stage-overlay .record-improved{font-size:11px;color:var(--control-accent);margin-bottom:16px}
.wardrobe-options{display:grid;gap:8px;margin:0 0 12px}.wardrobe-options>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.wardrobe-options>div>span{width:32px;font-size:11px}.experience .wardrobe-options button{font-size:11px;padding:8px 10px;min-height:34px}.experience .thread-palette{margin-bottom:10px}.experience .thread-palette .thread-swatch{width:38px;height:38px;min-width:38px;padding:5px;position:relative;background:#f5e7d8;color:#765e4c;border-radius:50%;border:2px solid transparent}.thread-swatch i{display:block;width:24px;height:24px;border-radius:50%;background:var(--swatch);box-shadow:inset -3px -3px 0 #00000014;border:1px solid #7a604122}.experience .thread-palette .thread-swatch[aria-pressed=true]{border-color:#825d49;background:#fff0da}.experience .theme-brief strong{font-weight:700}
.experience canvas{touch-action:none}.experience[data-art-theme=farm] canvas,.experience[data-art-theme=mine] canvas,.experience[data-art-theme=dress] canvas{cursor:crosshair}.experience[data-art-theme=merge] canvas,.experience[data-art-theme=blocks] canvas{cursor:grab}.experience[data-art-theme=merge] canvas:active,.experience[data-art-theme=blocks] canvas:active{cursor:grabbing}
.lab-field-notes{max-width:1100px;margin:15px auto 20px;border:1px solid var(--lab-border);border-radius:8px;background:var(--lab-panel);font-size:12px;color:var(--lab-ink);position:relative;z-index:2;text-align:left}.lab-field-notes summary{display:flex;align-items:center;gap:14px;padding:13px 18px;list-style:none;cursor:pointer;line-height:1.8}.lab-field-notes summary::-webkit-details-marker{display:none}.lab-field-notes summary>b{font-size:11px;font-weight:700;white-space:nowrap;color:var(--lab-accent)}.lab-field-notes summary>span{flex:1;color:var(--lab-ink)}.lab-field-notes summary>i{font-style:normal;transition:transform .2s}.lab-field-notes[open] summary>i{transform:rotate(180deg)}.lab-field-notes ol{margin:0;padding:0 35px 17px 48px;color:var(--lab-ink);font-size:12px;line-height:2}.lab-field-notes li+li{margin-top:5px}body [data-lab-keyboard]{cursor:pointer}body [data-lab-keyboard]:focus-visible{outline:3px solid var(--lab-accent)!important;outline-offset:4px!important}body[data-lab-experiment=deep-sea] .lab-field-notes{margin:85px 20px 0;background:#d7ece6ed}
@media(max-width:1150px){.lab-field-notes{margin-left:22px;margin-right:22px}.experience .stage-hud strong{font-size:16px}.experience .stage-hud .hud-secondary{font-size:10px}}
@media(max-width:700px){.experience{--hud-height:44px}.experience .stage-hud{padding:8px 10px}.experience .stage-hud>span{font-size:9px;gap:7px}.experience .stage-hud strong{font-size:14px}.experience .stage-hud .hud-secondary{font-size:8px;max-width:62%}.experience .stage-overlay h2{font-size:27px}.experience .stage-overlay p{font-size:11px;max-width:290px}.experience .stage-overlay .eyebrow{font-size:7px}.experience .start-controls{font-size:10px;max-width:285px;padding:10px}.experience .stage-overlay .button{font-size:12px;padding:11px 17px}.experience .stage-overlay>small{font-size:8px}.experience .stage-overlay .result-score{font-size:30px}.experience .experiment-tools{padding:12px 12px 5px}.experience .experiment-tools button{font-size:11px;padding:9px 11px}.experience .experiment-tools p{font-size:11px}.experience .stage-toolbar{padding:8px 10px}.experience .toolbar-name strong{font-size:10px}.experience .stage-actions .icon-button{width:30px;height:30px}.play-hint{padding:9px 12px 13px;font-size:11px;line-height:1.8}.recipe-order>div{min-width:155px}.recipe-order strong{font-size:12px}.recipe-order small{font-size:10px}.run-recap{gap:9px}.run-recap>span{font-size:9px;min-width:54px}.run-recap b{font-size:17px}.lab-field-notes{margin:12px 16px 16px}.lab-field-notes summary{padding:11px 13px;gap:9px;align-items:start;font-size:11px}.lab-field-notes summary>b{font-size:10px;margin-top:2px}.lab-field-notes ol{font-size:11px;padding:0 24px 15px 35px}}
@media(prefers-reduced-motion:reduce){.experience .experiment-tools button,.lab-field-notes summary>i{transition:none!important}}

.artwork-dialog{max-width:min(92vw,460px);padding:23px;border:1px solid #c7aa94;border-radius:15px;background:#f5ede1;color:#765c4e;box-shadow:0 25px 120px #21132766}.artwork-dialog::backdrop{background:#211b396b;backdrop-filter:blur(8px)}.artwork-dialog h2{margin:0;font-size:20px;font-weight:600}.artwork-dialog p{font-size:11px;opacity:.7;margin:7px 0 15px}.artwork-dialog img{display:block;width:auto;max-width:100%;max-height:58vh;margin:auto;border:1px solid #c7aa9444}.artwork-dialog>div{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}.artwork-dialog a,.artwork-dialog button{padding:11px 18px;border-radius:6px;font-size:12px}.artwork-dialog a{background:#92674e;color:#fff3e3}.artwork-dialog button{border:1px solid #c9b3a0}.artwork-dialog button:hover{background:#e7dacb}
.experience .stage-wrap{scroll-margin-top:78px}