.universe-hub{max-width:1500px}.universe-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;margin:3px 0 24px}.universe-intro h1{font-size:44px;margin-top:9px;letter-spacing:-1.8px}.universe-intro p{font-size:13px;color:var(--muted);max-width:330px}.universe-hero{height:330px;border-radius:27px;overflow:hidden;position:relative;background:#c5e5e7 url('./assets/exploration-universe.png') center 55%/cover;box-shadow:0 10px 26px #36504a14;border:1px solid #e0e8e1}.universe-hero:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#173838b3);pointer-events:none}.universe-hero-copy{position:absolute;bottom:25px;left:30px;right:30px;z-index:1;color:white;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.universe-hero-copy h2{font-size:29px;letter-spacing:-.8px;text-shadow:0 2px 9px #123b4960}.universe-hero-copy p{font-size:12px;margin-top:5px;color:#f0fff5}.universe-hero-copy .primary{background:#fff7db;color:#355353;box-shadow:0 4px 0 #d7cda9;white-space:nowrap}.world-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.world-filters button{padding:9px 16px;border:1px solid #e2e4d9;border-radius:25px;font-size:12px;background:#fffdf7}.world-filters button[aria-pressed=true]{background:#335e51;color:white;border-color:#335e51}.world-card .illustrated-cover{background-image:url('./assets/exploration-universe.png');background-size:440% auto;height:177px}.world-card .world-content{padding:17px 18px}.world-card .world-content h3{font-size:20px}.world-card .world-content .eyebrow{color:#527465}.world-card .world-content p{font-size:11px}.world-card .world-number{background:#243d44a1;backdrop-filter:blur(5px)}.world-regions{font-size:10px;color:#7b8190;margin-top:9px;font-family:DM;font-weight:500}.new-world-tag{position:absolute;right:13px;top:14px;border-radius:8px;background:#fff4ca;padding:5px 9px;font-size:9px;color:#6c5827;letter-spacing:.9px}.replay-tag{font-size:10px;color:#587568}.universe-hub .world-grid{row-gap:23px}.universe-welcome{background-image:linear-gradient(#16344020,#142f365e),url('./assets/exploration-universe.png');background-size:cover;background-position:center;min-height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;padding:40px}.welcome-glass{max-width:570px;background:#fffdf3f2;backdrop-filter:blur(18px);padding:36px 42px 32px;border-radius:30px;box-shadow:0 24px 85px #173d3b35;text-align:center}.welcome-glass .welcome-brand{justify-content:center}.welcome-glass h1{font-size:47px;margin:17px 0}.welcome-glass h1 em{font-style:normal;color:#357e71}.welcome-glass>p{font-size:14px;color:#737c87;margin:16px 0 22px}.welcome-world-count{display:flex;justify-content:center;gap:22px;margin:23px 0 7px;color:#647674;font-size:11px}.welcome-world-count strong{font-family:Nunito;font-size:19px;color:#355e53;display:block}.universe-guide .guide-intro{padding:19px 18px}.universe-guide .guide-title h2{font-size:18px}.universe-guide .guide-title p{font-size:10px}.companion-tabs{display:flex;padding:0 12px;border-bottom:1px solid var(--line);gap:3px;background:#f9f7f0}.companion-tabs button{flex:1;font-size:11px;padding:13px 5px;border-bottom:3px solid transparent;white-space:nowrap}.companion-tabs button[aria-pressed=true]{border-bottom-color:#8a74d2;color:#7960bd;background:#f0ebfa}.expedition-page{padding:20px 18px}.expedition-kicker{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:8px;font-weight:800;letter-spacing:1px;color:#708774;margin-bottom:11px}.expedition-kicker span:last-child{font-size:9px;letter-spacing:0;padding:4px 7px;background:#e9f1e5;border-radius:7px}.expedition-page>h3{font-size:20px;letter-spacing:-.5px;margin-bottom:7px}.interest-chips{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.interest-chips button{border:1px solid #e4e3dc;background:#fffef8;border-radius:10px;font-size:10px;padding:6px 9px;min-height:31px}.interest-chips button[aria-pressed=true]{border-color:#c9b9e9;color:#765cad;background:#ede6f7}.active-expedition{margin-top:18px}.expedition-progress{display:flex;align-items:center;gap:12px;justify-content:space-between}.expedition-progress h3{font-size:16px;line-height:1.3}.expedition-progress>span{font-size:11px;color:#7662b1;white-space:nowrap}.step-button small{font-size:9px;font-weight:500;font-family:DM;display:block;color:#83908b;margin-top:4px}.step-arrow{margin-left:auto;color:#8c7db2}.curiosity-preview{padding:22px 16px;background:linear-gradient(145deg,#edf4e6,#edf0f5);border:1px solid #e0e7da;border-radius:17px;margin-top:25px;text-align:center}.curiosity-preview>span{font-size:36px}.curiosity-preview h4{font-size:14px;margin:9px 0}.curiosity-preview p{font-size:11px;color:#7a8582}.expedition-journal-note{font-size:10px;color:#88928a;margin:20px 0}.expedition-finished{font-size:12px;padding:15px;background:#ecf3e7;border-radius:13px;line-height:1.7}.expedition-invite{display:flex;flex-wrap:wrap;gap:7px;align-items:center;border-top:1px solid #e6e5d7;padding-top:11px;margin-top:12px}.expedition-invite .primary{font-size:12px;padding:9px 13px}.expedition-invite .text-button{font-size:11px;padding:7px}.mini-world-map{position:absolute;left:18px;bottom:24px;width:115px;padding:7px;border:1px solid #ffffffb3;border-radius:18px;background:#fffdf3eb;box-shadow:0 4px 18px #234a4820;z-index:2}.mini-world-map svg{width:100%;display:block;border-radius:12px}.mini-world-map>span{display:block;font-size:10px;margin-top:5px;color:#4a6b5d}.current-region{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:#fffdf1;font-size:11px;font-weight:600;text-shadow:0 1px 6px #1d3939;pointer-events:none;z-index:1}.region-atlas{position:relative;background:var(--map-ground);border-radius:20px;margin-bottom:17px;padding:14px}.region-atlas svg{display:block;max-height:230px;width:100%}.region-atlas>span{display:block;font-size:10px;text-align:center;color:#293f3b;margin:4px}.region-cards{display:grid;gap:10px}.region-cards button{display:flex;gap:13px;align-items:center;text-align:left;background:#f0f2e8;border:1px solid #dfe5d7;border-radius:15px;padding:13px}.region-color{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;flex-shrink:0;font-size:22px}.region-cards strong{font-size:15px}.region-cards small{display:block;font-family:DM;font-size:10px;color:#74837b;line-height:1.6;margin-top:4px;font-weight:400}.region-cards button>span:last-child{font-size:10px;color:#4b7b69;white-space:nowrap;margin-left:auto}.chat-page{padding:19px 17px}.chat-welcome{text-align:center}.chat-welcome .pip-face{margin:auto;width:42px;height:42px;font-size:27px}.chat-welcome h3{font-size:19px;margin:11px 0 7px}.chat-welcome p{font-size:11px;color:#7d8490}.chat-mode-buttons{display:flex;gap:5px;margin:16px 0}.chat-mode-buttons button{font-size:10px;padding:8px 6px;border-radius:9px;background:#eeebf6;flex:1}.chat-bubble{padding:13px 14px;background:#f1eee6;border-radius:15px 15px 15px 4px;margin:11px 0;font-size:12px;line-height:1.8}.chat-bubble.user{background:#eae4f4;border-radius:15px 15px 4px 15px;margin-left:20px}.chat-bubble small{display:block;font-size:9px;font-weight:800;color:#9282ad;margin-bottom:5px}.chat-bubble p{white-space:pre-wrap}.chat-thinking{font-size:11px;color:#9a85b3;padding:15px 4px}.chat-thinking span{display:block;font-size:10px;letter-spacing:4px;margin:5px}.chat-page textarea{width:100%;resize:vertical;min-height:80px;border:1px solid #dfdce4;padding:11px;border-radius:12px;font-family:DM;font-size:12px;color:var(--ink);background:white}.chat-submit{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:9px 0 12px}.chat-submit>span{font-size:8px;line-height:1.6;color:#909392;max-width:145px}.chat-submit .primary{font-size:11px;padding:9px 13px}.chat-disclosure{font-size:9px;line-height:1.7;color:#979898}.experiment-dialog{max-width:650px}.experiment-question{font-size:15px;margin-bottom:18px;line-height:1.75}.experiment-model{padding:19px 20px;border-radius:18px;background:linear-gradient(140deg,#edf4e5,#e5eff4);border:1px solid #dfe9db;text-align:center;margin-bottom:21px;min-height:130px}.experiment-model .muted{font-size:11px;margin-top:10px}.experiment-model .secondary{font-size:12px;padding:8px 13px;min-height:38px}.number-workbench{display:flex;align-items:center;justify-content:center;gap:12px}.number-workbench button{width:48px;height:46px;background:#e7dff5;border-radius:13px;font-size:21px;color:#7960b3}.number-workbench input{width:100px;height:53px;border-radius:13px;border:2px solid #cbbbdf;background:white;font-family:Nunito;font-size:26px;text-align:center;color:#5a4a7a}.answer-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.answer-choice{display:flex;align-items:center;padding:12px 15px;border:1px solid #e2dce8;border-radius:12px;background:#fffdfb;gap:8px;font-size:13px;cursor:pointer}.answer-choice:has(input:checked){background:#eee7f8;border-color:#bca5da}.answer-choice input{accent-color:#8b70c0;min-height:0}.answer-options button{padding:10px 13px;border:1px solid #ded5ea;border-radius:10px;font-size:12px;background:#f3edf9}.sequence-slots{display:flex;flex-wrap:wrap;gap:6px;min-height:50px;border:1px dashed #c5bad4;border-radius:12px;padding:12px;margin:9px 0 13px;font-size:11px;color:#9c8cb0}.sequence-slots span{display:inline-block;background:#e1eedb;color:#5e7855;padding:7px 9px;border-radius:7px;font-weight:600}.experiment-feedback{padding:11px 14px;background:#f3f0e8;border-radius:11px;font-size:12px;line-height:1.7;margin-top:18px;color:#837b68}.experiment-feedback.correct{background:#e8f3e2;color:#53754c}.experiment-solved{padding:14px;text-align:center;background:#e9f3e4;border:1px solid #d4e6cb;border-radius:12px;color:#597f4e;font-size:13px}.group-model{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.model-group{background:#ffffffc9;padding:10px;border-radius:12px;max-width:120px;border:2px solid transparent}.model-group span{display:block;font-size:20px;line-height:1.6}.model-group small{display:block;font-size:9px;color:#809482;margin-top:6px}.model-group.counted{border-color:#90be80;background:#e4f0dd}.measurement-model{display:flex;gap:27px;align-items:flex-end;justify-content:center;padding:5px}.measurement-model>div{display:flex;flex-direction:column;align-items:center;min-width:70px}.measurement-model span{display:block;width:48px;border-radius:10px 10px 0 0}.measurement-model strong{font-family:Nunito;font-size:16px;margin-top:7px}.measurement-model small{font-size:10px;margin-top:4px;color:#7b8e8f}.route-model{display:grid;grid-template-columns:repeat(7,1fr);width:210px;height:210px;gap:2px;margin:0 auto 10px;background:#b0c8b1;padding:3px;border-radius:8px}.route-model span{display:grid;place-items:center;background:#f9fff3;font-size:18px}.route-model span.visited{background:#d3c2ef}.route-commands{font-size:20px;color:#657d6b;letter-spacing:4px;margin:9px}.sound-bars{display:flex;gap:6px;align-items:center;justify-content:center;height:84px}.sound-bars i{display:block;width:12px;background:#a392d7;border-radius:9px}.tone-buttons{display:flex;justify-content:center;gap:7px;margin-top:13px}.tone-buttons button{background:#fffdf5;padding:8px;border-radius:8px;font-size:10px}.pluck-string{height:4px;background:#a592cc;margin:35px 6px;box-shadow:0 5px 0 #bbb0d333,0 -5px 0 #bbb0d333}.pluck-string.vibrating{animation:string-wave .13s linear 9}@keyframes string-wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(3)}}.capacity-model{display:flex;justify-content:center;gap:24px;align-items:center}.model-tank{position:relative;width:88px;height:140px;border:4px solid #92b1c0;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:#d1e8eb}.model-tank div{position:absolute;bottom:0;left:0;right:0;background:#60bbc8;height:0;transition:height .35s}.model-tank>span{position:absolute;inset:10px 0 auto;font-size:12px;font-weight:700}.bucket-icon{font-size:31px}.capacity-model p{font-size:11px;margin:6px}.balance-model{height:115px;padding-top:25px}.balance-beam{height:13px;max-width:270px;background:#b18ab5;margin:auto;display:flex;justify-content:space-between;align-items:center;transition:transform .35s;position:relative;z-index:1}.balance-beam>span{font-size:17px;border:2px solid #a3b99a;border-top:0;background:#f5fff0;padding:15px 10px;border-radius:0 0 20px 20px;transform:translateY(25px)}.balance-stand{font-size:60px;line-height:1;color:#cfbd83}.mix-lights{display:flex;justify-content:center;gap:8px}.mix-lights button{font-size:11px;padding:10px;border-radius:12px;background:#fbfaff;border:2px solid #d1d6d4}.mix-lights button[aria-pressed=true]{border-color:#8e7cbb;background:#e5dcf4}.light-result{width:115px;height:90px;margin:17px auto;background:#0c0c0c;border-radius:50%;border:8px solid #b8b5c4;transition:background .25s}.clock-model{position:relative;width:130px;height:130px;background:#fffdf1;border:6px solid #d0be90;border-radius:50%;margin:0 auto 14px}.clock-model span{position:absolute;font-size:13px;font-weight:700}.clock-model span:nth-child(1){top:4px;left:49px}.clock-model span:nth-child(2){right:8px;top:47px}.clock-model span:nth-child(3){bottom:4px;left:53px}.clock-model span:nth-child(4){left:8px;top:47px}.clock-model i{position:absolute;left:56px;top:27px;height:34px;width:6px;background:#8d72b7;border-radius:6px;transform-origin:50% 100%;transition:transform .3s}#clock-caption{font-size:11px;margin:9px}.gear-model{display:flex;justify-content:center;align-items:center;gap:0;height:115px}.gear-model button,.gear-model span{font-size:95px;line-height:1;display:block;transition:transform .3s;color:#a380be}.gear-model span{color:#d1ab60;margin-left:-9px}.circuit-model{display:flex;justify-content:center;gap:20px;align-items:center;border:5px solid #809b8b;border-radius:20px;padding:15px}.circuit-model span{font-size:36px}.circuit-model button{font-size:11px;background:#fffdf3;padding:10px;border-radius:10px}.circuit-model #circuit-bulb{opacity:.35}.circuit-model.powered{border-color:#e1c958}.circuit-model.powered #circuit-bulb{opacity:1;filter:drop-shadow(0 0 12px #ffd559)}.rock-layers{margin:auto;max-width:300px}.rock-layers div{padding:15px;background:#d6c69b;font-size:12px;border-bottom:3px solid #af8e67}.rock-layers div:nth-child(2){background:#b89c75}.rock-layers div:nth-child(3){background:#978164;color:white}.seed-model,.process-model{font-size:53px;padding:10px}.pattern-model{display:flex;align-items:center;justify-content:center;gap:9px}.pattern-model span{background:#fffdf2;padding:16px 18px;border-radius:12px;font-size:24px;font-family:Nunito}.pattern-model i{font-style:normal;color:#75948b}.journal-expeditions{margin-top:22px;padding-top:19px;border-top:1px solid var(--line)}.journal-expeditions h3{font-size:18px;margin-bottom:9px}.journal-expeditions p{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.universe-hero{height:290px}.mini-world-map{width:94px}.universe-intro h1{font-size:38px}.universe-guide .guide-title h2{font-size:16px}.companion-tabs button{font-size:10px}.interest-chips{gap:5px}.interest-chips button{padding:5px 7px}}
@media(max-width:800px){.universe-intro{display:block}.universe-intro h1{font-size:35px}.universe-intro p{max-width:100%;margin-top:12px}.universe-hero{height:265px;background-position:45% center}.universe-hero-copy{left:19px;right:19px;bottom:20px;display:block}.universe-hero-copy h2{font-size:24px}.universe-hero-copy .primary{margin-top:14px;font-size:12px;padding:9px 15px}.universe-hero-copy p{font-size:10px;max-width:240px}.world-card .illustrated-cover{height:165px;background-size:440% auto}.world-card .world-content h3{font-size:18px}.mini-world-map{left:13px;top:113px;bottom:auto;width:88px;border-radius:14px;padding:5px}.mini-world-map>span{font-size:8px;margin-top:4px}.current-region{bottom:12px;font-size:9px;left:auto;right:15px;transform:none;max-width:210px;text-align:right}.game .action-dock{max-height:45dvh;overflow:auto}.experiment-dialog{padding:22px}.experiment-question{font-size:13px}.experiment-model{padding:14px}.region-cards button{padding:11px;gap:9px}.region-cards strong{font-size:13px}.welcome-glass{padding:29px 25px}.universe-welcome{padding:25px;background-position:42% center}.welcome-glass h1{font-size:37px}}
@media(max-width:430px){.universe-hub .world-grid{gap:13px}.world-card .illustrated-cover{height:141px}.world-card .world-content{padding:13px}.world-card .world-content h3{font-size:16px;min-height:38px}.world-regions{font-size:8px}.replay-tag{font-size:8px}.universe-hero{height:260px}.universe-intro h1{font-size:32px}.universe-hero-copy h2{font-size:22px}.welcome-glass h1{font-size:32px}.welcome-glass>p{font-size:12px}.welcome-world-count{gap:14px;font-size:9px}.region-cards button>span:last-child{font-size:9px}.model-group{max-width:96px;padding:7px}.model-group span{font-size:17px}.capacity-model{gap:15px}.pattern-model{gap:5px}.pattern-model span{padding:11px;font-size:19px}}
.universe-hero-copy .pill{color:#355e53;margin-bottom:11px;background:#fff9e9eb;border-color:#ffffff80}.chat-follow-up{margin-top:10px;padding-top:9px;border-top:1px solid #ddd8e3;color:#657565;font-size:11px}
@media(prefers-reduced-motion:reduce){.pluck-string.vibrating{animation:none}}
/* World cards show a real shot of each 3D world (tools/capture-covers.cjs). */
.illustrated-cover.world-shot{background-size:cover!important;background-position:center!important}