/* LearnPlay activity shell · MIT */
:root{color-scheme:light;--ink:#213a50;--muted:#526b7d;--paper:#fffefa;--teal:#126e74;--purple:#6553ac;--mint:#e1f1e8;--sun:#ffe7a7;font-family:ui-rounded,'Segoe UI',system-ui,sans-serif;background:#f3f6f2;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 10%,#e4f2e4,transparent 48%),radial-gradient(ellipse at 95% 50%,#f1e9ff,transparent 48%),#fafaf4;min-height:100vh}body.has-game-navigation{padding-top:72px}
.lab-main{width:min(1050px,100%);margin:auto;padding:20px clamp(14px,4vw,38px) 48px}h1{font-size:clamp(30px,6vw,48px);line-height:1.12;letter-spacing:-1.4px;margin:16px 0 12px}h2{font-size:clamp(23px,4vw,30px);line-height:1.2}p{line-height:1.65}button,select,input{font:inherit}button,select{min-height:48px;border-radius:16px;border:2px solid #aac3c6;padding:11px 17px;background:#fff;color:var(--ink);font-weight:700}button{cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--teal);background:#f3faf7}button:disabled{cursor:default;opacity:.55}button[aria-pressed=true]{border-color:var(--teal);background:#def3ee}button.primary,.lab-primary{background:var(--teal);color:white;border-color:var(--teal)}button.primary:hover:not(:disabled){background:#0e555a;color:white}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bd641a;outline-offset:4px}a{color:#135e77;text-underline-offset:4px}img,svg,canvas{max-width:100%}[hidden]{display:none!important}.lab-toolbar{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.lab-toolbar button{font-size:14px;background:#ffffffb8}.lab-small{font-size:14px;color:var(--muted)}.lab-panel{border-radius:26px;padding:clamp(16px,3vw,28px);background:var(--paper);border:1px solid #d6e2dd;box-shadow:0 12px 30px #284b3610;margin:22px 0}.lab-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lab-help{width:min(520px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:2px solid #a7c5bb;border-radius:24px;padding:26px;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #163b4440}.lab-help::backdrop{background:#163848aa;backdrop-filter:blur(4px)}.lab-help h2{margin-top:0}.lab-help button{width:100%;margin-top:10px}.lab-credits{font-size:13px;color:var(--muted);line-height:1.7;margin-top:24px}.lab-kicker{text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:2px;color:var(--teal)}.lab-feedback{min-height:54px;font-size:20px;font-weight:700;line-height:1.5;color:#215d5a}.lab-choice-row{display:flex;gap:12px;flex-wrap:wrap}.lab-choice-row button{min-width:65px;font-size:28px}.lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.lab-grid>a{padding:24px;background:#fff;border:2px solid #d8e3df;border-radius:22px;text-decoration:none}.lab-grid strong{display:block;font-size:22px;margin-bottom:10px}.lab-grid span{font-size:16px;line-height:1.5}.lab-badge{display:inline-block;padding:7px 12px;border-radius:20px;background:var(--sun);font-size:13px;font-weight:750}
@media(max-width:400px){.lab-main{padding:12px 12px 36px}button,select{padding:10px 12px}.lab-toolbar button{font-size:13px}h1{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}