@charset "UTF-8";
.cx-lab{border:1px solid var(--line);background:#faf8f0;--cx-gold:#e4c18b}
.cx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#edeee3;border-bottom:1px solid #cbd2bf;padding:0 23px 0 0}
.cx-tabs{display:flex;flex:1;max-width:780px}.cx-tabs button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:13px;background:transparent;border:0;border-right:1px solid #d3d8c7;padding:20px 18px;min-height:63px;color:#6e7966;font-size:13px}
.cx-tabs button[aria-pressed=true]{background:#fcfaf3;color:#29473b;box-shadow:inset 0 -3px #984737}.cx-tabs button>span{font:12px Georgia,serif;opacity:.6}.cx-tabs button>i{width:5px;height:5px;border-radius:50%;background:#c1c9b5}.cx-tabs button>i.is-seen{background:#608268}.cx-observed{font-size:10px;color:#78816e;white-space:nowrap}
.cx-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr)}.cx-visual{min-width:0;background:#203b40;color:#e4dfc8;display:flex;flex-direction:column}.cx-scene-heading{display:flex;justify-content:space-between;gap:12px;padding:17px 23px;font-size:10px;letter-spacing:1px;color:#aec1b4;border-bottom:1px solid #acbdad29}.cx-scene{width:100%;aspect-ratio:760/420;overflow:hidden}.cx-scene>svg{width:100%;height:100%;display:block;touch-action:pan-y;font-family:var(--serif)}.cx-svg-gold{font-size:18px;fill:#e4c99c}.cx-svg-light{font-size:17px;fill:#d8dfc8}.cx-svg-muted{font-size:16px;fill:#a7bfb3}.cx-svg-small{font-size:14px;fill:#afc2b6}.cx-scene-bottom{margin-top:auto;padding:0 25px 21px}.cx-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a4b6973b;border-bottom:1px solid #a4b6973b;margin-bottom:18px;padding:17px 0;gap:18px}.cx-metrics>div{display:flex;flex-direction:column;gap:6px}.cx-metrics>div+div{border-left:1px solid #a4b6973b;padding-left:24px}.cx-metrics span{color:#adc3b4;font-size:11px}.cx-metrics strong{font:31px/1.25 Georgia,serif;color:#edd7ac;min-height:39px}.cx-metrics strong small{font:11px var(--serif);margin-left:9px;color:#c6ccb2}.cx-metrics strong.cx-word{font:19px/1.7 var(--serif);min-height:34px}.cx-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.cx-play{display:flex;justify-content:space-between;gap:33px;align-items:center;background:#c1b38b18;color:#ebd8b4;border:1px solid #baa97a7d;padding:11px 17px;min-height:43px;font-size:12px}.cx-play:hover{background:#b8aa7833;border-color:#d4bc8d}.cx-play:disabled{opacity:.6;cursor:progress}.cx-reset{border:0;background:transparent;color:#afc2b4;font-size:11px;padding:10px 0}.cx-scene-caption{font-size:10px;color:#96aca3;margin:12px 0 0;line-height:1.9}.cx-controls{padding:25px 27px;min-width:0;display:flex;flex-direction:column}.cx-eyebrow{font-size:10px;letter-spacing:1.5px;color:#7d866d}.cx-controls h3{font:400 25px/1.6 var(--serif);margin:10px 0 10px}.cx-instruction{font-size:12px;color:#6f7767;margin:0 0 22px;line-height:1.9}.cx-range{margin-bottom:20px}.cx-range>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;align-items:center;margin-bottom:10px}.cx-range output{font:15px Georgia,serif;color:#9c513d;white-space:nowrap}.cx-range input{width:100%;display:block;accent-color:#876d49;cursor:pointer;margin:0;min-height:20px}.cx-range input:focus-visible{outline:2px solid #8e9a76;outline-offset:5px}.cx-live{background:#e7ebdd;border-left:2px solid #a4ac86;padding:14px 16px;color:#4d6149;margin-bottom:16px}.cx-live strong{font-size:13px;font-weight:500;display:block}.cx-live p{font-size:12px;line-height:1.9;margin:7px 0 0}.cx-live ul{margin:9px 0 0;padding-left:17px;font-size:12px;line-height:1.8}.cx-live li{margin:5px 0}.cx-assumption{font-size:10px;line-height:1.9;color:#8a907f;margin:0 0 16px}.cx-controls>a{font-size:10px;color:#78836d;text-decoration:underline;text-underline-offset:4px;margin-top:auto;line-height:1.8}.cx-toggle{display:flex;align-items:center;gap:11px;border:1px solid #d0d5c3;background:transparent;padding:12px;margin:0 0 19px;text-align:left;color:#5c6c51;font-size:12px}.cx-toggle[aria-pressed=true]{background:#e4eadb;border-color:#9cac87}.cx-toggle-mark{border:1px solid #a4b18e;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0}.cx-toggle small{display:block;color:#8b937e;font-size:10px;margin-top:3px}.cx-bank{border:0;padding:0;margin:0 0 19px;display:flex;gap:8px}.cx-bank legend{font-size:12px;margin-bottom:10px;padding:0;color:#59694f}.cx-bank button{flex:1;min-height:39px;font-size:11px;background:transparent;border:1px solid #ced3bf;color:#788068;padding:7px}.cx-bank button[aria-pressed=true]{background:#e5e9d9;border-color:#a3b38b;color:#455d3f}
@media(max-width:1080px){.cx-layout{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.cx-controls{padding:23px}.cx-tabs button{font-size:12px;padding:17px 12px;gap:9px}.cx-toolbar{padding-right:15px}.cx-controls h3{font-size:23px}.cx-metrics strong.cx-word{font-size:17px}.cx-actions{gap:8px}.cx-play{gap:15px;font-size:11px}.cx-scene-bottom{padding-inline:20px}}
@media(max-width:800px){.cx-layout{grid-template-columns:1fr}.cx-controls{order:0}.cx-toolbar{padding:0;display:block}.cx-observed{display:block;padding:8px 17px;text-align:right;border-top:1px solid #d3d8c7}.cx-tabs{max-width:none}.cx-tabs button{min-height:54px}.cx-controls{padding:25px}.cx-instruction{font-size:13px}.cx-range>div{font-size:13px}.cx-live p,.cx-live ul{font-size:13px}.cx-scene-bottom{padding:0 22px 20px}.cx-metrics strong.cx-word{font-size:20px}}
@media(max-width:520px){.cx-tabs button{padding:13px 4px;gap:5px;font-size:11px}.cx-tabs button>span{display:none}.cx-observed{font-size:9px;padding:6px 12px}.cx-scene-heading{padding:13px 14px;font-size:9px;letter-spacing:0}.cx-scene-bottom{padding:0 16px 17px}.cx-metrics{gap:12px;padding:14px 0;margin-bottom:15px}.cx-metrics>div+div{padding-left:14px}.cx-metrics span{font-size:9px}.cx-metrics strong{font-size:27px}.cx-metrics strong small{font-size:10px;margin-left:5px}.cx-metrics strong.cx-word{font-size:16px;min-height:28px}.cx-actions{gap:8px}.cx-play{padding:10px 12px;font-size:11px;gap:13px}.cx-reset{font-size:10px}.cx-scene-caption{font-size:9px}.cx-controls{padding:21px}.cx-controls h3{font-size:24px}.cx-instruction{font-size:12px}.cx-range>div{font-size:12px}.cx-live p,.cx-live ul{font-size:12px}.cx-range{margin-bottom:22px}}
.cx-lab { box-shadow:0 12px 32px #293f2c09; border-color:#cbd1bf; border-radius:4px; overflow:hidden; }
.cx-visual { background:linear-gradient(150deg,#2d4545,#19343a); }
.cx-scene-heading { background:#18343780; border-color:#abc6b51c; }
.cx-scene-heading>span:first-child { color:#d0d6bc; letter-spacing:2px; }
.cx-controls { background:linear-gradient(130deg,#fffdf7,#f6f5eb); }
.cx-controls h3 { letter-spacing:.7px; }
.cx-range input { appearance:none; -webkit-appearance:none; height:22px; min-height:22px; background:transparent; }
.cx-range input::-webkit-slider-runnable-track { height:3px; background:#ccd2be; border-radius:2px; }
.cx-range input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:16px; height:16px; margin-top:-6.5px; border-radius:50%; border:3px solid #f9f5e9; background:#927349; box-shadow:0 0 0 1px #a3906d,0 2px 4px #433b3520; }
.cx-range input::-moz-range-track { height:3px; background:#ccd2be; }
.cx-range input::-moz-range-thumb { width:11px; height:11px; border-radius:50%; border:3px solid #f9f5e9; background:#927349; box-shadow:0 0 0 1px #a3906d; }
.cx-bank button,.cx-toggle { border-radius:3px; transition:background .15s,border-color .15s; }
.cx-live { background:linear-gradient(115deg,#e5ebdc,#edf0e4); border-left-color:#869975; }
.cx-play { background:#d4bd881a; border-radius:3px; box-shadow:inset 0 1px #e1d2a110; }
.cx-water-streak { animation:cx-flow 4s linear infinite; }
@keyframes cx-flow { to { stroke-dashoffset:-145; } }
@media(max-width:520px){.cx-svg-gold{font-size:25px}.cx-svg-light{font-size:23px}.cx-svg-muted{font-size:22px}.cx-svg-small{font-size:19px}}
@media(prefers-reduced-motion:reduce){.cx-lab *{animation:none!important;transition:none!important}}

.cx-history{border-top:1px solid #d3d8c6;padding:17px 0;margin:2px 0 13px;color:#5d6954}
.cx-history>span{font-size:10px;letter-spacing:1px;color:#967451}
.cx-history p{font-size:12px;line-height:1.9;margin:9px 0}
.cx-history strong{color:#984737;font-weight:500}
.cx-history a{font-size:10px;text-decoration:underline;text-underline-offset:4px;color:#7e846c}
.cx-depth-feedback{min-height:143px}
.cx-depth-obstacles{transition:opacity .45s ease}
.cx-play[aria-pressed=true]{background:#d4bd8828;border-color:#bba679}

/* One experiment per page; secondary presets and duplicate reset controls are removed. */
.cx-actions{justify-content:flex-start}
.cx-controls .cx-range:last-of-type{margin-bottom:22px}