:root{--mint:#c2ff8b;--purple:#c6aaff}.panel{width:min(690px,100%);padding:24px;max-height:100%;background:#101830f5}.panel.wide{width:min(820px,100%)}.panel h1{font-size:clamp(30px,4vw,48px)}.panel h2{font-size:26px}.panel p{font-size:14px}.orbi{display:flex;align-items:center;gap:10px;text-align:left;background:#253750;border-radius:14px;padding:10px 14px;font-size:14px;color:#e0f4ff;margin:12px 0}.orbi b{color:#8cf0e6;flex:none;font-size:12px;letter-spacing:1px}.orbi span{line-height:1.35}.room-grid,.galaxy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.room,.destination{position:relative;text-align:left;border-color:#586187;padding:13px;min-height:74px;background:#24304b}.room strong,.destination strong{display:block;font-size:15px;color:#f8faff}.room small,.destination small{display:block;font-size:11px;color:#b8c7e1;margin-top:6px;line-height:1.4}.room.locked,.destination:disabled{opacity:.48}.room .symbol{float:right;font-size:23px}.hub-summary{display:flex;gap:10px;justify-content:center;font-size:12px;color:#d7e6ff;margin:8px 0}.hub-summary span{background:#293553;padding:7px 10px;border-radius:20px}.ship-preview{width:100%;height:140px;display:block}.age-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.age-grid button{padding:14px 5px;font-size:24px}.age-grid canvas{width:60px;height:60px;margin:auto}.profile-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}.profile-list button{font-size:14px}.nickname{display:block;width:100%;max-width:290px;margin:15px auto;background:#243451;color:white;border:1px solid #8293b9;border-radius:10px;font:inherit;padding:12px;min-height:44px}.room-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.room-toolbar h2{margin:0}.room-toolbar button{font-size:12px;padding:7px 10px;min-height:38px}.egg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.egg-card{padding:13px;background:#222d47;border:1px solid #566080;border-radius:15px}.egg-card canvas{width:80px;height:100px;margin:auto}.egg-card p{font-size:12px;margin:6px 0}.egg-card button{min-width:0;padding:8px;width:100%;font-size:13px}.egg-charge{height:6px;border-radius:4px;background:#455271;overflow:hidden;margin:9px 0}.egg-charge i{display:block;height:100%;background:#ffdb7c}.cosmetic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.cosmetic-grid button{font-size:12px;padding:10px 5px}.cosmetic-grid button.equipped{border-color:#c2ff8b;background:#334638}.section-label{font-size:12px;letter-spacing:1.3px;color:#b5c8e9;text-align:left;margin:18px 0 9px}.reward-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.reward-choice button{padding:20px 8px;font-size:16px;min-height:110px;color:#e7ddff}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.mode-grid button{text-align:left;padding:18px}.mode-grid b{display:block;font-size:18px;margin-bottom:9px}.mode-grid small{font-size:12px;line-height:1.5;color:#c6d1e9}.mission-progress{display:flex;justify-content:center;gap:6px;margin:10px 0}.mission-progress i{width:13px;height:6px;border-radius:4px;background:#4b5773}.mission-progress i.done{background:#c2ff8b}.joystick{width:130px;height:110px;border:2px solid #7387b0;border-radius:55px;background:radial-gradient(circle,#334768,#19273e);position:relative;touch-action:none;user-select:none;flex:none}.joy-direction{position:absolute;inset:0;display:grid;place-items:center;color:#a4b3d2;font-size:20px;letter-spacing:9px}#joyKnob{position:absolute;width:61px;height:61px;left:33px;top:23px;border-radius:50%;background:linear-gradient(#809abf,#4a668e);border:3px solid #a4b9d8;box-shadow:0 5px 0 #0c1b32;pointer-events:none}.joystick.active{border-color:#b9ff92;box-shadow:0 0 18px #9afa7240}.joystick.active #joyKnob{background:#98d5be;border-color:#c4ffe2}.touch-controls .jump{height:108px;min-width:130px}.ability-ready{animation:pulseButton 1.5s 2}@keyframes pulseButton{50%{box-shadow:0 0 22px #bd9afa}}.station-title{font-size:23px!important;margin:9px 0!important}.station-content{display:grid;grid-template-columns:1fr 200px;gap:14px;align-items:start}.activity-scene{background:linear-gradient(#16273d,#202644);border:1px solid #536881;border-radius:14px;overflow:hidden}.activity-scene canvas{display:block;width:100%;height:205px;touch-action:manipulation}.model-caption{padding:8px 10px;font-size:12px;color:#c6e3f2;min-height:31px}.station-controls .keypad button{height:43px;min-height:43px;font-size:19px}.station-controls .answer-display{margin:0 0 8px;min-height:42px}.station-controls .primary{min-width:0;width:100%;margin-top:10px}.activity-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:8px}.activity-actions button{padding:6px 9px;min-height:37px;font-size:13px}.choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-buttons button{font-size:24px;min-height:80px}.teach-box{background:#2a3c4d;color:#d6fbe7;border-radius:12px;padding:13px;margin:12px 0;font-size:14px;line-height:1.5}.teach-box .primary{margin-top:10px}.support-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.support-tools button{font-size:12px;min-height:38px}.save-notice{text-align:center;font-size:12px;background:#493823;color:#ffdbaf;padding:10px}.room-empty{padding:20px 0}.room-empty p{color:#bdcfe7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.settings-grid label{display:flex;align-items:center;gap:9px;font-size:13px;background:#25334d;padding:10px;border-radius:9px}.settings-grid input{width:20px;height:20px;accent-color:#baff8d}.colours{display:flex;gap:8px;justify-content:center;margin:15px}.colours button{width:45px;height:45px;border-radius:50%}.hidden{display:none!important}.scroll-list{text-align:left;font-size:14px;line-height:1.6;color:#c7d8ee}.scroll-list li{margin:9px 0}.stars-count{font-size:32px;color:#ffe59d;font-weight:850}.compact{font-size:12px!important;color:#b6c5e0}footer a{color:#b6c5e0}.touch-controls .fire{height:70px;min-width:85px}.flight-mode .touch-controls .jump{display:none}.flight-mode .joystick{height:125px;width:135px}.flight-mode #joyKnob{top:30px;left:35px}
@media(max-width:650px){.panel{padding:16px;width:min(440px,100%)}.panel.wide{width:100%}.room-grid,.galaxy-grid{grid-template-columns:repeat(2,1fr)}.room{min-height:70px;padding:10px}.age-grid{grid-template-columns:repeat(3,1fr)}.age-grid button{font-size:21px}.age-grid canvas{width:44px;height:44px}.ship-preview{height:115px}.egg-grid{grid-template-columns:repeat(2,1fr)}.cosmetic-grid{grid-template-columns:repeat(3,1fr)}.station-content{grid-template-columns:1fr;gap:8px}.activity-scene canvas{height:150px}.station-controls .keypad{grid-template-columns:repeat(4,1fr)}.station-controls .keypad button{height:42px}.station-controls .answer-display{min-height:39px}.station-title{font-size:19px!important}.orbi{font-size:12px;padding:9px 10px;margin:9px 0}.support-tools{margin-top:8px}.joystick{width:122px;height:105px}#joyKnob{left:29px;top:20px}.touch-controls .jump{height:108px;min-width:111px}.touch-controls .fire{min-width:66px;font-size:13px;height:65px}.reward-choice button{font-size:13px}.room-toolbar h2{font-size:22px}.settings-grid{grid-template-columns:1fr}.activity-actions button{min-height:34px}.hint{font-size:11px}.question{font-size:25px}main{padding-top:6px}.header-actions button{font-size:11px}.mode-grid button{padding:12px}.mode-grid b{font-size:16px}.panel p{font-size:13px}.hub-summary{font-size:10px}.hub-summary span{padding:6px 8px}.world-label{max-width:70%}.mobile-note{margin:8px 4px}.touch-controls{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(orientation:landscape) and (max-height:600px){.panel,.panel.wide{width:min(820px,96%);max-width:820px;padding:13px 20px}.room-grid{grid-template-columns:repeat(4,1fr);margin:8px 0}.room{min-height:55px;padding:8px}.room strong{font-size:12px}.room small{font-size:10px}.ship-preview{height:75px}.panel h1{font-size:28px}.galaxy-grid{grid-template-columns:repeat(4,1fr)}.destination{padding:9px;min-height:65px}.destination strong{font-size:12px}.age-grid{grid-template-columns:repeat(5,1fr)}.age-grid canvas{width:35px;height:35px}.station-content{grid-template-columns:1fr 200px;gap:10px}.activity-scene canvas{height:130px}.station-controls .keypad{grid-template-columns:repeat(4,1fr)}.station-controls .keypad button{min-height:32px;height:32px;font-size:15px}.station-title{font-size:18px!important}.station-controls .answer-display{min-height:30px;font-size:20px}.station-controls .primary{padding:8px;min-height:36px;margin-top:5px}.orbi{margin:6px 0;padding:6px 10px;font-size:11px}.model-caption{padding:5px;font-size:10px;min-height:20px}.support-tools{margin-top:5px}.support-tools button{padding:5px 8px;min-height:30px}.joystick{width:112px;height:88px;pointer-events:auto;background:#182842b8}#joyKnob{width:52px;height:52px;left:28px;top:15px}.touch-controls .jump{height:90px;min-width:107px}.touch-controls{align-items:end}.hub-summary{margin:5px 0}.room-toolbar{margin-bottom:6px}.egg-grid{grid-template-columns:repeat(4,1fr)}.egg-card canvas{width:55px;height:65px}.cosmetic-grid{grid-template-columns:repeat(6,1fr)}.settings-grid{grid-template-columns:1fr 1fr}.teach-box{padding:8px;margin:7px 0;font-size:12px}.teach-box .primary{padding:7px;margin-top:5px}.reward-choice{margin:9px 0}.reward-choice button{min-height:65px}.flight-mode .joystick{width:112px;height:112px}.flight-mode #joyKnob{left:28px;top:28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}