:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#18333c;--cream:#fff7d4;--orange:#f48a24;--gold:#ffd84c;--green:#2b9f58;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;background:#102e42;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:none}button{font:inherit}.game-shell{background:#56c8ed;width:100%;height:100%;position:relative;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;outline:none;display:block}.top-actions{z-index:4;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));gap:10px;display:flex;position:absolute}.icon-button{width:46px;height:46px;color:var(--ink);cursor:pointer;background:#fff7d4e0;border:3px solid #18333cb8;border-radius:14px;padding:0;font-size:22px;font-weight:900;box-shadow:0 5px #18333c38}.icon-button:active{transform:translateY(3px);box-shadow:0 2px #18333c38}.menu-backdrop{z-index:8;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#102e4226,#102e4299);place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.menu-backdrop.is-hidden{pointer-events:none;opacity:0}.menu-card{border:5px solid var(--ink);width:min(660px,100%);color:var(--ink);text-align:center;background:radial-gradient(circle at 15% 12%, #ffffffe6 0 5px, transparent 6px), linear-gradient(145deg, #fffdf0, var(--cream));border-radius:28px;padding:clamp(24px,5vw,42px);position:relative;box-shadow:0 12px #18333c59,0 24px 70px #08213059}.menu-backdrop[data-state=worldcomplete] .menu-card{background:radial-gradient(circle at 12% 16%,#ffe56b 0 4px,#0000 5px),radial-gradient(circle at 88% 23%,#6fd9ea 0 5px,#0000 6px),radial-gradient(circle at 19% 82%,#71c969 0 4px,#0000 5px),radial-gradient(circle at 82% 78%,#f48a24 0 4px,#0000 5px),linear-gradient(145deg,#fffdf0,#fff0b8)}.eyebrow{color:#d95b20;letter-spacing:.16em;margin:0 0 5px;font-size:14px;font-weight:1000}h1{color:var(--orange);letter-spacing:-.055em;text-shadow:0 4px #b6481b;margin:0;font-size:clamp(42px,8vw,72px);font-weight:1000;line-height:.92}.menu-copy{max-width:430px;margin:24px auto;font-size:clamp(16px,2.5vw,19px);font-weight:700;line-height:1.45}.menu-stats{border:2px dashed #18333c4d;border-radius:14px;margin:-6px auto 22px;padding:12px 16px;font-weight:900}.level-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:20px 0 4px;display:grid}.level-map[hidden],.primary-button[hidden]{display:none!important}.level-node{border:3px solid var(--ink);min-height:72px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffb8;border-radius:18px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 5px #18333c38}.level-node:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.level-node:hover:not(:disabled){background:#fffdf0;transform:translateY(-2px)}.level-node:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #18333c38}.level-node.is-complete{background:linear-gradient(145deg,#fff8c9,#ffe49a);border-color:#c17822}.level-node.is-selected{outline-offset:2px;outline:5px solid #ffd84cb8;transform:translateY(-2px)}.level-node.is-locked{color:#786f67;box-shadow:none;background:#dad3c4cc;border-color:#91877d}.level-number{color:#fff7d4;background:var(--orange);border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:1000;display:grid;box-shadow:inset 0 -4px #7e37153d}.is-complete .level-number{background:#2b9f58}.is-locked .level-number{background:#91877d}.level-details{gap:3px;min-width:0;display:grid}.level-details strong{font-size:15px;line-height:1.05}.level-details small{color:#18333cb3;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;line-height:1.2;overflow:hidden}.dev-instruction{color:#b85223}body[data-debug=true] .dev-instruction[hidden]{display:inline}.world-tease{text-align:left;background:linear-gradient(135deg,#72e2f738,#6a9be82e);border:3px dashed #4b9ab3;border-radius:18px;align-items:center;gap:14px;max-width:470px;margin:4px auto 22px;padding:14px 18px;display:flex}.world-tease[hidden]{display:none}.world-tease-icon{color:#2586a2;background:#ffffffb3;border:3px solid #318da7;border-radius:50%;flex:0 0 50px;place-items:center;width:50px;height:50px;font-size:34px;font-weight:1000;display:grid}.world-tease span:last-child{gap:3px;display:grid}.world-tease small{color:#18333cb8;font-weight:800}.primary-button{border:4px solid var(--ink);color:#17323c;background:linear-gradient(#ffe56b, var(--gold));cursor:pointer;border-radius:18px;min-width:210px;padding:16px 28px;font-size:20px;font-weight:1000;box-shadow:0 7px #d6801b}.primary-button:hover{filter:brightness(1.05)}.primary-button:active{transform:translateY(5px);box-shadow:0 2px #d6801b}.instructions{color:#18333cbd;flex-wrap:wrap;justify-content:center;gap:7px 16px;margin-top:25px;font-size:13px;display:flex}.instructions b{color:var(--ink)}.toast{z-index:6;top:max(74px, calc(env(safe-area-inset-top) + 68px));border:3px solid var(--ink);max-width:calc(100% - 36px);color:var(--ink);background:var(--cream);text-align:center;opacity:0;pointer-events:none;border-radius:999px;padding:11px 18px;font-weight:1000;transition:opacity .16s,transform .16s;position:absolute;left:50%;transform:translate(-50%,-12px);box-shadow:0 5px #18333c3d}.toast.is-visible{opacity:1;transform:translate(-50%)}.touch-controls{z-index:5;padding:18px max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute;bottom:0;left:0;right:0}body[data-touch-size=small] .touch-controls{--touch-direction:58px;--touch-jump:70px;--touch-run:50px}body[data-touch-size=comfortable] .touch-controls{--touch-direction:68px;--touch-jump:82px;--touch-run:58px}body[data-touch-size=large] .touch-controls{--touch-direction:78px;--touch-jump:94px;--touch-run:68px}body[data-left-handed=true] .touch-controls{flex-direction:row-reverse}.touch-move,.touch-action{align-items:end;gap:12px;display:flex}.touch-controls button{width:var(--touch-direction,68px);height:var(--touch-direction,68px);color:var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#fff7d4c7;border:3px solid #18333cb3;border-radius:22px;font-size:26px;font-weight:1000;box-shadow:0 6px #18333c40}.touch-controls button.is-pressed{background:#ffd84cf0;transform:translateY(4px);box-shadow:0 2px #18333c40}.touch-controls .jump-button{width:var(--touch-jump,82px);height:var(--touch-jump,82px);color:#fff;background:#f48a24e0;border-radius:50%}.touch-controls .run-button{width:var(--touch-run,58px);height:var(--touch-run,58px);border-radius:50%;font-size:13px}.settings-backdrop{z-index:12;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a2230b8;place-items:center;display:grid;position:absolute;inset:0}.settings-backdrop[hidden]{display:none}.settings-card{border:5px solid var(--ink);width:min(650px,100%);max-height:94vh;color:var(--ink);background:linear-gradient(145deg, #fffdf0, var(--cream));border-radius:26px;padding:clamp(22px,4vw,34px);overflow:auto;box-shadow:0 14px #18333c57,0 24px 70px #08213073}.settings-heading{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.settings-heading h2{color:var(--orange);margin:0;font-size:clamp(34px,6vw,48px);line-height:1}.setting-row,.setting-toggle,.setting-select{border-top:2px solid #18333c1f;align-items:center;gap:10px 16px;padding:14px 0;display:grid}.setting-row{grid-template-columns:minmax(180px,1fr) minmax(140px,1fr) 48px}.setting-toggle,.setting-select{grid-template-columns:1fr auto}.setting-row span,.setting-toggle span,.setting-select span{gap:3px;display:grid}.setting-row small,.setting-toggle small,.setting-select small{color:#18333ca6;font-weight:700}.setting-row output{text-align:right;font-weight:1000}.setting-row input[type=range]{width:100%;accent-color:var(--orange)}.setting-toggle input[type=checkbox]{width:28px;height:28px;accent-color:var(--green)}.setting-select select{border:3px solid var(--ink);min-width:142px;color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px;font-weight:900}.settings-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:22px;display:flex}.secondary-button{border:3px solid var(--ink);color:var(--ink);cursor:pointer;background:#ffffffb8;border-radius:14px;padding:12px 16px;font-weight:900}.danger-button{color:#a83d2f;border-color:#a83d2f}@media (pointer:coarse),(max-width:800px){.touch-controls{display:flex}.instructions{display:none}.menu-card{max-height:92vh;overflow:auto}}@media (max-width:560px){.level-map{grid-template-columns:1fr}.level-node:last-child:nth-child(odd){grid-column:auto;width:100%}.level-node{min-height:62px}.setting-row{grid-template-columns:1fr 46px}.setting-row input[type=range]{grid-area:2/1/auto/-1}.settings-actions{flex-direction:column-reverse;align-items:stretch}.settings-actions button{width:100%}}@media (max-height:520px){.menu-card{width:min(640px,92vw);padding:18px 28px}h1{font-size:42px}.menu-copy{margin:12px auto;font-size:15px}.instructions{margin-top:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}body[data-reduced-motion=true] *,body[data-reduced-motion=true] :before,body[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}