:root{font-family:'Avenir Next','Trebuchet MS',sans-serif;color:#253a43;--sky:#b8e5f5;--bottom:#effad8;--stage:#519879;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#f8f8ef;-webkit-tap-highlight-color:transparent}.game-shell{display:flex;height:100dvh;min-height:100svh;width:100%;padding:12px;gap:12px}.world{position:relative;min-width:0;flex:1;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse at 40% 34%,#ffffff36,transparent 66%),linear-gradient(var(--sky),var(--bottom));box-shadow:inset 0 1px 0 #ffffffa3;transition:background 1s cubic-bezier(.32,.72,0,1)}#scene{width:100%;height:100%;display:block;touch-action:none}.brand{position:absolute;top:25px;left:26px;display:flex;gap:10px;align-items:center;pointer-events:none}.brand strong{font-size:16px;font-weight:800;letter-spacing:-.5px}.brand span:not(.brand-cubes){display:block;font-size:8px;letter-spacing:3.8px;margin-top:3px;font-weight:800}.brand-cubes{display:grid;grid-template-columns:12px 12px;grid-template-rows:12px 12px;gap:2px;transform:rotate(-8deg)}.brand-cubes i{background:#ed4944;border-radius:3px}.brand-cubes i:nth-child(2){background:#ffb330;grid-row:2}.brand-cubes i:nth-child(3){background:#76b17f;grid-column:2;grid-row:2}.location{position:absolute;top:32px;right:24px;border-radius:99px;background:#ffffff9c;padding:8px 12px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;max-width:45%}.location-dot{width:6px;height:6px;background:var(--stage);border-radius:50%;flex-shrink:0}.number-sign{position:absolute;top:105px;left:18px;right:18px;text-align:center;pointer-events:none}.eyebrow{display:block;font-size:8px;letter-spacing:2.3px;font-weight:800;color:#687d79}.number-sign h1{font-size:clamp(38px,5.3vw,70px);margin:4px auto 0;font-weight:800;letter-spacing:-2px;line-height:1.08;overflow-wrap:anywhere;max-width:90%}.number-sign p{margin:7px auto 0;font-size:12px;max-width:400px;line-height:1.5;font-weight:600}.world.space{color:#fff6ec}.space .eyebrow{color:#d1ded8}.camera-tools{position:absolute;left:20px;bottom:91px;display:flex;gap:6px;padding:4px;border-radius:22px;background:#ffffff55;box-shadow:inset 0 1px 0 #ffffff75}.camera-tools button{background:#fffdf1e8;color:#304754;width:44px;height:44px;border-radius:18px;font-size:24px;font-weight:500}.world-footer{position:absolute;bottom:23px;left:23px;right:23px;text-align:center;pointer-events:none}.world-footer p{font-size:13px;font-weight:700;margin:0 0 7px}.world-footer span{font-size:10px;opacity:.65}.controls-shell{width:282px;flex-shrink:0;background:#e9ebdf;border-radius:30px;padding:5px;box-shadow:inset 0 1px 0 #fff}.controls{height:100%;background:#fffef7;border-radius:25px;padding:24px 19px 13px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.panel-title{position:relative;margin-bottom:24px}.panel-title h2{font-size:30px;font-weight:800;letter-spacing:-1.2px;line-height:1.13;margin:8px 0 0}.tiny-star{position:absolute;right:4px;bottom:5px;color:#eec274;font-size:30px;transform:rotate(12deg)}h3{font-size:12px;margin:0;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading>span{color:#97a796}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.steps button{height:44px;border-radius:14px;background:#e8f0e3;color:#3b684e;font-size:17px;font-weight:800}.steps.subtract{margin-top:6px}.subtract button{height:40px;background:#f4f3e9;color:#778377;font-size:14px}.double-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin:17px 0 19px;background:#efb84e;color:#493920;border-radius:21px;padding:13px 13px 13px 17px;box-shadow:inset 0 -4px 0 #dc9c3544;text-align:left}.double-button strong{font-size:18px;letter-spacing:-.5px}.double-button small{display:block;font-size:9px;margin-top:3px}.double-button b{display:grid;place-items:center;width:43px;height:43px;background:#fff5cc86;border-radius:15px;font-size:24px}.custom label{font-size:11px;font-weight:700;display:block;margin-bottom:9px}.input-shell{padding:3px;border-radius:14px;background:#e9ebde;box-shadow:inset 0 1px 0 #dadfd0}input{font:inherit;font-size:16px;font-weight:600;min-width:0;width:100%;height:40px;border:0;border-radius:11px;background:#fffef8;padding:0 11px;color:#304b48;outline:none;-webkit-user-select:text;user-select:text}input:focus{box-shadow:inset 0 0 0 2px #9fc8a7}.custom-buttons{display:flex;gap:6px;margin-top:7px}.custom-buttons button{flex:1;height:36px;background:#eeefe5;font-size:11px;font-weight:700;border-radius:12px}.set-number{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;background:none;padding:0 5px;font-size:11px;font-weight:700;color:#69846e}.set-number span{font-size:19px}.destinations{margin-top:16px}.jump-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.jump-grid button{min-height:47px;text-align:left;padding:9px 10px;border-radius:14px;font-size:10px;font-weight:800;background:#f1efe5;white-space:nowrap}.jump-grid small{display:block;font-size:9px;color:#94a190;margin-top:3px;font-weight:600}.jump-grid .plex{background:#e9e1f0;color:#73598e}.jump-grid .plex small{color:#9585a6}.journey{margin-top:22px}.journey>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#7b8b80}.journey strong{font-weight:600}.journey-dots{display:flex;gap:4px;margin-top:8px}.journey-dots i{height:5px;flex:1;border-radius:5px;background:#e8eadd}.journey-dots i.reached{background:#a9c4a1}.journey-dots i.current{background:#e8b555}.utility{display:flex;gap:5px;align-items:center;justify-content:space-between;margin-top:15px}.utility button{font-size:10px;min-height:40px;padding:6px 8px;border-radius:12px;background:none;color:#7d8a7d}.utility #sound{font-size:20px;background:#f0f0e6;width:36px}.scale-note{text-align:center;font-size:8px;color:#94a18f;margin:9px 0 0;line-height:1.6}button{font:inherit;border:0;cursor:pointer;touch-action:manipulation;transition:transform .2s cubic-bezier(.32,.72,0,1),filter .2s cubic-bezier(.32,.72,0,1);-webkit-user-select:none;user-select:none}button:hover{filter:brightness(.97)}button:active{transform:scale(.96)}button:focus-visible{outline:3px solid #628eab;outline-offset:2px}button:disabled{opacity:.35;cursor:default}.toast{position:absolute;left:50%;bottom:143px;transform:translate(-50%,14px);opacity:0;background:#fffdf0ee;color:#3e5556;border-radius:18px;padding:12px 17px;font-size:12px;font-weight:600;text-align:center;max-width:90%;width:max-content;pointer-events:none;transition:opacity .3s cubic-bezier(.32,.72,0,1),transform .3s cubic-bezier(.32,.72,0,1)}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#d8eff0;color:#50696c;font-size:15px}.loading[hidden],.error[hidden]{display:none}.error{position:absolute;inset:15px;display:grid;align-content:center;text-align:center;padding:25px;background:#fff9ee;border-radius:20px;color:#304754}.error button{padding:14px;background:#efb84e;border-radius:15px}.error p{font-size:14px;line-height:1.6}.big-label h1{font-size:clamp(20px,3vw,38px);letter-spacing:-.8px}.big-label p{font-size:11px}
@media(max-width:1000px){.controls-shell{width:250px}.controls{padding:19px 15px 12px}.panel-title{margin-bottom:19px}.panel-title h2{font-size:27px}.brand{left:18px;top:21px}.location{top:73px;right:18px;font-size:10px}.number-sign{top:122px}.world-footer{left:15px;right:15px}.world-footer p{font-size:11px}}
@media(max-height:790px){.controls{padding-top:16px}.panel-title{margin-bottom:16px}.panel-title h2{font-size:26px}.double-button{margin:12px 0 14px;padding-top:10px;padding-bottom:10px}.destinations{margin-top:9px}.journey{margin-top:15px}.utility{margin-top:8px}.jump-grid button{min-height:44px}.scale-note{margin-top:4px}}
@media(min-width:601px) and (max-height:790px){.panel-title h2{font-size:22px;margin-top:6px}.panel-title h2 br{display:none}.panel-title{margin-bottom:14px}.journey{display:none}.utility{margin-top:8px}}
@media(max-width:600px){.game-shell{padding:6px;gap:6px;flex-direction:column}.world{border-radius:22px;min-height:50dvh}.controls-shell{width:100%;height:44dvh;border-radius:22px;padding:4px}.controls{border-radius:18px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:start}.panel-title{display:none}.double-button{margin:0;align-self:start}.custom{grid-column:1}.destinations{grid-column:2;grid-row:2;margin:0}.journey{grid-column:1/-1;margin-top:0}.utility{grid-column:1/-1;margin:0}.scale-note{grid-column:1/-1}.number-sign{top:70px}.brand{top:15px}.brand strong{font-size:13px}.location{top:18px;right:15px;max-width:40%}.number-sign h1{font-size:40px}.number-sign p{font-size:10px}.big-label h1{font-size:23px}.world-footer{bottom:12px}.camera-tools{bottom:65px;left:12px}.camera-tools button{width:38px;height:38px;font-size:21px}.world-footer span{font-size:8px}.world-footer p{font-size:10px}.toast{bottom:115px}}
.utility #sound,.utility #music{font-size:18px;background:#f0f0e6;width:32px;min-width:32px;padding:0}.utility .audio-on{background:#e9ddad!important;color:#6a5835}.utility{gap:2px}.utility button{padding-left:4px;padding-right:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.bigger-heading{margin-top:16px}.bigger-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bigger-steps button{min-height:44px;padding:8px 4px;border-radius:14px;background:#e8f0e3;color:#3b684e;font-size:13px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.bigger-steps .take-step{background:#f4f3e9;color:#778377}
[hidden]{display:none!important}.mode-switch{display:flex;gap:4px;background:#eeeee3;border-radius:16px;padding:4px;margin-bottom:18px}.mode-switch button{flex:1;min-height:44px;font-size:12px;font-weight:800;border-radius:12px;background:transparent;color:#758377}.mode-switch button[aria-pressed=true]{background:#fffdf4;color:#416b52;box-shadow:0 2px 5px #24392a0d}.mode-switch #size-mode[aria-pressed=true]{background:#ddd1ee;color:#664f88}.dance-intro h3{font-size:25px;line-height:1.12;letter-spacing:-.8px;margin:8px 0 10px}.dance-intro p{font-size:12px;line-height:1.65;color:#7d887d;margin:0 0 20px}.dance-card{background:#ede6f3;border-radius:21px;padding:17px;color:#725c8e}.dance-card>span{display:block;font-size:10px}.dance-card strong{display:block;font-size:20px;margin-top:6px;letter-spacing:-.5px}.dance-beats{display:flex;align-items:center;gap:5px;height:33px;margin-top:10px}.dance-beats i{width:13px;height:15px;border-radius:5px;background:#ab94c8;animation:dance-beat 1.5s ease-in-out infinite alternate}.dance-beats i:nth-child(2){animation-delay:-.3s;background:#d6af79}.dance-beats i:nth-child(3){animation-delay:-.6s;background:#d2a6c0}.dance-beats i:nth-child(4){animation-delay:-.9s;background:#8bbba5}.dance-beats i:nth-child(5){animation-delay:-1.2s}.size-next{background:#efb84e;color:#493920;border-radius:21px;width:100%;padding:19px 17px;text-align:left;margin:18px 0 12px;box-shadow:inset 0 -4px 0 #dc9c3544}.size-next strong{display:flex;justify-content:space-between;font-size:22px;letter-spacing:-.6px}.size-next span{display:block;font-size:11px;margin-top:8px;overflow-wrap:anywhere}.dance-actions{display:flex;gap:6px}.dance-actions button{flex:1;min-height:44px;font-size:10px;font-weight:700;border-radius:12px;background:#f1efe5;color:#788377}.size-progress{display:flex;justify-content:space-between;font-size:10px;color:#7b8b80;margin-top:24px}.size-friends{font-size:11px;color:#7b8b80;line-height:1.6;margin-top:9px}.size-restart{background:none;color:#69846e;font-size:11px;min-height:44px;text-align:left;padding:0}.size-limit-world .world-footer p{color:inherit}@keyframes dance-beat{to{height:29px;transform:translateY(-2px)}}
@media(max-width:600px){.controls{display:block}.mode-switch{margin-bottom:14px}#math-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px}.size-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dance-intro{grid-column:1}.dance-intro h3{font-size:20px}.dance-intro p{margin-bottom:0}.dance-card{grid-column:2;grid-row:1}.size-next{margin:0}.dance-actions{flex-direction:column}.size-progress{margin-top:0}.size-friends{margin-top:0}.size-restart{grid-column:1/-1}.utility{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.dance-beats i{animation:none}}
@media(min-width:601px) and (max-height:790px){.mode-switch{margin-bottom:13px}.dance-intro h3{font-size:22px}.dance-intro p{margin-bottom:12px;font-size:11px}.dance-card{padding:13px}.dance-beats{height:24px;margin-top:7px}.dance-card strong{font-size:18px}.size-next{margin-top:12px;padding:15px 17px}.size-progress{margin-top:14px}.size-friends{font-size:10px}.size-restart{min-height:35px}}
.size-controls.paused .dance-beats i{animation-play-state:paused}
.mode-switch button{font-size:11px;min-height:48px;line-height:1.2;padding:7px 3px}
.mode-switch #cosmic-mode[aria-pressed=true]{background:#cce5f0;color:#355c81}
.cosmic-controls .dance-card{background:#deedf5;color:#396584}
.cosmic-controls .size-next{background:#acdcea;color:#294f68;box-shadow:inset 0 -4px 0 #548bb433}
#cosmic-action{font:inherit;margin:0}
.cosmic-dots{display:flex;gap:5px;margin-top:12px}
.cosmic-dots i{flex:1;height:8px;border-radius:8px;background:#e4eaf0}
.cosmic-dots .reached{background:#8ebed0}.cosmic-dots .current{background:#659cb9;box-shadow:0 0 0 3px #659cb91a}
#cosmic-restart{background:#cce5f0;color:#355c81;box-shadow:inset 0 -3px 0 #355c8120}
.cosmic-world .big-label h1{font-size:clamp(20px,2.6vw,33px);max-width:96%;line-height:1.2}
.cosmic-world .number-sign p{max-width:90%}
@media(max-width:600px){.cosmic-progress{grid-column:1}.cosmic-world .big-label h1{font-size:20px}.cosmic-world .big-label p{font-size:9px}}
.controls-shell{display:flex;flex-direction:column;min-height:0}
.controls{flex:1;min-height:0;height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}
.reset-dock{flex-shrink:0;background:#fffef7;padding:10px 19px 13px;border-top:1px solid #e9ebdf;border-radius:0 0 25px 25px}
.reset-button{display:block;width:100%;min-height:50px;padding:12px 8px;background:#d7e9cc;color:#355940;border-radius:16px;font-size:16px;font-weight:800;box-shadow:inset 0 -3px 0 #466d3320}
#size-restart{background:#ddd1ee;color:#60467e;box-shadow:inset 0 -3px 0 #60467e20}
@media(max-width:1000px){.reset-dock{padding-left:15px;padding-right:15px}}
@media(max-width:600px){.reset-dock{padding:8px 16px 10px;border-radius:0 0 18px 18px}.reset-button{min-height:48px}}
/* Keep controls clear of the Home indicator and Safari's changing viewport. */
.game-shell{height:var(--app-height,100dvh);min-height:0;padding-top:max(12px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}
.controls{-webkit-overflow-scrolling:touch;scroll-padding:16px}
@media(pointer:coarse),(max-width:1200px){
  button{min-width:44px;min-height:44px}
  .steps.subtract button,.custom-buttons button,.set-number{height:44px}
  .dance-actions button,.custom-buttons button,.set-number,.utility button{font-size:12px;min-height:44px}
  .utility #sound,.utility #music{width:44px;min-width:44px;min-height:44px;font-size:20px}
  .camera-tools button{width:44px;height:44px;min-height:44px}
  .utility{gap:6px}
}
@media(max-width:600px){
  .game-shell{padding-top:max(6px,env(safe-area-inset-top));padding-right:max(6px,env(safe-area-inset-right));padding-bottom:max(6px,env(safe-area-inset-bottom));padding-left:max(6px,env(safe-area-inset-left))}
  .world{min-height:0}
  .controls-shell{height:48%;flex-shrink:0}
}