: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);box-shadow:0 12px #18333c59,0 24px 70px #08213059}.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-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}.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}.touch-move,.touch-action{align-items:end;gap:12px;display:flex}.touch-controls button{width:68px;height: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{color:#fff;background:#f48a24e0;border-radius:50%;width:82px;height:82px}.touch-controls .run-button{border-radius:50%;width:58px;height:58px;font-size:13px}@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}}@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}}