:root{--ice-50:#fff;--ice-100:#e8f4fc;--ice-200:#d8ecf8;--ice-300:#c8dcec;--ice-400:#a0c0d8;--ice-500:#78a8c8;--ice-600:#5a90b0;--snow-hi:#fff;--snow:#e8f4fc;--snow-mid:#c8dcec;--snow-dk:#a0c0d8;--ice:#90c8e8;--glow-50:#fff8e8;--glow-100:#ffefc2;--glow-200:#ffe08a;--glow-300:#ffcc5c;--glow-400:#f5a623;--glow-500:#e8920f;--glow-core:#fff5d0;--amber:#e8920f;--glow:#ffe080;--pingu-body:#1c1c20;--pingu-body-hi:#3a3a42;--pingu-body-lo:#0e0e12;--pingu-belly:#f7f7f5;--pingu-belly-rim:#f0e09a;--pingu-beak:#e82020;--pingu-beak-hi:#ff4a3a;--pingu-beak-lo:#8a0808;--pingu-cheek:#ffb4c0;--pink-wall:#f0a8bc;--pink-wall-dk:#e088a0;--carpet-a:#e890a8;--carpet-b:#d07088;--carpet-c:#f0b0c0;--wood:#9a5a32;--wood-mid:#7a4224;--wood-dk:#4a2814;--wood-hi:#c48850;--wood-lo:#4a2814;--cream:#fff6e0;--cream-dk:#ead8b0;--cream-soft:#ead8b0;--ink:#2a1810;--muted:#7a4a58;--panel-bg:var(--cream);--panel-border:var(--wood);--panel-border-dark:var(--wood-dk);--panel-shadow:0 0 0 2px var(--wood-dk), 0 4px 0 var(--wood-dk);--text-primary:var(--ink);--text-muted:var(--muted);--danger-soft:#c45a4a;--success-soft:#5a9a6a;--pasture:#e07050;--sky-900:#1a1014;--sky-800:#2a1820;--sky-700:#5a2038;--sky-600:#7a4a58;--bat-gold:#c9a227;--bat-gold-hi:#e8c84a;--bat-black:#1a1a1c;--bat-red:#d4202a;--bat-red-hi:#ff3b45;--hud-gap:5px;--tile-size:clamp(40px, 11vw, 56px);--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#1a1014;margin:0;font-family:Courier New,Noto Sans SC,PingFang SC,Microsoft YaHei,monospace,system-ui,sans-serif}body{background: radial-gradient(ellipse 40% 30% at 12% 8%, #ffc85059, transparent 60%), radial-gradient(ellipse 40% 30% at 88% 8%, #ffc85059, transparent 60%),  linear-gradient(180deg, transparent 0 58%, var(--carpet-c) 58% 58.5%, var(--carpet-a) 58.5% 100%),  repeating-linear-gradient(90deg, var(--pink-wall) 0 11px, #eca0b4 11px 12px), var(--pink-wall);min-height:100dvh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.55;image-rendering:pixelated;background-image:radial-gradient(circle at 30% 40%,#ffe0ea 1.5px,#0000 2px),radial-gradient(circle at 70% 40%,#fff 1.5px,#0000 2px),radial-gradient(circle at 50% 62%,#ffe0ea 1.5px,#0000 2px);background-position:0 0,18px 16px,0 0;background-size:36px 32px;position:fixed;inset:0 0 42%}body:after{content:"";pointer-events:none;z-index:0;height:42%;image-rendering:pixelated;background:repeating-linear-gradient(0deg, var(--carpet-a) 0 2px, var(--carpet-b) 2px 4px), repeating-linear-gradient(90deg, var(--carpet-c) 0 2px, var(--carpet-a) 2px 4px);background-blend-mode:multiply;opacity:.85;mix-blend-mode:multiply;position:fixed;bottom:0;left:0;right:0}#app{z-index:1;min-height:100dvh;padding:calc(6px + var(--safe-top)) calc(10px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(10px + var(--safe-left));flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:relative}.app-chrome{gap:var(--hud-gap);flex-direction:column;flex:1;display:flex;position:relative}.app-chrome:before,.app-chrome:after{content:"";z-index:3;pointer-events:none;width:8px;height:12px;image-rendering:pixelated;background:#fff8c0;border:2px solid #c08020;position:absolute;top:4px;box-shadow:0 0 0 2px #ffe080,0 0 0 6px #ffc85059,0 0 18px 8px #ffb42866}.app-chrome:before{left:4px}.app-chrome:after{right:4px}.app-title{text-align:center;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 4px;display:flex}.app-title__name{letter-spacing:.02em;color:#5a2038;text-shadow:2px 0 0 #fff8f0, -2px 0 0 #fff8f0, 0 2px 0 #fff8f0, 0 -2px 0 #fff8f0, 0 0 10px var(--glow);margin:0;font-size:clamp(.95rem,3.8vw,1.15rem);font-weight:900;line-height:1.15}.app-title__sub{color:#5a2038;opacity:.75;margin:0;font-size:.62rem;font-weight:700;line-height:1.2}.panel{background:var(--cream);border:4px solid var(--wood);box-shadow:inset 0 0 0 2px var(--cream-dk), inset 2px 2px 0 #fffaf0, 0 0 0 2px var(--wood-dk), 0 4px 0 var(--wood-dk), 0 0 16px #ffb43c47;border-radius:0}.hud{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;min-height:0;padding:4px 8px;display:flex}.level-chip{border:3px solid var(--wood-dk);color:#5a2038;background:#f8c0d0;border-radius:0;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:900;display:inline-flex;box-shadow:inset 2px 2px #ffe8f0,inset -2px -2px #d08098}.level-chip__label{opacity:.75;font-size:.68rem;font-weight:800}.stamina{flex-direction:column;flex:1;gap:2px;min-width:88px;display:flex}.stamina__label{color:var(--muted);letter-spacing:.04em;font-size:.65rem;font-weight:800}.stamina__track{border:2px solid var(--wood-dk);background:#c8a890;border-radius:0;height:12px;overflow:hidden;box-shadow:inset 2px 2px #8a6850}.stamina__fill{width:72%;height:100%;box-shadow:none;image-rendering:pixelated;background:repeating-linear-gradient(90deg,#e07050 0 4px,#f0a030 4px 8px);border-radius:0;transition:width .28s}.stamina__fill--low{background:repeating-linear-gradient(90deg,#c45a4a 0 4px,#e07050 4px 8px)}.btn-restart{appearance:none;cursor:pointer;min-width:44px;min-height:44px;font:inherit;color:#5a2038;border:3px solid var(--wood-dk);box-shadow:inset 2px 2px 0 #ffe8f0, inset -2px -2px 0 #d08098, 0 3px 0 var(--wood-dk);background:#f8c0d0;border-radius:0;flex-shrink:0;padding:4px 9px;font-size:.7rem;font-weight:800;transition:transform .12s,box-shadow .12s}.btn-restart:active{box-shadow:inset 2px 2px 0 #ffe8f0, inset -2px -2px 0 #d08098, 0 1px 0 var(--wood-dk);transform:translateY(2px)}.btn-undo{appearance:none;cursor:pointer;min-width:44px;min-height:44px;font:inherit;color:var(--ink);background:var(--cream);border:3px solid var(--wood-dk);box-shadow:inset 2px 2px 0 #fffaf0, inset -2px -2px 0 var(--cream-dk), 0 3px 0 var(--wood-dk);border-radius:0;flex-shrink:0;padding:4px 9px;font-size:.7rem;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .12s}.btn-undo:active:not(:disabled){box-shadow:inset 2px 2px 0 #fffaf0, inset -2px -2px 0 var(--cream-dk), 0 1px 0 var(--wood-dk);transform:translateY(2px)}.btn-undo:disabled{cursor:not-allowed;opacity:.45;color:var(--muted)}.stage{background:var(--wood-mid);border:5px solid var(--wood);min-height:0;box-shadow:inset 0 0 0 2px var(--wood-hi), inset 0 0 0 4px var(--wood-dk), 0 0 0 2px var(--wood-dk), 0 4px 0 var(--wood-dk), 0 0 20px #ffb43c4d;border-radius:0;flex-direction:column;flex:auto;justify-content:center;align-items:center;padding:8px;display:flex;position:relative;overflow:hidden}.grid{z-index:1;grid-template-columns:repeat(5, var(--tile-size));grid-template-rows:repeat(5, var(--tile-size));background:var(--wood-dk);border:2px solid var(--wood-dk);border-radius:0;gap:4px;padding:6px;display:grid;position:relative;box-shadow:inset 0 0 12px #28507840}.demo-note{z-index:1;color:var(--cream);letter-spacing:.02em;margin:12px 0 0;font-size:.68rem;font-weight:700;position:relative}.tile{width:var(--tile-size);height:var(--tile-size);image-rendering:pixelated;border-radius:0;place-items:center;display:grid;position:relative;overflow:visible}.tile-floor,.tile-battery,.tile-iceblock,.tile-ice-block{background-color:#d8ecf8;background-image:repeating-linear-gradient(0deg,#fff 0 2px,#e8f4fc 2px 4px,#d0e4f0 4px 6px),repeating-linear-gradient(90deg,#0000 0 4px,#78a8c866 4px 5px,#0000 5px 8px);border:none;box-shadow:inset 0 0 0 2px #78a8c8,inset 2px 2px #ffffffd9}.tile-floor:after,.tile-battery:after{content:"";background:var(--snow-hi);width:3px;height:3px;box-shadow:10px 8px 0 var(--snow-mid), 18px 3px 0 var(--snow-hi), 6px 14px 0 var(--snow-dk), 22px 16px 0 #fffc;pointer-events:none;opacity:.9;z-index:0;position:absolute;top:4px;left:5px}.tile-ice{background-color:#c8e8f8;background-image:repeating-linear-gradient(0deg,#fff 0 2px,#d0e8f8 2px 4px,#a8d0e8 4px 6px),repeating-linear-gradient(90deg,#0000 0 3px,#64a0c873 3px 4px,#0000 4px 7px);border:none;box-shadow:inset 0 0 0 2px #68a0c0,inset 2px 2px #ffffffe6}.tile-ice:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff8c 50%,#0000 70%);border-radius:0;position:absolute;inset:18% 22%}.tile-wall{image-rendering:pixelated;background:repeating-linear-gradient(#8a5230 0 5px,#6a3a20 5px 6px,#7a4828 6px 11px,#5a3018 11px 12px);border:none;border-radius:0;box-shadow:inset 1px 1px #c4885059,inset -1px -1px #00000059}.tile-wall:before{content:none}.tile-oneway{background-color:#d8ecf8;background-image:repeating-linear-gradient(0deg,#fff 0 2px,#e8f4fc 2px 4px,#d0e4f0 4px 6px),repeating-linear-gradient(90deg,#0000 0 4px,#78a8c866 4px 5px,#0000 5px 8px);border:none;box-shadow:inset 0 0 0 2px #78a8c8,inset 2px 2px #ffffffd9}.tile-oneway:before{content:"";width:0;height:0;transform:rotate(var(--oneway-rot,0deg));z-index:1;border-bottom:12px solid #4a2814bf;border-left:7px solid #0000;border-right:7px solid #0000}.tile-button,.tile-gate{background-color:#d8ecf8;background-image:repeating-linear-gradient(0deg,#fff 0 2px,#e8f4fc 2px 4px,#d0e4f0 4px 6px),repeating-linear-gradient(90deg,#0000 0 4px,#78a8c866 4px 5px,#0000 5px 8px);border:none;box-shadow:inset 0 0 0 2px #78a8c8,inset 2px 2px #ffffffd9}.pressure-button{z-index:1;pointer-events:none;background:radial-gradient(circle at 42% 36%, var(--cream) 0 38%, var(--cream-dk) 55%, #c8b090 100%);border:3px solid var(--wood-dk);box-shadow:inset 2px 2px 0 var(--cream), inset -2px -2px 0 #4a281459, 0 0 0 2px var(--wood-hi), 0 3px 0 var(--wood-dk), 0 0 0 1px #e8920f8c;image-rendering:pixelated;border-radius:2px;position:absolute;inset:16%}.pressure-button:after{content:"";background:radial-gradient(circle at 40% 35%, var(--glow-100), var(--glow-400) 60%, var(--amber) 100%);pointer-events:none;border-radius:2px;position:absolute;inset:28%;box-shadow:inset 1px 1px #ffffffa6,inset -1px -1px #4a281440,0 1px #4a281459}.tile-button.is-pressed .pressure-button,.tile-button-pressed .pressure-button,.tile-button[data-pressed=true] .pressure-button,.pressure-button.is-pressed{background:radial-gradient(circle at 50% 45%, var(--glow-200) 0 35%, var(--glow-400) 55%, var(--wood-mid) 100%);border-color:var(--wood-dk);box-shadow:inset 0 3px 0 #4a28148c, inset 0 0 0 2px #e8920f73, 0 0 0 2px var(--wood), 0 0 10px #f5a6238c;inset:20%}.tile-button.is-pressed .pressure-button:after,.tile-button-pressed .pressure-button:after,.tile-button[data-pressed=true] .pressure-button:after,.pressure-button.is-pressed:after{background:radial-gradient(circle at 45% 40%, var(--glow-core), var(--glow-300) 50%, var(--amber) 100%);inset:24%;box-shadow:inset 0 2px 3px #4a281473,0 0 8px #f5a623b3}.tile-button.is-pressed:before,.tile-button-pressed:before,.tile-button[data-pressed=true]:before{content:"";z-index:1;pointer-events:none;border:2px solid var(--wood-dk);background:radial-gradient(circle at 50% 48%,#fff5d0f2 0 22%,#f5a623e6 42%,#9a5a32d9 70%,#4a2814bf 100%);border-radius:2px;position:absolute;inset:8%;box-shadow:inset 0 3px #2a181080,inset 0 0 0 2px #e8920f80,0 0 12px #f5a623a6,0 0 0 1px #c4885099}.tile-button.is-pressed,.tile-button-pressed,.tile-button[data-pressed=true]{box-shadow:inset 0 0 0 2px #c48850,inset 2px 2px #ffecb48c,0 0 0 1px #e8920f66}.tile-button.is-pressed .ice-block,.tile-button-pressed .ice-block,.tile-button[data-pressed=true] .ice-block{box-shadow:inset 0 2px #ffffffe6,inset 0 -4px 8px #2d6e9666,inset 2px 0 5px #ffffff59,0 0 0 2px #c48850bf,0 0 14px #f5a623b3,0 4px 12px #1a274059}.gate{pointer-events:none;z-index:2;image-rendering:pixelated;border-radius:0;position:absolute;inset:10%}.gate--closed,.gate.gate-closed{background:repeating-linear-gradient(180deg, var(--wood-hi) 0 4px, var(--wood) 4px 5px, var(--wood-mid) 5px 9px, var(--wood-dk) 9px 10px);border:3px solid var(--wood-dk);box-shadow:inset 1px 1px #c488508c,inset -1px -1px #00000059,0 2px #2a181073}.gate--closed:before,.gate--closed:after,.gate.gate-closed:before,.gate.gate-closed:after{content:"";background:var(--wood-dk);pointer-events:none;height:3px;position:absolute;left:8%;right:8%;box-shadow:0 1px #c4885073}.gate--closed:before,.gate.gate-closed:before{top:28%}.gate--closed:after,.gate.gate-closed:after{top:62%}.tile-gate-closed{box-shadow:inset 0 0 0 2px #8a5230,inset 2px 2px #c4885040}.gate--open,.gate.gate-open{box-shadow:none;opacity:.45;background:0 0;border:2px dashed #7a422466}.gate--open:before,.gate--open:after,.gate.gate-open:before,.gate.gate-open:after{content:none}.tile-gate-open{box-shadow:inset 0 0 0 2px #78a8c8,inset 2px 2px #ffffffd9,inset 0 0 0 1px #7a422433}.conflict-closed,.tile-conflict-closed{outline-offset:-3px;filter:saturate(.7)brightness(.92);outline:2px solid #7a3a28a6}.conflict-closed:after,.tile-conflict-closed:after{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#4a28148c 0 3px,#7a422459 3px 6px,#9a5a3240 6px 9px),repeating-linear-gradient(-45deg,#0000 0 5px,#8c322847 5px 8px);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #4a281473}.charge-point{background:radial-gradient(circle at 40% 35%, var(--glow-100), var(--glow-300) 55%, transparent 70%);opacity:.9;pointer-events:none;z-index:1;border-radius:0;position:absolute;inset:12%;box-shadow:0 0 0 2px #f5a62373,0 0 12px #f5a62359}.battery{z-index:2;background:linear-gradient(180deg, var(--bat-gold-hi) 0%, var(--bat-gold) 14%, #a67c2e 34%, #8a6424 37%, var(--bat-black) 40%, #141414 100%);border-radius:5px;width:42%;height:58%;position:relative;overflow:visible;box-shadow:inset 0 1px #fff0b48c,inset 0 -2px 3px #00000073,0 2px 5px #1a140a59}.battery:before{content:"";background:linear-gradient(180deg, #f0f0f0 0%, #c8c8c8 45%, var(--bat-gold) 100%);border-radius:2px 2px 0 0;height:15%;position:absolute;top:-14%;left:30%;right:30%;box-shadow:0 1px 2px #00000059}.battery:after{content:"";background:linear-gradient(90deg, var(--bat-red), var(--bat-red-hi) 45%, var(--bat-red));clip-path:polygon(0% 45%,10% 8%,18% 72%,28% 12%,38% 78%,48% 5%,58% 70%,68% 15%,78% 75%,88% 10%,100% 50%,100% 100%,0% 100%);pointer-events:none;height:16%;position:absolute;top:33%;left:-4%;right:-4%;box-shadow:0 1px 2px #00000059}.battery--picked,.battery.is-picked{animation:.52s ease-out forwards battery-sparkle}@keyframes battery-sparkle{0%{opacity:1;filter:brightness();transform:scale(1)}35%{filter:brightness(1.45);box-shadow:0 0 14px var(--bat-gold-hi), 0 0 22px #d000008c;transform:scale(1.35)}to{opacity:0;transform:scale(.2)}}.lighthouse{z-index:2;filter:drop-shadow(0 2px 3px #1a274059);flex-direction:column;justify-content:flex-end;align-items:center;width:82%;height:92%;display:flex;position:relative}.lighthouse__roof{clip-path:polygon(50% 0%,100% 100%,0% 100%);z-index:3;background:linear-gradient(#e85a4f 0%,#c43c34 100%);flex-shrink:0;width:96%;height:16%;margin-bottom:-1px;box-shadow:0 1px #ffffff26}.lighthouse__lantern{z-index:2;background:#4a5568;border:1.5px solid #f5a6238c;border-radius:3px 3px 1px 1px;flex-shrink:0;width:72%;height:18%;margin-bottom:-1px;transition:background .4s,box-shadow .4s,border-color .4s;position:relative}.lighthouse__lantern:after{content:"";pointer-events:none;background:#ffcc5c59;border-radius:2px;position:absolute;inset:18% 22%;box-shadow:0 0 6px #f5a62366}.lighthouse__tower{z-index:1;background:repeating-linear-gradient(#f7fafc 0 22%,#e24a42 22% 42%,#f7fafc 42% 62%,#e24a42 62% 82%,#f7fafc 82% 100%);border-radius:2px 2px 3px 3px;flex-shrink:0;width:68%;height:58%;position:relative;box-shadow:inset 0 0 0 1px #1a27401f,0 2px 4px #1a274047}.lighthouse__tower:before{content:"";background:#1a274059;border-radius:3px 3px 1px 1px;width:28%;height:22%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.lighthouse--dark .lighthouse__lantern{background:#3a4558;border-color:#f5a623b3;box-shadow:0 0 0 1px #f5a62359,0 0 10px #f5a62366,0 0 18px #ffcc5c38}.lighthouse--dark .lighthouse__lantern:after{background:#ffcc5c73;box-shadow:0 0 8px #f5a6238c}.lighthouse--lit .lighthouse__lantern{background:var(--glow-300);border-color:var(--glow-100);box-shadow:0 0 12px var(--glow-400), 0 0 26px #f5a623b3, 0 0 42px #ffcc5c80;animation:2.2s ease-in-out infinite lantern-pulse}.lighthouse--lit .lighthouse__lantern:after{background:var(--glow-core);box-shadow:0 0 10px var(--glow-200)}.lighthouse--lit:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ffcc5c8c,#0000 70%);border-radius:50%;width:170%;height:45%;animation:2.2s ease-in-out infinite glow-wash;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}.lighthouse.is-igniting .lighthouse__lantern,.lighthouse--ignite .lighthouse__lantern{animation:.7s ease-out forwards lighthouse-ignite}@keyframes lantern-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes glow-wash{0%,to{opacity:.75}50%{opacity:1}}@keyframes lighthouse-ignite{0%{background:#3a4558;box-shadow:0 0 #0000}40%{background:var(--glow-200);box-shadow:0 0 18px var(--glow-400)}to{background:var(--glow-300);box-shadow:0 0 12px var(--glow-400), 0 0 26px #f5a623b3}}:is(.tile:has(.lighthouse),.tile-lighthouse){image-rendering:pixelated;background-color:#d8ecf8;background-image:repeating-linear-gradient(0deg,#fff 0 2px,#e8f4fc 2px 4px,#d0e4f0 4px 6px),repeating-linear-gradient(90deg,#0000 0 4px,#78a8c866 4px 5px,#0000 5px 8px);box-shadow:inset 0 0 0 2px #f5a623a6,inset 2px 2px #ffffffbf,0 0 12px #f5a62347}.tile:has(.lighthouse):after{content:"";background:var(--glow-400);opacity:.95;pointer-events:none;z-index:5;border-radius:0;width:6px;height:6px;position:absolute;top:3px;left:3px;box-shadow:0 0 0 2px #fff0b480}.tile-lighthouse-full:has(.lighthouse){box-shadow:inset 0 0 0 2px #f5a623d9,inset 0 0 10px #ffcc5c59,0 0 14px #f5a62366}.lighthouse:not(:has(.lighthouse__tower)){background-color:#0000;background-image:linear-gradient(#0000 0 14%,#f7fafc 14% 28%,#e24a42 28% 42%,#f7fafc 42% 56%,#e24a42 56% 70%,#f7fafc 70% 88%,#0000 88%),linear-gradient(#0000 0 4%,#c43c34 4% 14%,#0000 14%);background-position:bottom,top;background-repeat:no-repeat;background-size:68% 100%,96% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:2px}.lighthouse:not(:has(.lighthouse__tower)):before{content:"";background:#4a5568;border:1.5px solid #f5a6238c;border-radius:2px;height:14%;transition:background .4s,box-shadow .4s;position:absolute;top:14%;left:18%;right:18%;box-shadow:0 0 8px #f5a62359}.lighthouse--lit:not(:has(.lighthouse__tower)):before{background:var(--glow-300);border-color:var(--glow-100);box-shadow:0 0 14px var(--glow-400);animation:2.2s ease-in-out infinite lantern-pulse}.pingu{z-index:3;filter:drop-shadow(0 3px 4px #28507859);width:88%;height:92%;display:block;position:relative}.pingu__head{background:radial-gradient(ellipse 72% 58% at 50% 20%, var(--pingu-body-hi) 0%, transparent 58%), radial-gradient(ellipse 90% 70% at 50% 78%, var(--pingu-body-lo) 0%, transparent 62%), linear-gradient(180deg, #2a2a30 0%, var(--pingu-body) 48%, var(--pingu-body-lo) 100%);z-index:2;border-radius:50%;height:70%;position:absolute;top:0;left:8%;right:8%;box-shadow:inset 0 -6px 10px #00000059,inset 0 3px 5px #ffffff14}.pingu__eye{z-index:3;background:#fff;border-radius:50%;width:28%;height:28%;position:absolute;top:28%;box-shadow:0 1px 1px #0003,inset 0 -1px 1px #0000000f}.pingu__eye--l{left:6%}.pingu__eye--r{right:6%}.pingu__eye:after{content:"";background:#0a0a0c;border-radius:50%;width:38%;height:38%;position:absolute;top:34%;left:31%}.pingu__beak{z-index:4;pointer-events:none;width:52%;height:56%;position:absolute;top:40%;left:50%;transform:translate(-50%)}.pingu__beak-rim{background:radial-gradient(ellipse 80% 55% at 50% 18%, var(--pingu-beak-hi) 0%, transparent 55%), linear-gradient(180deg, #ff3a2a 0%, var(--pingu-beak) 42%, #b01010 100%);border-radius:48% 48% 50% 50%;position:absolute;inset:0;box-shadow:0 2px 4px #00000059,inset 0 1px 2px #ffc8b459,inset 0 -3px 5px #50000059}.pingu__beak-hole{background:radial-gradient(ellipse 70% 55% at 50% 28%, #ff6a45 0%, #c01810 42%, var(--pingu-beak-lo) 78%, #4a0000 100%);border-radius:50%;position:absolute;inset:18% 16% 20%;box-shadow:inset 0 3px 6px #00000073,inset 0 -1px 2px #ff785040}.pingu__body{background:radial-gradient(ellipse 70% 50% at 50% 18%, var(--pingu-body-hi) 0%, transparent 55%), linear-gradient(180deg, #26262c 0%, var(--pingu-body) 55%, var(--pingu-body-lo) 100%);z-index:1;border-radius:42% 42% 38% 38%;position:absolute;inset:58% 18% 4%;box-shadow:inset 0 -4px 6px #0000004d}.pingu__belly{background:radial-gradient(ellipse 80% 70% at 50% 35%, #fff 0%, var(--pingu-belly) 70%);box-shadow:0 0 0 2px var(--pingu-belly-rim), 0 -1px 5px #f0e09abf, inset 0 1px 2px #ffffffb3;z-index:1;border-radius:50%;position:absolute;inset:18% 22% 22%}.pingu__mask,.pingu__cheek,.pingu__foot{display:none}.pingu:not(:has(.pingu__head)):not(:has(.pingu__body)){background:radial-gradient(ellipse 70% 55% at 50% 18%, var(--pingu-body-hi) 0%, transparent 55%), linear-gradient(180deg, #2a2a30 0%, var(--pingu-body) 55%, var(--pingu-body-lo) 100%);border-radius:50% 50% 44% 44%/56% 56% 40% 40%;box-shadow:inset 0 -5px 8px #00000059,0 2px 4px #00000040}.pingu:not(:has(.pingu__head)):not(:has(.pingu__body)):before{content:"";background:#fff;border-radius:50%;width:22%;height:22%;position:absolute;top:26%;left:18%;box-shadow:22px 0 #fff}.pingu:not(:has(.pingu__head)):not(:has(.pingu__body)):after{content:"";background:radial-gradient(ellipse 60% 50% at 50% 30%, #ff6a45 0%, var(--pingu-beak) 50%, var(--pingu-beak-lo) 100%);width:36%;height:34%;box-shadow:0 0 0 3px var(--pingu-beak-hi), inset 0 2px 4px #0006;clip-path:none;border-radius:48%;position:absolute;top:42%;left:50%;transform:translate(-50%)}.pingu--bounce{animation:.6s pingu-bounce}@keyframes pingu-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-18%)}70%{transform:translateY(-4%)}}.win-overlay{z-index:40;padding:calc(16px + var(--safe-top)) 20px calc(16px + var(--safe-bottom));-webkit-backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;background:#28102080;justify-content:center;align-items:center;transition:opacity .28s,visibility .28s;display:flex;position:fixed;inset:0}.win-overlay.is-open,.win-overlay[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.win-card{text-align:center;border-radius:0;width:min(100%,320px);padding:18px 16px 14px;animation:.52s cubic-bezier(.22,1.2,.36,1) both win-card-in;position:relative;overflow:hidden}.win-card__title{color:#5a2038;text-shadow:0 0 8px #ffb43c99;margin:0 0 6px;font-size:1.15rem;font-weight:900}.win-card__msg{color:var(--muted);margin:0 0 12px;font-size:.82rem;font-weight:600;line-height:1.35}.win-card__glow{pointer-events:none;background:radial-gradient(#ffcc5c8c,#0000 65%);width:140%;height:70%;animation:1.8s ease-in-out infinite win-warm-pulse;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.win-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-particles span{background:var(--glow-300);opacity:0;border-radius:0;width:6px;height:6px;animation:1.6s ease-out infinite soft-particle;position:absolute}.win-particles span:first-child{animation-delay:0s;top:70%;left:18%}.win-particles span:nth-child(2){background:var(--ice-300);animation-delay:.25s;top:78%;left:42%}.win-particles span:nth-child(3){animation-delay:.4s;top:72%;left:68%}.win-particles span:nth-child(4){background:var(--glow-100);animation-delay:.55s;top:60%;left:30%}.win-particles span:nth-child(5){animation-delay:.7s;top:62%;left:78%}@keyframes win-card-in{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes win-warm-pulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}@keyframes soft-particle{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:.9}to{opacity:0;transform:translateY(-48px)scale(1.1)}}.btn-primary{appearance:none;border:3px solid var(--wood-dk);cursor:pointer;width:100%;min-height:44px;font:inherit;color:var(--ink);background:repeating-linear-gradient(90deg, #ffd060 0 4px, var(--amber) 4px 8px);box-shadow:inset 2px 2px 0 #ffe8a0, 0 3px 0 var(--wood-dk);image-rendering:pixelated;border-radius:0;padding:10px 20px;font-size:.9rem;font-weight:900;transition:transform .12s}.btn-primary:active{transform:translateY(2px)}.fail-overlay{z-index:40;padding:calc(16px + var(--safe-top)) 20px calc(16px + var(--safe-bottom));-webkit-backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;background:#28102080;justify-content:center;align-items:center;transition:opacity .28s,visibility .28s;display:flex;position:fixed;inset:0}.fail-overlay.is-open,.fail-overlay[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.fail-card{text-align:center;width:min(100%,320px);box-shadow:0 0 0 2px var(--wood-dk), 0 8px 0 var(--wood-dk), inset 2px 2px 0 #fffaf0;border-radius:0;padding:18px 16px 14px;animation:.52s cubic-bezier(.22,1.2,.36,1) both fail-card-in;position:relative;overflow:hidden}.fail-card__frost{pointer-events:none;background:radial-gradient(#b8d9ee73,#8abfdc2e 45%,#0000 68%);width:140%;height:70%;animation:2s ease-in-out infinite fail-frost-pulse;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.fail-card__title{color:#5a2038;margin:0 0 6px;font-size:1.15rem;font-weight:900;position:relative}.fail-card__msg{color:var(--muted);margin:0 0 12px;font-size:.82rem;font-weight:600;line-height:1.35;position:relative}.fail-card__actions{justify-content:center;gap:8px;width:100%;display:flex;position:relative}.btn-fail-retry{appearance:none;border:3px solid var(--wood-dk);cursor:pointer;min-height:48px;font:inherit;color:var(--ink);background:repeating-linear-gradient(90deg, #ffd060 0 4px, var(--amber) 4px 8px);box-shadow:inset 2px 2px 0 #ffe8a0, 0 3px 0 var(--wood-dk);image-rendering:pixelated;border-radius:0;flex:1;padding:12px 16px;font-size:.9rem;font-weight:900;transition:transform .12s,box-shadow .12s}.btn-fail-retry:active{box-shadow:inset 2px 2px 0 #ffe8a0, 0 1px 0 var(--wood-dk);transform:translateY(2px)}.btn-fail-undo{appearance:none;border:3px solid var(--wood-dk);cursor:pointer;min-height:44px;font:inherit;color:#5a2038;box-shadow:inset 2px 2px 0 #ffe8f0, 0 3px 0 var(--wood-dk);background:#f8c0d0;border-radius:0;flex:1;padding:10px 14px;font-size:.85rem;font-weight:800;transition:transform .12s,opacity .16s}.btn-fail-undo:active:not(:disabled){transform:translateY(2px)}.btn-fail-undo:disabled{opacity:.45;cursor:not-allowed}@keyframes fail-card-in{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fail-frost-pulse{0%,to{opacity:.75;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}@media (width>=720px){#app{max-width:520px;padding-top:28px}:root{--tile-size:58px}.stage{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.grid.board,#board.grid,#board{grid-template-columns:repeat(var(--cols,5), var(--tile-size));grid-template-rows:repeat(var(--rows,5), var(--tile-size));background:var(--wood-dk);z-index:1;border-radius:0;gap:4px;padding:6px;display:grid;position:relative;box-shadow:inset 0 0 12px #28507840}.tile-charge{background-color:#d8ecf8;background-image:repeating-linear-gradient(0deg,#fff 0 2px,#e8f4fc 2px 4px,#d0e4f0 4px 6px),repeating-linear-gradient(90deg,#0000 0 4px,#78a8c866 4px 5px,#0000 5px 8px);box-shadow:inset 0 0 0 2px #f5a62373,inset 2px 2px #ffffffd9}.tile-oneway-up{--oneway-rot:0deg}.tile-oneway-right{--oneway-rot:90deg}.tile-oneway-down{--oneway-rot:180deg}.tile-oneway-left{--oneway-rot:270deg}.tile-has-pingu{z-index:2}.lh-badge{z-index:6;background:var(--cream);color:#5a2038;border:2px solid var(--wood-dk);box-shadow:none;pointer-events:none;border-radius:0;padding:0 3px;font-size:8px;font-weight:900;line-height:1.2;position:absolute;top:1px;right:1px}.battery--carried{z-index:4;width:34%;height:42%;position:absolute;top:8%;right:-8%;transform:rotate(18deg)}.lighthouse--partial .lighthouse__lantern{background:#b8954a;border-color:#f5a623d9;box-shadow:0 0 0 1px #f5a62366,0 0 12px #f5a62373}.lighthouse--partial .lighthouse__lantern:after{background:#ffcc5ca6}.status-line{color:var(--ink);box-sizing:border-box;border-radius:0;min-height:36px;margin:0;padding:8px 12px;font-size:.78rem;font-weight:700;line-height:1.35}.status-line:empty{visibility:hidden;box-shadow:none;background:0 0;border-color:#0000}.status-line[data-status=won]{color:#2f7a55}.status-line[data-status=lost]{color:#b34a40}.level-tip{text-align:center;color:#5a2038;border:3px solid var(--wood-dk);box-shadow:inset 2px 2px 0 #ffe8f0, inset -2px -2px 0 #d08098, 0 2px 0 var(--wood-dk);background:#f8c0d0;border-radius:0;flex-shrink:0;margin:0;padding:5px 10px;font-size:.72rem;font-weight:800;line-height:1.25;animation:3.2s ease-in-out infinite level-tip-sheen;position:relative;overflow:hidden}.level-tip:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:3.2s ease-in-out infinite level-tip-glint;position:absolute;inset:0;transform:translate(-120%)}.level-tip[hidden]{display:none!important}@keyframes level-tip-sheen{0%,to{box-shadow:inset 2px 2px 0 #ffe8f0, inset -2px -2px 0 #d08098, 0 3px 0 var(--wood-dk)}50%{box-shadow:inset 2px 2px 0 #ffe8f0, inset -2px -2px 0 #d08098, 0 3px 0 var(--wood-dk), 0 0 0 2px #f5a62347}}@keyframes level-tip-glint{0%,55%{transform:translate(-120%)}75%,to{transform:translate(120%)}}.battery-chip{color:#fff;background:var(--bat-black);border:3px solid var(--bat-gold);border-radius:0;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px 2px 3px;font-size:.78rem;font-weight:900;display:inline-flex;box-shadow:0 0 0 1px #000,inset 1px 1px #444}.battery-chip__icon{background:linear-gradient(180deg, var(--bat-gold-hi) 0%, var(--bat-gold) 32%, var(--bat-black) 38%, var(--bat-black) 100%);border-radius:0;flex-shrink:0;width:10px;height:14px;display:inline-block;position:relative;box-shadow:inset 0 0 0 1px #00000059}.battery-chip__icon:before{content:"";background:linear-gradient(180deg, #eee, var(--bat-gold));border-radius:0;height:3px;position:absolute;top:-3px;left:28%;right:28%}.battery-chip__icon:after{content:"";background:var(--bat-red);clip-path:polygon(0 40%,25% 0,50% 80%,75% 10%,100% 55%,100% 100%,0 100%);height:18%;position:absolute;top:32%;left:-1px;right:-1px}.ice-block{--ice-block-size:82%;z-index:3;width:var(--ice-block-size);height:var(--ice-block-size);will-change:transform;background:linear-gradient(145deg,#f5fcfff2 0%,#a0d2ebeb 28%,#5a9bc3f2 62%,#2d6e96e0 100%);border:2px solid #fffffff2;border-radius:8%;position:relative;transform:translateZ(0);box-shadow:inset 0 2px #ffffffe6,inset 0 -4px 8px #2d6e9673,inset 2px 0 5px #fff6,0 0 0 2px #2d6e96a6,0 4px 12px #1a27406b,0 0 16px #5a9fc459}.ice-block:before{content:"";pointer-events:none;background:linear-gradient(125deg,#fff,#ffffff8c 50%,#0000 100%);border-radius:12% 40% 30% 20%;height:30%;position:absolute;inset:9% 11% auto 9%}.ice-block:after{content:"";pointer-events:none;background:linear-gradient(160deg,#0000 35%,#ffffff59 52%,#0000 68%),linear-gradient(40deg,#2d6e9647,#0000 55%);border:1.5px solid #ffffff8c;border-radius:12%;position:absolute;inset:20% 16% 12% 20%;box-shadow:inset 0 0 0 1px #5a9fc459}.tile-wall .ice-block,.tile-has-pingu .ice-block{box-shadow:inset 0 2px #fffffff2,inset 0 -4px 8px #2d6e9680,0 0 0 2px #2d6e96b3,0 4px 14px #1a274080,0 0 18px #8abfdc80}.ice-block--slide{--slide-x:0;--slide-y:0;animation:.22s cubic-bezier(.22,.8,.35,1) both ice-block-slide}.ice-block--slide[data-dir=up]{--slide-x:0;--slide-y:-1}.ice-block--slide[data-dir=down]{--slide-x:0;--slide-y:1}.ice-block--slide[data-dir=left]{--slide-x:-1;--slide-y:0}.ice-block--slide[data-dir=right]{--slide-x:1;--slide-y:0}@keyframes ice-block-slide{0%{transform:translate(0)scale(1)}70%{transform:translate(calc(var(--slide-x) * 28%), calc(var(--slide-y) * 28%)) scale(1.02);filter:brightness(1.08)}to{transform:translate(calc(var(--slide-x) * 100%), calc(var(--slide-y) * 100%)) scale(1)}}.ice-block--bump,.ice-block--hit{animation:.28s ease-out both ice-block-bump}@keyframes ice-block-bump{0%,to{transform:translate(0)}20%{transform:translate(-6%)rotate(-2deg)}40%{transform:translate(6%)rotate(2deg)}60%{transform:translate(-3%)rotate(-1deg)}80%{transform:translate(2%)}}.ice-block--bump[data-dir=up],.ice-block--hit[data-dir=up]{--bump-sign:-1;animation-name:ice-block-bump-y}.ice-block--bump[data-dir=down],.ice-block--hit[data-dir=down]{--bump-sign:1;animation-name:ice-block-bump-y}.ice-block--bump[data-dir=left],.ice-block--hit[data-dir=left]{--bump-sign:-1;animation-name:ice-block-bump-x}.ice-block--bump[data-dir=right],.ice-block--hit[data-dir=right]{--bump-sign:1;animation-name:ice-block-bump-x}@keyframes ice-block-bump-x{0%,to{transform:translate(0)}25%{transform:translateX(calc(var(--bump-sign,1) * 10%))}55%{transform:translateX(calc(var(--bump-sign,1) * -4%))}}@keyframes ice-block-bump-y{0%,to{transform:translateY(0)}25%{transform:translateY(calc(var(--bump-sign,1) * 10%))}55%{transform:translateY(calc(var(--bump-sign,1) * -4%))}}.ice-block--sparkle{animation:.42s ease-out both ice-block-sparkle}@keyframes ice-block-sparkle{0%{filter:brightness();box-shadow:inset 0 2px #ffffffd9,0 0 0 1px #5a9fc459,0 3px 8px #1a274047}40%{filter:brightness(1.25);box-shadow:inset 0 2px #fffffff2,0 0 0 1px #ffffffb3,0 0 18px #c8e6ffd9,0 3px 8px #1a274047}to{filter:brightness()}}.dpad{background:var(--wood-mid);border:4px solid var(--wood);width:max-content;max-width:156px;box-shadow:inset 0 0 0 2px var(--wood-hi), 0 0 0 2px var(--wood-dk), 0 4px 0 var(--wood-dk);border-radius:0;flex-shrink:0;grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px);place-content:center;gap:2px;margin:0 auto;padding:4px;display:grid}.dpad__btn{appearance:none;border:3px solid var(--wood-dk);background:var(--cream);color:#5a2038;cursor:pointer;width:100%;height:100%;min-height:0;box-shadow:inset 2px 2px 0 #fffaf0, inset -2px -2px 0 var(--cream-dk), 0 2px 0 var(--wood-dk);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:0;justify-content:center;align-items:center;font-family:inherit;font-size:.95rem;font-weight:900;transition:transform 90ms,box-shadow 90ms,background 90ms;display:flex}.dpad__btn:active,.dpad__btn.is-pressed{background:var(--cream-dk);box-shadow:inset 2px 2px 0 var(--cream-dk), 0 1px 0 var(--wood-dk);transform:translateY(1px)}.dpad__center{background:repeating-linear-gradient(45deg, var(--wood-hi) 0 3px, var(--wood) 3px 6px);border:3px solid var(--wood-dk);pointer-events:none;border-radius:0;grid-area:2/2;box-shadow:inset 1px 1px #ffdcb44d}.dpad__up{grid-area:1/2}.dpad__left{grid-area:2/1}.dpad__right{grid-area:2/3}.dpad__down{grid-area:3/2}.dpad-btn{appearance:none;border:3px solid var(--wood-dk);background:var(--cream);color:#5a2038;cursor:pointer;min-width:44px;min-height:44px;box-shadow:inset 2px 2px 0 #fffaf0, inset -2px -2px 0 var(--cream-dk), 0 2px 0 var(--wood-dk);border-radius:0;font-family:inherit;font-size:.95rem;font-weight:900}.dpad-mid{justify-content:center;gap:2px;display:flex}body[data-status=won] .stage{box-shadow:inset 0 0 0 2px var(--wood-hi), inset 0 0 0 4px var(--wood-dk), 0 0 0 2px var(--wood-dk), 0 4px 0 var(--wood-dk), 0 0 40px #f5a62359}body[data-status=lost] .stamina__fill{width:0!important}@media (height<=780px){:root{--hud-gap:4px}.app-title__sub{display:none}.app-title{padding:0}.app-title__name{font-size:.92rem}.hud{gap:3px;padding:3px 6px}.level-tip{padding:4px 8px;font-size:.68rem;line-height:1.2}.status-line{min-height:0;padding:4px 8px;font-size:.72rem}.dpad{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);max-width:142px;padding:3px}}:root{--ice:var(--ice-200);--pingu:var(--pingu-body);--warm:var(--glow-400)}.grid.board,.board.grid{grid-template-columns:repeat(var(--cols,5), var(--tile-size));grid-template-rows:repeat(var(--rows,5), var(--tile-size));touch-action:none}.battery-chip{background:var(--bat-black);border:3px solid var(--bat-gold);color:#fff;border-radius:0;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px 2px 3px;font-size:.78rem;font-weight:900;display:inline-flex;box-shadow:0 0 0 1px #000,inset 1px 1px #444}.battery-chip__label{opacity:.85;font-size:.68rem;font-weight:800}.btn-next:disabled{opacity:.45;cursor:not-allowed}.status{z-index:1;min-height:1.2em;position:relative}.status[data-status=won]{color:var(--glow-200)}.status[data-status=lost]{color:#ffb4a8}.lh-badge{z-index:6;background:var(--cream);color:#5a2038;border:2px solid var(--wood-dk);pointer-events:none;border-radius:0;padding:0 3px;font-size:8px;font-weight:900;position:absolute;top:1px;bottom:auto;right:1px}.pingu-carry{z-index:4;pointer-events:none;width:28%;height:36%;position:absolute;top:-2px;right:-2px}body[data-status=lost] .stage{outline:3px solid var(--danger-soft);outline-offset:-3px}.hud.panel{flex-wrap:wrap}html,body{overscroll-behavior:none;touch-action:none;height:100dvh;overflow:hidden}#app,#stage,.stage,.dpad,.grid.board,#board{touch-action:none;overscroll-behavior:none}.dpad__btn,.dpad-btn,.btn-restart,.btn-undo,.btn-primary,.btn-fail-retry,.btn-fail-undo{touch-action:none}#app{height:100dvh;max-height:100dvh;overflow:hidden}.app-chrome{flex-direction:column;height:100%;min-height:0;display:flex}.stage{flex:auto;min-height:0;overflow:hidden}.grid.board,.board.grid,#board{max-width:100%;max-height:100%}@media (height<=720px){.app-title__sub{display:none}.app-title{margin:0;padding-block:2px}.app-title__name{font-size:.95rem}:root{--hud-gap:4px}.dpad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);max-width:150px;padding:4px}}.push-chip,.stars-chip{color:#5a2038;background:var(--cream,#fff6ee);border:2px solid var(--wood-dk,#6b3a2a);flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:.78rem;font-weight:900;display:inline-flex}.push-chip__label{opacity:.75;font-size:.68rem}.stars-chip{letter-spacing:1px;color:#c48a1a}.win-card__stars{letter-spacing:2px;color:#e8b84a;text-align:center;margin:.25rem 0 .5rem;font-size:1.4rem}