@font-face{font-family:Pixel;src:url('/assets/pixel.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#bbdbd2;color:#142d25;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffac4a;outline-offset:4px}#game{height:100dvh;position:relative;isolation:isolate;overflow:hidden}#world{width:100%;height:100%;display:block;outline:none;touch-action:none}.game-header{position:absolute;top:0;left:0;right:0;height:78px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#f6f5e9f2;border-bottom:1px solid #142d2525;gap:20px}.home-link{display:flex;gap:12px;align-items:center;font-weight:900;font-size:13px;letter-spacing:.5px}.home-link>span:first-child{font-size:22px;font-weight:400}.home-link img{image-rendering:pixelated;object-fit:contain}.home-link small{display:block;letter-spacing:4px;font-size:10px;margin-top:3px}.level-label{font-size:11px;letter-spacing:1.7px;font-weight:700}.level-label span{padding:0 15px;opacity:.4}.game-actions{display:flex;gap:8px}.game-actions button{border:1px solid #142d2530;background:transparent;border-radius:4px;height:38px;min-width:40px;font-size:19px}.game-actions #music{padding:0 12px}.game-actions button span{font-size:10px;padding-left:5px}.hud{position:absolute;top:102px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:15px}.hud-item{padding:13px 17px;display:flex;gap:12px;align-items:center;background:#f6f5e9ee;border:1px solid #142d251a;box-shadow:0 3px 0 #142d2512;border-radius:5px;min-width:136px}.hud small{display:block;font-size:9px;letter-spacing:1.3px;margin-bottom:7px;font-weight:700}.hud strong{font-family:Pixel,monospace;font-size:14px;line-height:1.5;font-weight:400}.firefly-icon{font-size:33px;color:#a27b10}.route-progress{text-align:center}.route-progress>span{font-size:10px;letter-spacing:1.5px;font-weight:700;text-shadow:0 1px 5px #d8ebe1}#route-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}#route-dots i{width:7px;height:7px;background:#142d2528;border:1px solid #142d2530}#route-dots i.active{background:#355d3b;border-color:#355d3b}#route-dots i:nth-child(5){outline:2px solid #142d2540;outline-offset:2px}.overlay{position:absolute;inset:78px 0 0;display:grid;place-items:center;background:#183e2e30;backdrop-filter:blur(3px);padding:30px;z-index:5}.overlay[hidden]{display:none}.start-card{text-align:center;background:#f6f5e9;border:2px solid #142d25;box-shadow:8px 8px 0 #142d25;width:min(520px,100%);padding:30px 30px 24px}.card-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:block}.start-card img{object-fit:contain;image-rendering:pixelated;display:block;margin:20px auto 8px}.start-card h1{font:30px/1.6 Pixel,monospace;letter-spacing:-1.4px;margin:5px 0 13px}.start-card p{font-size:15px;line-height:1.65;margin:10px 0 18px}.instructions{display:flex;flex-direction:column;gap:12px;margin:22px 0;font-size:12px}kbd{font:11px monospace;font-weight:700;background:#e4e9d7;border:1px solid #142d2528;padding:5px 6px;border-radius:3px;margin-right:3px}.instruction-divider{margin:0 8px}.touch-hint{display:none}.primary{background:#d5f783;border:2px solid #142d25;box-shadow:3px 3px 0 #142d25;padding:16px 30px;font-weight:700;font-size:15px;min-width:220px}.primary:hover{background:#c7ef65;transform:translateY(-1px)}.start-card .small-note{font-size:11px;margin:19px 0 0;color:#516056}.toast{position:absolute;left:50%;top:190px;transform:translateX(-50%);background:#142d25;color:#f6f5e9;box-shadow:3px 3px 0 #d5f783;padding:13px 20px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90%;text-align:center;line-height:1.5;z-index:4}.toast.visible{opacity:1}.game-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:linear-gradient(transparent,#beded5d9);gap:20px;font-size:10px;font-weight:700;letter-spacing:1px}.desktop-controls{display:flex;align-items:center;gap:8px}.desktop-controls>span{opacity:.5;margin:0 5px}.world-name{font-size:9px}.game-bottom button{border:1px solid #142d2540;padding:9px 12px;background:#f6f5e9b3;border-radius:4px;font-size:16px}.game-bottom button span{font-size:11px;padding-left:6px}.touch-controls{display:none;position:absolute;bottom:74px;left:22px;right:22px;align-items:end;justify-content:space-between;pointer-events:none}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;background:#f6f5e9dc;border:2px solid #142d25;box-shadow:0 3px 0 #142d25;font-size:24px;border-radius:7px;pointer-events:auto}.touch-controls button.held{background:#d5f783;box-shadow:none;transform:translateY(3px)}.joystick{position:relative;width:136px;height:136px;border:2px solid #142d2580;border-radius:50%;background:#f6f5e999;box-shadow:inset 0 0 0 12px #f6f5e940,0 3px 0 #142d2530;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}.joystick-crosshair{position:absolute;inset:18px;border:1px dashed #142d2540;border-radius:50%;pointer-events:none}.joystick-crosshair:before,.joystick-crosshair:after{content:"";position:absolute;background:#142d2525;left:50%;top:50%;transform:translate(-50%,-50%)}.joystick-crosshair:before{width:100%;height:1px}.joystick-crosshair:after{height:100%;width:1px}.joystick-thumb{position:absolute;width:56px;height:56px;left:50%;top:50%;margin:-28px 0 0 -28px;border:2px solid #142d25;border-radius:50%;background:#f6f5e9;box-shadow:0 3px 0 #142d2550;transform:translate(var(--stick-x,0px),var(--stick-y,0px));pointer-events:none}.joystick.active{border-color:#142d25}.joystick.active .joystick-thumb{background:var(--world-accent);box-shadow:0 2px 0 #142d2550}#jump{width:76px;height:76px;border-radius:50%;background:#d5f783;font-size:30px}#jump span{display:block;font-size:10px;font-weight:700;letter-spacing:1px}.no-script{position:absolute;inset:35% 10%;background:#f6f5e9;padding:30px;text-align:center;z-index:10}body[data-state=ready] .touch-controls,body[data-state=paused] .touch-controls,body[data-state=won] .touch-controls{visibility:hidden}@media(pointer:coarse){.touch-controls{display:flex}.desktop-controls{display:none}.touch-hint{display:block;font-size:12px;line-height:1.5}.instructions>span:not(.touch-hint){display:none}}@media(max-width:700px){.game-header{height:65px;padding:0 16px}.home-link{gap:7px;font-size:10px}.home-link small{font-size:9px}.level-label{display:none}.hud{top:84px;left:16px;right:16px}.hud-item{min-width:100px;padding:10px;gap:7px}.hud small{font-size:8px;letter-spacing:.7px}.hud strong{font-size:11px}.firefly-icon{font-size:24px}.route-progress>span{font-size:8px;letter-spacing:.5px;display:block;max-width:100px;margin:auto}#route-dots{gap:5px}#route-dots i{width:5px;height:5px}.game-bottom{padding:16px;font-size:9px}.desktop-controls{display:none}.world-name{font-size:8px;letter-spacing:.6px}.overlay{inset:65px 0 0;padding:20px}.start-card{padding:25px 16px 20px;box-shadow:5px 5px 0 #142d25}.start-card h1{font-size:26px}.start-card img{width:68px;height:68px;margin-top:15px}.start-card p{font-size:14px}.start-card .small-note{font-size:10px}.card-eyebrow{font-size:9px}.toast{top:170px;width:max-content;font-size:12px}.touch-controls{display:flex}.touch-hint{display:block}.instructions>span:not(.touch-hint){display:none}.touch-controls{bottom:70px}}@media(max-height:620px){.start-card{padding:16px}.start-card img{display:none}.start-card h1{font-size:23px}.start-card p{margin:8px 0;font-size:13px}.instructions{margin:15px 0}.start-card .small-note{margin-top:12px}.hud{top:86px}.game-header{height:64px}.overlay{inset:64px 0 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* World selection and biome colors. */
:root{--world-accent:#d5f783}.primary,#jump{background:var(--world-accent)}.primary:hover{background:var(--world-accent);filter:brightness(.96)}.game-actions #world-menu{font-size:12px;font-weight:700;padding:0 10px}.start-card{max-height:calc(100dvh - 125px);overflow-y:auto;scrollbar-width:thin;padding-top:24px}.start-card img{width:60px;height:60px;margin:14px auto 6px}.start-card h1{font-size:27px}.world-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 10px}.world-choice{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:5px;text-align:left;border:1px solid #142d2540;padding:12px 9px;background:#e8eddc;transition:transform .12s}.world-choice:hover{transform:translateY(-2px)}.world-choice>span{grid-row:span 2;font:12px monospace;color:#4b6051}.world-choice strong{font-size:14px}.world-choice small{font-size:12px}.world-choice[data-biome=crystal]{background:#e2e5f7}.world-choice[data-biome=ember]{background:#fae5cc}.world-choice[aria-current]{outline:2px solid #142d25;outline-offset:1px}.start-card .world-mechanic{font-size:12px;line-height:1.5;margin:12px 0;color:#546052}.replay{display:block;margin:15px auto 0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:13px}.replay[hidden]{display:none}#route-dots i:nth-child(5){outline:none}#route-dots i.checkpoint-dot{outline:2px solid #142d2540;outline-offset:2px}body:not([data-biome=forest]) .route-progress{color:#f5f2e8}body:not([data-biome=forest]) .route-progress>span{text-shadow:0 1px 5px #142d25}body:not([data-biome=forest]) #route-dots i{background:#ffffff30;border-color:#ffffff60}body:not([data-biome=forest]) #route-dots i.active{background:var(--world-accent);border-color:var(--world-accent)}body:not([data-biome=forest]) #route-dots i.checkpoint-dot{outline-color:#ffffff80}body:not([data-biome=forest]) .game-bottom{background:linear-gradient(transparent,#172131d9);color:#f6f5e9}body:not([data-biome=forest]) .game-bottom button,body:not([data-biome=forest]) kbd{color:#142d25}body:not([data-biome=forest]) .toast{background:#f6f5e9;color:#142d25;box-shadow:3px 3px 0 var(--world-accent)}
@media(max-width:700px){.start-card{max-height:calc(100dvh - 105px);padding-top:20px}.start-card img{height:45px;width:45px;margin-top:12px}.world-choice{grid-template-columns:1fr;text-align:center;padding:9px 5px;gap:3px}.world-choice>span{grid-row:auto;font-size:12px}.world-choice strong{font-size:13px}.world-choice small{font-size:12px}.world-choices{margin-top:15px}.start-card .world-mechanic{font-size:12px}.start-card .instructions{margin:15px 0}.game-actions{gap:5px}#route-dots{gap:4px}}@media(max-width:420px){.home-link>span:last-child{display:none}.game-header{gap:8px}.hud-item{min-width:94px;padding:9px}.route-progress>span{max-width:95px}.world-name{max-width:180px;line-height:1.5}}@media(max-height:620px){.start-card{max-height:calc(100dvh - 95px)}.world-choice{padding:8px}.start-card h1{font-size:23px}}
@media(max-width:420px){.hud{gap:8px}.hud-item{min-width:88px;padding:8px;gap:5px}.route-progress{flex:1;min-width:0}#route-dots{display:grid;grid-template-columns:repeat(7,5px);gap:4px;justify-content:center}.route-progress>span{font-size:8px;letter-spacing:0}.hud small{font-size:8px}}

/* Five worlds stay readable and reachable on small screens. */
.world-choice[data-biome=storm]{background:#e7dff6}.world-choice[data-biome=clockwork]{background:#f4dfb7}
.world-choices{grid-template-columns:repeat(6,minmax(0,1fr))}.world-choice{grid-column:span 2}.world-choice:nth-child(n+4){grid-column:span 3}
#route-dots{flex-wrap:wrap;max-width:260px}.world-choice strong{overflow-wrap:anywhere}
@media(max-width:700px){#route-dots{max-width:110px;margin-left:auto;margin-right:auto}.start-card h1{font-size:24px}.world-choice{min-height:62px}}

/* Keep touch controls clear of landscape notches and the home indicator. */
.touch-controls{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:calc(74px + env(safe-area-inset-bottom))}
@media(any-pointer:coarse){.touch-controls{display:flex}}
@media(max-width:700px){.touch-controls{bottom:calc(70px + env(safe-area-inset-bottom))}}
@media(max-height:500px){.joystick{width:112px;height:112px}.touch-controls{bottom:calc(60px + env(safe-area-inset-bottom))}}

.world-locked{grid-column:1 / -1!important;grid-template-columns:28px 1fr;cursor:pointer;background:#e5e8dc;border:2px dashed #637267}.world-locked strong{display:flex;align-items:center;gap:8px}.world-locked small{font-size:12px;line-height:1.4}.pixel-lock{width:16px;height:16px;flex:none;image-rendering:pixelated}.ios-promo{color:#142d25;background:#f6f5e9;border:2px solid #142d25;box-shadow:6px 6px 0 #142d25;padding:30px;width:min(440px,calc(100vw - 44px));text-align:center}.ios-promo::backdrop{background:#142d2580;backdrop-filter:blur(3px)}.promo-content img{display:block;margin:20px auto;image-rendering:pixelated}.promo-content h2{font:23px/1.6 Pixel,monospace}.promo-content p{font-size:16px;line-height:1.6}.promo-content .promo-detail{font-size:14px;color:#526257;margin-bottom:24px}.promo-content form{margin:0}.promo-content .primary{min-width:0;width:100%}.world-locked>span{grid-row:span 2}.start-card{scroll-padding:18px}