.learning-exhibit{background:#17323a;border:1px solid #ffffff20;border-radius:22px;min-width:0;margin:32px 0;padding:28px}.learning-exhibit h3{letter-spacing:-.7px;align-items:center;gap:12px;margin:12px 0 26px;font-size:clamp(23px,3vw,31px);line-height:1.2;display:flex}.learning-exhibit p{font-size:16px;line-height:1.6}.learning-exhibit small{color:#b3c6ca;font-size:12px;line-height:1.6}.learning-exhibit button,.learning-link{color:#eaf2ed;cursor:pointer;min-height:44px;font:inherit;background:#10272f;border:1px solid #73909988;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;line-height:1.4;display:inline-flex}.learning-exhibit button:hover:not(:disabled){border-color:#f7bd57}.learning-exhibit button[aria-pressed=true],.learning-exhibit .learning-primary{color:#142e34;background:#f7bd57;border-color:#f7bd57}.learning-exhibit button:disabled{opacity:.4;cursor:default}.learning-exhibit .learning-primary{font-weight:700}.learning-exhibit :is(button,input):focus-visible{outline-offset:4px;outline:3px solid #fff2c9}.learning-board{width:100%;height:auto;max-height:490px;display:block;overflow:visible}.learning-board [role=button]{cursor:pointer}.learning-board [role=button]:focus{stroke:#fff4cc;stroke-width:7px;outline:none}.couch-demo{grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr);align-items:center;gap:24px;display:grid}.demo-display{background:radial-gradient(#ffffff05,#081a2480),url(/assets/ocean.webp) 50%/cover;border:7px solid #0a1e26;border-radius:18px;min-width:0;padding:15px;position:relative;box-shadow:0 18px 38px #061c2455}.device-label{letter-spacing:1.6px;text-align:center;color:#b3c6ca;margin:6px 0 12px;font-size:9px;font-weight:600;display:block}.demo-phone{background:#10252c;border:5px solid #091d25;border-radius:28px;min-width:0;padding:18px 14px;box-shadow:0 20px 32px #081c2445}.demo-phone p{text-align:center;margin:12px 0;font-size:13px}.demo-phone .learning-primary{width:100%;margin-top:14px}.demo-avatar{color:#17353d;text-align:center;border:3px solid #ffffff40;border-radius:50%;width:40px;height:40px;margin:0 auto 14px;font-size:23px;font-weight:700;line-height:34px;box-shadow:0 4px #050f1555}.learning-hand{flex-wrap:wrap;justify-content:center;gap:5px;min-width:0;display:flex}.learning-card{background-position:50%;background-size:cover;border:1.5px solid #efdfa9;border-radius:6px;justify-content:center;align-items:end;width:43px;height:62px;padding:5px;display:inline-flex;box-shadow:0 3px #061d2966}.learning-card svg{color:#fff;border:1px solid #ffffff60;border-radius:50%;width:25px;height:25px;padding:3px}.location-choices{gap:8px;display:grid}.location-choices button{text-align:left;justify-content:start;font-size:13px}.location-choices small{color:inherit;font-size:10px}.seat-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.learning-exhibit .learning-status{color:#ecdfb9;background:#f7bd5706;border-left:2px solid #f7bd57;min-height:50px;margin:18px 0;padding:12px 16px;font-size:14px}.screen-hold{text-align:center;background:#0a182ee8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.screen-hold span{color:#c3d0d6;font-size:12px}.learning-piece{flex-shrink:0;width:42px;height:42px;display:inline-block}.demo-success{color:#f7bd57;flex-direction:column;align-items:center;gap:10px;margin:18px 0;font-size:14px;display:flex}.replay-demo{background:url(/assets/ocean.webp) 50%/cover;border-radius:15px;padding:10px}.replay-demo .learning-board{max-height:420px}.learning-range{color:#b3c6ca;margin-top:20px;font-size:12px;display:block}.learning-range b{float:right;color:#f5e9c9}.learning-range input{accent-color:#f7bd57;cursor:pointer;width:100%;height:44px;display:block}.learning-exhibit .demo-instruction{font-size:13px}.lesson-layout{grid-template-columns:1.4fr 1fr;align-items:start;gap:25px;display:grid}.lesson-layout .demo-display{padding:2px}.lesson-decision{min-width:0}.lesson-decision>p{margin-top:14px;font-size:14px}.lesson-decision>.learning-primary{width:100%;margin:14px 0}.setup-order{border-bottom:1px solid #ffffff15;justify-content:space-between;gap:5px;padding-bottom:12px;display:flex}.setup-order span{text-align:center;width:23px;height:28px;padding-top:2px;font-size:12px}.setup-order span.current{border-bottom:3px solid}.learning-hint{background:#10272f;border-radius:8px;padding:16px}.cost-picker{grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0;display:grid}.cost-picker>div{text-align:center;min-width:0}.cost-picker b{text-transform:capitalize;color:#d5e1df;margin:12px 0;font-size:12px;display:block}.cost-picker>div>div:last-child{justify-content:center;align-items:center;gap:4px;font-size:14px;display:flex}.cost-picker button{width:44px;min-width:44px;padding:5px}.return-practice{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0;display:flex}.return-practice button{background:0 0;padding:6px}.return-practice button[aria-pressed=true]{transform:translateY(-5px)}.learning-connections{border-top:1px solid #ffffff25;gap:0;margin:28px 0;display:grid}.learning-connections>div{border-bottom:1px solid #ffffff20;grid-template-columns:150px 1fr;gap:22px;padding:22px 0;display:grid}.learning-connections p{margin:0;font-size:15px}.learning-connections b{color:#f7bd57;font-size:15px}.learning-film{margin:35px 0}.learning-film video{aspect-ratio:16/9;background:#0b2029;border:1px solid #ffffff25;border-radius:18px;width:100%;display:block}.learning-film figcaption{color:#a9bec3;margin-top:12px;font-size:12px}.learning-film details{margin-top:14px;font-size:13px}.learning-film summary{cursor:pointer;min-height:44px;padding-top:10px}.learning-film ol{margin-left:20px;list-style:decimal}.story-next{border-top:1px solid #ffffff20;flex-wrap:wrap;align-items:center;gap:16px;margin-top:50px;padding:28px 0;display:flex}.story-next a{font-size:15px}.new-story-cards{gap:20px;margin-top:20px;display:grid}.new-story-cards .dice-story-card{margin:0;padding:32px}.story-card-art{justify-content:center;align-items:center;min-width:120px;display:flex}.story-card-art .learning-piece{width:70px;height:70px}@media (max-width:700px){.learning-exhibit{border-radius:16px;padding:22px 14px}.couch-demo{grid-template-columns:1fr;gap:22px}.demo-display{padding:8px}.demo-phone{width:100%;max-width:275px;margin:auto}.demo-phone .location-choices{grid-template-columns:repeat(3,1fr)}.demo-phone .location-choices button{text-align:center;flex-direction:column}.lesson-layout{grid-template-columns:1fr}.lesson-layout .learning-board{max-height:310px}.learning-exhibit .exhibit-controls{gap:7px}.learning-exhibit .exhibit-controls button{flex:auto}.learning-connections>div{grid-template-columns:1fr;gap:6px}.cost-picker{grid-template-columns:repeat(2,1fr);gap:5px}.cost-picker>div{margin-bottom:15px}.cost-picker button{width:44px}.story-card-art{min-width:0}}@media (prefers-reduced-motion:reduce){.learning-board g{transition:none!important}.return-practice button[aria-pressed=true]{transform:none}}.learning-exhibit output.learning-status{font-size:14px;display:block}.learning-try{min-height:44px;padding-top:14px;font-size:14px;display:inline-block}.return-result{gap:22px;margin:26px 0;display:grid}.return-result>div{background:#10272f;border-radius:12px;padding:18px}.learning-avatar{color:#263e43;background:linear-gradient(135deg, #fff5, #ffffff18 46%, #10273030), var(--player);width:38px;height:38px;box-shadow:inset 2px 2px #ffffff70, inset -2px -3px #10273035, 0 3px color-mix(in srgb, var(--player) 60%, #102730), 0 5px 8px #06182066;border:2px solid #263e43;border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:800;display:inline-grid}.demo-phone>.learning-avatar{margin:0 auto 12px;display:grid}.starting-hand{text-align:center;border-block:1px solid #ffffff18;gap:6px;margin:12px 0;padding:16px 0;font-size:14px;display:grid}.starting-hand small{font-size:12px}.location-choices small{font-size:14px}.real-replay{padding:0;position:relative;overflow:hidden}.real-replay .board-stage{aspect-ratio:734/632;height:auto;min-height:0}.real-replay .board{width:100%;height:100%;max-height:510px;display:block}.learning-replay-dock{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.learning-replay-dock button{padding:10px}.learning-replay-dock .learning-range{flex:1;min-width:130px;margin:0 0 0 10px}#creator-demo .learning-status{align-items:center;gap:14px;display:flex}.setup-rounds{gap:12px;display:grid}.setup-rounds>div>small{margin-bottom:10px;display:block}.setup-order{border:0;gap:8px;padding:0}.setup-order>div{border-radius:10px;flex:1;justify-items:center;gap:6px;padding:8px 4px;display:grid;position:relative}.setup-order>div.current{background:#f7bd5715;outline:1px solid #f7bd5770}.setup-order>div>svg{color:#78d4b0;position:absolute;top:3px;right:0}.setup-order .learning-avatar{width:32px;height:32px;padding:0;font-size:18px}.setup-order small{font-size:11px}.lesson-checkpoint{color:#b6ecd4;background:#78d4b010;border:1px solid #78d4b060;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;padding:18px;display:flex}.lesson-continue{color:#142e34;background:#f7bd57;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-top:20px;padding:14px 18px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.lesson-checkpoint .lesson-continue{width:100%;margin-top:6px}.lesson-continue:focus-visible{outline-offset:4px;outline:3px solid #fff2c9}.dice-story section:focus{outline:none}.production-example{grid-template-columns:1.35fr 1fr;align-items:center;gap:22px;display:grid}.production-receipts{gap:14px;display:grid}.production-receipt{background:#10272f;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.production-receipt .learning-hand{justify-content:start}.production-receipt .learning-card{width:32px;height:46px}.production-receipt b{font-size:14px}.production-receipt small{display:block}.production-receipt>div{gap:8px;display:grid}.learning-step-links{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.learning-step-links a{border:1px solid #ffffff28;border-radius:99px;padding:10px 14px;font-size:14px}@media (max-width:700px){.production-example{grid-template-columns:1fr}.learning-replay-dock .learning-range{flex-basis:100%;margin:6px 0 0}.real-replay .board{max-height:none}.setup-rounds{grid-template-columns:1fr 1fr;gap:12px}.setup-order{flex-wrap:wrap}.setup-order>div{flex:35%}}@media (prefers-reduced-motion:reduce){.lesson-continue{scroll-behavior:auto}}@media (max-width:700px){.setup-rounds{grid-template-columns:1fr}.setup-order{flex-wrap:nowrap}.setup-order>div{flex:1}}