/* v6 experiment presentation. Existing shared components retain their own styles. */
.lab-game{--lab-line:#c6d8ce;--lab-ink:#213c49;--lab-mint:#e8f6ef;color:var(--lab-ink)}
.lab-game .kk-main{max-width:1000px;padding-inline:16px}
.lab-hero{position:relative;border:4px solid #fff;border-radius:30px;overflow:hidden;box-shadow:0 12px 30px #23403914;margin:10px 0 22px}
.lab-hero img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
.lab-hero h2{position:absolute;inset-inline:16px;bottom:20px;margin:0 auto;width:fit-content;max-width:90%;padding:8px 22px;background:#fff8e9ee;border:2px solid #fff;border-radius:20px;color:#213c49;text-align:center;font:800 clamp(24px,4vw,44px)/1.3 var(--font-fun);box-shadow:0 5px 12px #18363414}
.lab-goal{max-width:740px;margin:12px auto 24px;text-align:center;font-size:18px;line-height:1.8}
.lab-heading,.lab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}
.lab-heading h3,.lab-toolbar h2{margin:0}
.lab-toolbar>div{flex:1;min-width:130px;text-align:center}
.lab-toolbar p{margin:3px 0}
.lab-actions,.lab-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0}
.lab-controls .kk-btn{min-height:48px;min-width:86px;font-size:16px;white-space:normal}
.lab-round-note{max-width:760px;margin:18px auto;text-align:center;font-size:15px;line-height:1.8;color:#425862}
.lab-prompt{font:800 clamp(22px,3.3vw,32px)/1.6 var(--font-fun);text-align:center;margin:15px auto;max-width:860px;scroll-margin-top:90px}
.lab-scene{padding:14px;background:#fffdf8;border:2px solid var(--lab-line);border-radius:26px;box-shadow:0 5px 0 #bacfc044;overflow:hidden}
.lab-diagram{display:block;width:100%;height:auto;max-height:420px;direction:ltr;overflow:visible;font-family:var(--font-body),sans-serif}
.lab-readings{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px auto}
.lab-readings>div{flex:1 1 120px;max-width:310px;min-width:0;text-align:center;background:#eff6f2;border:1px solid #cadbd0;border-radius:14px;padding:9px 12px;overflow-wrap:anywhere}
.lab-readings span{display:block;color:#455a63;font-size:14px;line-height:1.6}
.lab-readings strong{display:block;font:800 21px/1.7 var(--font-fun);color:#203e47}
.lab-caption{font-size:17px;line-height:1.8;text-align:center;margin:12px auto 3px;max-width:790px}
.lab-model-note{font-size:14px;line-height:1.8;color:#50616a;text-align:center;margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--lab-line)}
.lab-observation{text-align:center;font:700 16px/1.6 var(--font-body);margin:12px 0 0}
.lab-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.lab-choice{appearance:none;display:block;min-height:64px;padding:16px 18px;border:2px solid #a6c8bc;border-bottom-width:5px;border-radius:19px;background:#fff;color:#213c49;font:700 19px/1.6 var(--font-body);cursor:pointer;overflow-wrap:anywhere;text-align:center}
.lab-choice:hover:not(:disabled){background:#e8f6ef;transform:translateY(-1px)}
.lab-choice.is-right{border-color:#31886a;background:#dff4e8;color:#195741}
.lab-choice.is-wrong{border-color:#c07b72;background:#fbeee9;color:#76483e}
.lab-choice:disabled{cursor:default;opacity:1}
.lab-game button:focus-visible,.lab-game summary:focus-visible{outline:4px solid #245884;outline-offset:4px}
.lab-feedback{min-height:30px;font:600 18px/1.9 var(--font-body);text-align:center;padding:12px 18px;background:#fff4ce;border-radius:17px;margin:12px 0}
.lab-feedback:empty{padding:0;background:none}
.lab-continue{display:block;min-width:180px;margin:14px auto 28px}
.lab-journey{display:flex;justify-content:center;gap:9px;direction:ltr;margin:6px 0}
.lab-stop{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eeeade;border:2px solid #c6cfc4;color:#738579;font-size:21px;font-weight:800}
.lab-stop.is-done{background:#2c8870;color:#fff;border-color:#2c8870}
.lab-hint{margin:22px 0;background:#eaf6f4;border:2px solid #a5ccc2;border-radius:24px;padding:18px}
.lab-hint h4{font:800 22px/1.5 var(--font-fun);margin:0 0 8px}
.lab-hint>p{font-size:18px;line-height:1.85;margin:8px 0 16px}
.lab-hint .lab-model-note{display:none}
.lab-hint .lab-diagram{max-height:300px}
.lab-work-intro{background:#e9f5ef;border-radius:18px;padding:14px 20px;line-height:1.9;font-size:17px}
.lab-work-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0}
.lab-work-controls button{min-height:48px;max-width:100%;white-space:normal}
.lab-comparison{padding:18px;border:2px dashed #9eb9a8;border-radius:24px;margin:18px 0}
.lab-comparison h3{margin:0 0 12px;text-align:center}
.lab-recap details{border:2px solid #c8dacc;border-radius:18px;background:#fffdf7;padding:15px;margin:12px 0}
.lab-recap summary{font-weight:700;cursor:pointer;line-height:1.8}
.lab-recap details p{line-height:1.8}
.lab-recap .lab-diagram{max-height:300px}
.lab-recap>p,.lab-recap>h3{text-align:center}
.lab-unavailable{border:2px solid #b9836b;border-radius:20px;background:#fff1e8;padding:20px;line-height:1.8}
.lab-game [hidden]{display:none!important}
@media(max-width:480px){.lab-game .kk-main{padding-inline:10px}.lab-hero{border-radius:22px}.lab-hero h2{font-size:25px;bottom:10px;padding:5px 14px}.lab-scene{padding:8px;border-radius:19px}.lab-toolbar{gap:7px}.lab-toolbar .kk-btn{padding:9px 13px;font-size:16px}.lab-choice{font-size:17px;padding:12px 9px;min-height:62px}.lab-readings>div{flex-basis:105px;padding:6px 8px}.lab-readings strong{font-size:19px}.lab-readings span{font-size:13px}.lab-caption{font-size:16px}.lab-hint{padding:12px}.lab-hint>p{font-size:16px}.lab-stop{width:30px;height:30px}.lab-goal{font-size:17px}}
@media(prefers-reduced-motion:reduce){.lab-game *{scroll-behavior:auto!important}.lab-choice:hover:not(:disabled){transform:none}}
/* 2026-10 review: hint-1 attention rings (still, not animated, under reduced motion) and the folded secondary readings. */
.lab-attn{animation:labPulse 1.3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes labPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.lab-attn{animation:none;opacity:1}}
.lab-more{margin:6px auto 2px;max-width:790px}
.lab-more>summary{cursor:pointer;text-align:center;font:700 15px/1.8 var(--font-body);color:#50616a;list-style:none;padding:4px 10px;border-radius:12px}
.lab-more>summary::-webkit-details-marker{display:none}
.lab-more>summary::after{content:' ▾';font-size:13px}
.lab-more[open]>summary::after{content:' ▴'}
.lab-more>summary:focus-visible{outline:3px solid #ffc53d;outline-offset:2px}