.ob-stage [hidden]{display:none!important}
.ob-stage{--ob-ink:#17394e;--ob-line:#4c6a91;--ob-text:#e5f1ff;--ob-mint:#b7ead8;color:var(--ob-text)}
.ob-stage h2,.ob-stage h3{color:#f1f8ff;line-height:1.3}
.ob-stage h3{font-size:clamp(1.25rem,3.6vw,1.7rem)}
.ob-stage h3,.ob-stage h4,.ob-stage fieldset[tabindex]{scroll-margin-top:6.5rem}
.ob-stage h4{font-size:1.1rem;line-height:1.5;color:#f1f8ff}
.ob-stage [tabindex="-1"]:focus{outline:3px solid #ffe5a1;outline-offset:5px}
.ob-stage .kp-button{min-height:44px}
.ob-data-note{font-size:.9rem;line-height:1.6;color:#bfd3e8;margin:10px 0 20px}
.ob-options{display:grid;gap:16px}.ob-options label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-weight:700}
.ob-options select{min-height:48px;max-width:100%;background:#172a49;color:#f4f8ff;border:1px solid #7386b0;border-radius:12px;padding:10px 34px 10px 13px;font:inherit}
.ob-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ob-levels button{display:flex;gap:9px;align-items:center;text-align:left;border:2px solid #617ca0;background:#1d3453;color:#f2f7ff;font:inherit;font-size:.93rem;font-weight:700;border-radius:14px;min-height:60px;padding:12px;cursor:pointer;line-height:1.4}
.ob-levels button b{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:27px;height:27px;flex-shrink:0}
.ob-levels button[aria-pressed="true"]{background:#c2ebe5;color:#163f48;border-color:#c2ebe5}
.ob-stage button:focus-visible,.ob-stage select:focus-visible,.ob-stage summary:focus-visible{outline:3px solid #ffe5a1;outline-offset:4px}
.ob-progress{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 16px}
.ob-progress li{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;line-height:1.4;color:#a8c1dd;padding:12px 8px;border-bottom:3px solid #3e577b}
.ob-progress li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#304c6a;flex-shrink:0}
.ob-progress li[data-state="current"]{border-color:#f6ce75;color:#ffe0a2}
.ob-progress li[data-state="done"]{border-color:#a9e1cb;color:#c1f0dc}
.ob-progress li[data-state="done"] span{background:#a9e1cb;color:#183b36}
.ob-status{color:#e2efff;line-height:1.6}
.ob-phase>p{line-height:1.65;max-width:65ch}
.ob-count{font-weight:800;color:#c2f1de}
.ob-prediction{margin:22px 0;padding:16px;border:1px solid #6f89a8;border-radius:16px;background:#1a304e;min-width:0}
.ob-prediction legend{font-size:1.05rem;font-weight:800;color:#eff7ff;padding:0 8px;line-height:1.5}
.ob-prediction p{line-height:1.65;margin:4px 0 16px}
.ob-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.ob-choices button{min-height:48px;padding:12px 14px;border:2px solid #7894b4;border-radius:12px;background:#254364;color:#f0f7ff;font:inherit;font-weight:700;line-height:1.5;text-align:left;cursor:pointer}
.ob-first-idea,.ob-rule{border-left:4px solid #94d9cd;border-radius:0 10px 10px 0;background:#1b344b;color:#e2f1fb;padding:12px 16px;line-height:1.7}
.ob-rule{border-left-color:#b8c8ef;background:#243651}
.ob-group{margin-bottom:2px}
.ob-group[aria-pressed="true"]{background:#c2ead8;color:#163d33;border-color:#c2ead8}
.ob-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:10px;margin:16px 0 22px}
.ob-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:105px;padding:8px 5px;border-radius:16px;border:2px solid #819db5;background:#e9f2f6;color:#193a50;font:inherit;font-size:.83rem;font-weight:800;cursor:pointer;line-height:1.25;transition:transform .12s,border-color .12s,background .12s}
.ob-card svg{width:58px;height:58px;max-width:100%}
.ob-card small{position:absolute;left:5px;top:4px;font-size:.7rem;font-weight:700;color:#34556b}
.ob-card b{position:absolute;right:4px;top:3px;width:22px;height:22px;border-radius:50%;background:#174e42;color:#e1fff0;display:none;place-items:center}
.ob-card[aria-pressed="true"]{border-color:#69bd9c;background:#c5e9d9;transform:translateY(-2px)}
.ob-card[aria-pressed="true"] b{display:grid}
.ob-key{display:inline-flex;align-items:center;gap:8px;border:1px solid #b6a162;background:#403b2e;color:#ffe7b0;border-radius:12px;padding:10px 14px;font-weight:750;line-height:1.45}
.ob-scale-example{color:#d3e5f5;line-height:1.65;margin:0 0 18px}
.ob-figure{margin:0}
.ob-chart{max-width:640px;margin:18px auto}.ob-chart svg{display:block;width:100%;height:auto;border-radius:18px}
.ob-table-wrap{max-width:640px;margin:18px auto 24px}
.ob-table{width:100%;table-layout:fixed;border-collapse:collapse;background:#1c3451;color:#eef6ff;font-size:.94rem;line-height:1.5;text-align:left}
.ob-table caption{text-align:left;padding:0 0 10px;color:#e7f4ff;font-weight:700;line-height:1.6}
.ob-table th,.ob-table td{padding:11px 9px;border:1px solid #6b84a4;overflow-wrap:anywhere}
.ob-table th{font-weight:750}
.ob-table thead{background:#294969}
.ob-table td{text-align:center;font-variant-numeric:tabular-nums;font-weight:700}
.ob-table tfoot{background:#21483f;color:#e3ffef}
.ob-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:18px 0}
.ob-controls fieldset{min-width:0;margin:0;padding:10px;border:1px solid #637ea1;border-radius:14px;background:#1d3453}
.ob-controls fieldset[data-review="true"]{border:2px solid #ffe5a1}
.ob-controls legend{font-size:.94rem;font-weight:750;color:#eff6ff;padding:0 5px}
.ob-stepper{display:flex;justify-content:center;align-items:center;gap:8px}
.ob-stepper button{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border:1px solid #92b7cc;border-radius:12px;background:#d8edf3;color:#193c50;font:inherit;font-size:1.5rem;font-weight:800;cursor:pointer}
.ob-stepper output{font-size:1.1rem;font-weight:800;min-width:0;flex:1;text-align:center;color:#f6faff;line-height:1.4}
.ob-block-count{text-align:center;color:#d1e8f6;font-size:.88rem;line-height:1.5;margin:10px 0 0}
.ob-stepper button[aria-disabled="true"]{opacity:.6;cursor:default}
.ob-stage button:disabled{opacity:.45;cursor:default}
.ob-reference{border:1px solid #526c90;border-radius:14px;padding:13px 16px;margin:16px 0 20px}
.ob-reference summary{cursor:pointer;min-height:44px;line-height:1.6;font-weight:700;color:#d2e7f8;padding:8px 0}
.ob-reference [role="list"]{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px}
.ob-reference-card{width:82px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#e9f2f6;color:#193a50;border-radius:9px;padding:6px;font-size:.78rem;font-weight:700;line-height:1.3;text-align:center}
.ob-reference-card svg{width:42px;height:42px;display:block}
.ob-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:16px 0}
.ob-question{padding:22px;border:1px solid #637c9b;border-radius:20px;background:#172e4a}
.ob-question-number{color:#bbdacd;font-weight:750;font-size:.9rem;margin:0}
.ob-answers{display:grid;gap:10px;margin:18px 0}
.ob-answers button{border:2px solid #6c87a8;border-radius:14px;background:#254364;color:#f0f7ff;font:inherit;font-weight:700;text-align:left;min-height:52px;line-height:1.55;padding:12px 16px;cursor:pointer}
.ob-answers button[aria-pressed="true"]{border-color:#c2ead8;background:#c2ead8;color:#163d33}
.ob-answers button[aria-disabled="true"]{cursor:default}
.ob-question [role="status"]{line-height:1.7;min-height:2em;color:#e5efff}
.ob-question [data-correct="true"]{color:#c7f1d9}
.ob-bottom-note{text-align:center;margin:24px 0 0}
.ob-win p{max-width:53ch;margin:14px auto;line-height:1.7}
@media(max-width:600px){.ob-levels{grid-template-columns:1fr}.ob-levels button{min-height:48px}.ob-progress li{flex-direction:column;text-align:center;padding:10px 4px;font-size:.8rem}.ob-options label{align-items:flex-start;flex-direction:column}.ob-options select{width:100%}.ob-choices{grid-template-columns:1fr}.ob-prediction{padding:12px}.ob-cards{grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:8px}.ob-card{min-height:95px;font-size:.78rem}.ob-card svg{width:52px;height:52px}.ob-table{font-size:.88rem}.ob-table th,.ob-table td{padding:9px 5px}.ob-controls{grid-template-columns:1fr}.ob-controls fieldset{padding:8px 12px}.ob-stepper{gap:16px}.ob-question{padding:16px}}
@media(prefers-reduced-motion:reduce){.ob-card{transition:none}.ob-card[aria-pressed="true"]{transform:none}}
html[data-kids-motion="reduce"] .ob-card{transition:none}
html[data-kids-motion="reduce"] .ob-card[aria-pressed="true"]{transform:none}