@font-face{font-family:"Press Start 2P";src:url(/assets/fonts/press-start-2p.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg: #faf7f2;--color-ink: #17171b;--color-ink-dim: #6b665e;--color-pink: #ff5fa2;--color-pink-deep: #e34687;--color-glaze: #d9930d;--color-line: #e5dfd3;--font-main: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-hud: "Press Start 2P", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--hud-cream: #fbf1df;--hud-pink: #fd5391;--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);--touch-target: 52px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#1193fd;color:var(--color-ink);font-family:var(--font-main);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#app{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden}img{pointer-events:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 28px) calc(var(--safe-left) + 20px);background-color:var(--color-bg);background-size:cover;background-position:center;text-align:center}.screen[hidden],[hidden]{display:none!important}.btn{font-family:var(--font-main);font-weight:700;font-size:22px;letter-spacing:.14em;color:#17171b;background:var(--color-pink);border:none;border-radius:999px;min-height:64px;min-width:220px;padding:0 44px;cursor:pointer;box-shadow:0 6px 0 var(--color-pink-deep);transition:transform .06s ease}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--color-pink-deep)}.btn:focus-visible{outline:3px solid var(--color-glaze);outline-offset:4px}.loading-brand{font-size:15px;letter-spacing:.18em;color:var(--color-ink-dim);text-transform:lowercase}.loading-brand .x{color:var(--color-pink)}.loading-donut{width:56px;height:56px;border-radius:50%;border:10px solid var(--color-pink);border-top-color:var(--color-glaze);animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-donut{animation-duration:2.4s}}.loading-label{font-size:14px;letter-spacing:.2em;color:var(--color-ink-dim)}.loading-error-msg{max-width:300px;font-size:15px;line-height:1.6;margin-bottom:20px}.title-screen{padding:0}.title-frame{position:absolute;inset:0;background-size:cover;background-position:center bottom;image-rendering:pixelated}.title-name-float{position:absolute;image-rendering:pixelated;pointer-events:none;animation:title-bob 2.6s ease-in-out infinite alternate}@keyframes title-bob{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){.title-name-float{animation:none}}.title-start{position:absolute;inset:0;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.title-start:focus-visible{outline:4px solid var(--color-pink);outline-offset:-4px}.desktop-gate{background:#1193fd;gap:26px}.gate-donut{width:84px;height:84px;image-rendering:pixelated}.gate-panel{width:min(88vw,420px);background:linear-gradient(to bottom,#f0b264,#e19b4a);border:4px solid #131313;border-radius:10px;box-shadow:inset 0 0 0 5px #b06f2e,0 8px #0a0a1459;padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:16px}.gate-title{font-family:var(--font-hud);font-size:20px;font-weight:400;color:#f7c531;text-shadow:-3px -3px 0 #131313,3px -3px 0 #131313,-3px 3px 0 #131313,3px 3px 0 #131313,-3px 0 0 #131313,3px 0 0 #131313,0 -3px 0 #131313,0 3px 0 #131313,0 5px 0 #131313}.gate-body{font-family:var(--font-hud);font-size:11px;line-height:1.8;color:#14203c}.gate-url{font-family:var(--font-hud);font-size:12px;color:#14203c;background:#fbf1df;border:3px solid #131313;border-radius:10px;padding:10px 16px;word-break:break-all}.gate-continue{font-family:var(--font-hud);font-size:9px;color:#ffffffd9;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.5);padding:4px 2px;cursor:pointer}.gate-continue:focus-visible{outline:3px solid #f7c531;outline-offset:3px}.howto-screen{background:#1193fd;justify-content:center;gap:26px}.howto-donut-strip{display:flex;gap:22px;justify-content:center}.howto-donut-strip img{width:52px;height:52px;image-rendering:pixelated}.howto-panel{width:min(88vw,380px);background:repeating-linear-gradient(to bottom,#78421400 0px 30px,#78421447 30px 33px),linear-gradient(to bottom,#f0b264,#e19b4a);border:4px solid #131313;border-radius:10px;box-shadow:inset 0 0 0 5px #b06f2e,inset 0 8px 0 5px #ffebc859,0 8px #0a0a1459;padding:26px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:20px}.howto-title{font-family:var(--font-hud);font-size:22px;font-weight:400;color:#f7c531;letter-spacing:1px;text-shadow:-3px -3px 0 #131313,3px -3px 0 #131313,-3px 3px 0 #131313,3px 3px 0 #131313,-3px 0 0 #131313,3px 0 0 #131313,0 -3px 0 #131313,0 3px 0 #131313,0 6px 0 #131313;margin-bottom:4px}.howto-row{display:flex;align-items:center;gap:14px;width:100%}.howto-icon{width:44px;height:44px;flex:0 0 44px;object-fit:contain;image-rendering:pixelated}.howto-icon-kid{transform:translateY(2px)}.howto-hearts{font-size:19px;line-height:44px;text-align:center;color:#f4517f;text-shadow:-2px -2px 0 #131313,2px -2px 0 #131313,-2px 2px 0 #131313,2px 2px 0 #131313;letter-spacing:2px}.howto-row p{font-family:var(--font-hud);font-size:11px;line-height:1.75;color:#14203c;text-align:left}.howto-play-btn{font-family:var(--font-hud);font-size:20px;color:#fff;letter-spacing:2px;text-shadow:-2px -2px 0 #131313,2px -2px 0 #131313,-2px 2px 0 #131313,2px 2px 0 #131313,0 3px 0 #131313;background:linear-gradient(to bottom,#3dbd97,#27906f);border:4px solid #131313;border-radius:14px;box-shadow:inset 0 5px #ffffff40,inset 0 -7px #0a281e59,0 7px #0d3b2c;min-height:68px;min-width:min(72vw,300px);padding:0 30px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:16px;transition:transform .06s ease}.howto-play-btn:active{transform:translateY(5px);box-shadow:inset 0 5px #ffffff40,inset 0 -7px #0a281e59,0 2px #0d3b2c}.howto-play-btn:focus-visible{outline:4px solid #f7c531;outline-offset:3px}.howto-play-btn .star{color:#f7c531;font-size:22px;text-shadow:-2px -2px 0 #131313,2px -2px 0 #131313,-2px 2px 0 #131313,2px 2px 0 #131313}.gameplay-screen{padding:0}.game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 14px);right:calc(var(--safe-right) + 14px);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hud-counter{font-family:var(--font-hud);font-size:11px;font-weight:400;letter-spacing:.02em;line-height:1;color:#0b0b0b;background:var(--hud-cream);border:3px solid #0b0b0b;border-radius:16px;box-shadow:3px 4px #0b0b0b4d;padding:10px 16px;white-space:nowrap}.hud-counter .num{color:var(--hud-pink)}.hud-mute{pointer-events:auto;width:var(--touch-target);height:var(--touch-target);margin-left:auto;display:flex;align-items:center;justify-content:center;background:var(--hud-cream);border:3px solid #0b0b0b;border-radius:50%;box-shadow:3px 4px #0b0b0b4d;cursor:pointer}.hud-mute img{width:26px;height:26px}.hud-mute:focus-visible{outline:3px solid var(--color-glaze);outline-offset:2px}.hud-hearts{display:flex;gap:4px;font-size:20px;background:var(--hud-cream);border:3px solid #0b0b0b;border-radius:16px;box-shadow:3px 4px #0b0b0b4d;padding:7px 12px}.heart{color:var(--hud-pink)}.heart-lost{color:var(--color-line)}.dozen-banner{position:absolute;top:30%;left:50%;transform:translate(-50%);z-index:5;box-sizing:border-box;max-width:min(86vw,340px);width:max-content;background:var(--hud-cream);border:3px solid #0b0b0b;border-radius:16px;box-shadow:3px 4px #0b0b0b4d;padding:14px 18px;font-family:var(--font-hud);font-size:12px;line-height:1.8;color:#0b0b0b;text-align:center;white-space:normal;animation:banner-pop .25s ease;pointer-events:none}@keyframes banner-pop{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.winner-screen{padding:0}.winner-frame{position:absolute;inset:0;background-size:cover;background-position:center bottom;image-rendering:pixelated}.winner-score{position:absolute;left:0;right:0;z-index:2;text-align:center;font-family:var(--font-hud);color:#f4517f;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000;white-space:nowrap}.confetti-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.winner-again-hotspot{position:absolute;z-index:4;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.winner-again-hotspot:focus-visible{outline:4px solid #f4517f;outline-offset:-4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.winner-screen .hud{z-index:5}.orientation-overlay,.resume-overlay{z-index:50;background-color:#faf7f2f7}.rotate-icon{width:72px;height:72px}.rotate-message,.resume-message{font-size:18px;font-weight:700;letter-spacing:.1em;line-height:1.6;max-width:300px}.resume-message{color:var(--color-pink)}