@font-face{font-family:Karantina;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/karantina-hebrew-400-normal-CLHOJvnf.woff2) format("woff2"),url(/assets/karantina-hebrew-400-normal-DKFuzLs_.woff) format("woff")}@font-face{font-family:Karantina;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/karantina-hebrew-700-normal-CEidegjC.woff2) format("woff2"),url(data:font/woff;base64,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) format("woff")}@font-face{font-family:Karantina;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/karantina-latin-400-normal-BF7r8bde.woff2) format("woff2"),url(/assets/karantina-latin-400-normal-B9SNDpef.woff) format("woff")}@font-face{font-family:Karantina;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/karantina-latin-700-normal-CWlTIwJg.woff2) format("woff2"),url(/assets/karantina-latin-700-normal-DbXINOrn.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/heebo-hebrew-500-normal-TEhwuRN-.woff2) format("woff2"),url(/assets/heebo-hebrew-500-normal-B1vvQVzc.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/heebo-hebrew-700-normal-BmueYKsA.woff2) format("woff2"),url(/assets/heebo-hebrew-700-normal-C-m02vPD.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/heebo-hebrew-800-normal-CDdwy3LD.woff2) format("woff2"),url(/assets/heebo-hebrew-800-normal-DvzqWKY1.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/heebo-hebrew-900-normal-C2xjWvXw.woff2) format("woff2"),url(/assets/heebo-hebrew-900-normal-DHmuj4t7.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/heebo-latin-500-normal-CRntKADR.woff2) format("woff2"),url(/assets/heebo-latin-500-normal-D9arPEGc.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/heebo-latin-700-normal-PoyjiH5f.woff2) format("woff2"),url(/assets/heebo-latin-700-normal-DxB9_ClD.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/heebo-latin-800-normal-CXX3wFtI.woff2) format("woff2"),url(/assets/heebo-latin-800-normal-jzg0ZXtx.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/heebo-latin-900-normal-C5-5scyM.woff2) format("woff2"),url(/assets/heebo-latin-900-normal-Df7b1kWg.woff) format("woff")}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2) format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff) format("woff")}@font-face{font-family:Bungee Shade;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-shade-latin-400-normal-CY8ybpt1.woff2) format("woff2"),url(/assets/bungee-shade-latin-400-normal-DmPPic54.woff) format("woff")}:root{--color-sky-top: #1a1442;--color-sky-mid: #6a2bd9;--color-sky-bottom: #ff5f7e;--color-sun: #ffe156;--color-halftone: #ff2e93;--color-ink: #16102b;--color-ink-light: #fff8f0;--color-panel: #fff8f0;--color-panel-alpha: 1;--color-gold: #ffe156;--color-accent-primary: #2ec4f3;--color-accent-secondary: #ffe156;--color-brand: #2ec4f3;--color-success: #157a3a;--color-danger: #d62828;--color-medal-bronze: #ff8a3d;--color-medal-bronze-hi: #ffc08f;--color-medal-silver: #c9cfe6;--color-medal-silver-hi: #ffffff;--color-medal-gold: #ffe156;--color-medal-gold-hi: #fff6b8;--color-art-field: #fff8f0;--color-art-glaze: #ff2e93;--color-art-choc: #7a3b2e;--color-art-cream: #ffe7c2;--color-art-mint: #43d17a;--color-art-coral: #ff8a3d;--color-art-road: #3b2d7a;--color-art-ground: #211a5c;--color-art-dim: #e4ddf2;--color-art-dough: #f2b266;--color-overlay-scrim-image: radial-gradient( circle, color-mix(in srgb, var(--color-ink) 28%, transparent) 1.6px, transparent 2px );--color-overlay-scrim: var(--color-overlay-scrim-image) 0 0 / 10px 10px, color-mix(in srgb, var(--color-sky-top) 64%, transparent);--color-shadow-ground: color-mix(in srgb, var(--color-ink) 38%, transparent);--color-shadow-sticker: color-mix(in srgb, var(--color-ink) 45%, transparent);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 14px;--radius-md: 22px;--radius-lg: 28px;--radius-pill: 999px;--outline-width: 4px;--outline-width-sm: 3px;--outline-width-xs: 2px;--shadow-sm: -3px 3px 0 var(--color-ink);--shadow-md: -5px 5px 0 var(--color-ink);--shadow-lg: -6px 6px 0 var(--color-ink);--shadow-text: 1.5px 0 0 var(--color-ink), -1.5px 0 0 var(--color-ink), 0 1.5px 0 var(--color-ink), 0 -1.5px 0 var(--color-ink), -2px 2px 0 var(--color-ink);--press-translate: translate(-4px, 4px);--press-translate-icon: translate(-3px, 3px);--press-scale: scale(.96);--ease-arcade: cubic-bezier(.68, -.55, .27, 1.55);--duration-fast: 90ms;--duration-base: .2s;--duration-slow: .38s;--motion-wave-period: 6s;--motion-sparkle-period: 5s;--motion-float-period: 4.6s;--motion-icon-loop-period: 7s;--motion-hero-loop-period: 2.4s;--motion-drift-period: 48s;--motion-breathe-period: 4.6s;--hub-stagger-step: 40ms;--font-display: "Karantina", "Heebo", sans-serif;--font-body: "Heebo", sans-serif;--font-pixel: "Bungee", "Heebo", sans-serif;--font-title-3: "Bungee Shade", "Bungee", "Heebo", sans-serif;--font-card-name: "Heebo", sans-serif;--font-weight-body: 500;--font-weight-strong: 800;--font-weight-display: 700;--font-weight-button: 900;--font-size-xs: clamp(.72rem, .66rem + .3vw, .82rem);--font-size-sm: clamp(.85rem, .78rem + .35vw, .98rem);--font-size-md: clamp(1rem, .92rem + .4vw, 1.1rem);--font-size-lg: clamp(1.2rem, 1.05rem + .75vw, 1.55rem);--font-size-xl: clamp(1.7rem, 1.35rem + 2.6vw, 2.5rem);--font-size-hud: clamp(2.6rem, 1.9rem + 5vw, 4rem);--font-size-display: var(--font-size-xl);--font-size-hub-title: clamp(2.1rem, 1.5rem + 7vw, 3.1rem);--font-size-hub-subtitle: clamp(.68rem, .6rem + 1.4vw, .88rem);--font-size-card-name: clamp(.86rem, .74rem + 1.6vw, 1.05rem);--touch-target-min: 44px;--top-bar-height: calc(var(--touch-target-min) + var(--space-3) * 2);--z-topbar: 20;--z-hud: 15;--z-sheet: 40;--z-modal: 50;--z-overlay: 60;--z-dev-switcher: 70}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{direction:rtl}body{background:var(--color-sky-top);color:var(--color-ink-light);font-family:var(--font-body);font-weight:var(--font-weight-body);font-size:var(--font-size-md);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;height:100dvh;width:100%;overflow:hidden;overscroll-behavior:none}@supports not (height: 100dvh){#app{height:100vh}}button{font-family:inherit;color:inherit}img{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding-block:var(--space-3);padding-inline:var(--space-5);border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:var(--font-weight-button);font-size:var(--font-size-md);cursor:pointer;transition:transform var(--duration-base) var(--ease-arcade),box-shadow var(--duration-base) var(--ease-arcade);touch-action:manipulation;user-select:none}.btn:active{transform:var(--press-translate);box-shadow:var(--shadow-sm);transition-duration:var(--duration-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent-primary);color:var(--color-ink);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-accent-secondary);color:var(--color-ink);box-shadow:var(--shadow-md)}.btn-icon{background:var(--color-panel);color:var(--color-ink);border:var(--outline-width-sm) solid var(--color-ink);border-radius:var(--radius-pill);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-2);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-arcade),box-shadow var(--duration-base) var(--ease-arcade)}.btn-icon:active{transform:var(--press-translate-icon);box-shadow:none;transition-duration:var(--duration-fast)}.btn-icon[aria-pressed=false]{opacity:.55}.btn-icon-inline{display:inline-flex;align-items:center;justify-content:center;line-height:0}.btn-icon-inline svg{width:1.1em;height:1.1em}.tap-hint{display:inline-flex;color:currentColor;animation:tap-hint-press 1.6s ease-in-out infinite;transform-origin:70% 85%}.tap-hint-sm{width:1.05em;height:1.05em;margin-inline-start:.15em;vertical-align:-.15em}.tap-hint-lg{width:48px;height:48px}.tap-hint-svg{width:100%;height:100%}@keyframes tap-hint-press{0%,18%{transform:translateY(0) rotate(0) scale(1)}32%{transform:translateY(18%) rotate(-6deg) scale(.92)}46%,to{transform:translateY(0) rotate(0) scale(1)}}.back-button svg{transform:scaleX(1)}[dir=ltr] .back-button svg{transform:scaleX(-1)}.game-screen{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle,color-mix(in srgb,var(--color-halftone) 16%,transparent) 1.4px,transparent 1.8px) 0 0 / 12px 12px,var(--color-sky-top)}.game-screen-root{position:absolute;inset:0}.top-bar{position:fixed;inset-block-start:0;inset-inline:0;display:flex;justify-content:space-between;padding:var(--space-3);padding-block-start:calc(env(safe-area-inset-top,0px) + var(--space-3));z-index:var(--z-topbar);pointer-events:none}.top-bar>*{pointer-events:auto}.top-bar-end-group{display:flex;gap:var(--space-2)}.top-bar-dimmed{opacity:.35;transition:opacity var(--duration-base) var(--ease-arcade)}.top-bar-dimmed>*{pointer-events:none}.start-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(var(--space-2),2.2vh,var(--space-4));padding:var(--space-5);padding-block:calc(env(safe-area-inset-top,0px) + var(--top-bar-height) + var(--space-3)) calc(env(safe-area-inset-bottom,0px) + var(--space-5));text-align:center;overflow:hidden}.start-screen-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.start-screen-hero-visual{display:flex;align-items:center;justify-content:center;inline-size:clamp(6.5rem,40vh,13rem);block-size:clamp(6.5rem,40vh,13rem)}.start-screen-hero-visual .donut-sticker.size-lg,.start-screen-hero-visual .donut-sticker-mystery.size-lg{inline-size:100%;block-size:100%}.start-screen-hero-icon{inline-size:100%;block-size:100%;display:block}.start-screen-hero-icon svg{width:100%;height:100%;overflow:visible}.start-screen-hero-icon[data-game] :is(.gart-anim,.gart-anim-drop,.gart-anim-veh,.gart-anim-wheel,.gart-note){transform-box:fill-box;transform-origin:center;animation-duration:var(--motion-hero-loop-period);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.start-screen-hero-icon[data-game=reveal] .gart-anim{animation-name:hero-bounce}.start-screen-hero-icon[data-game=frankendonut] .gart-anim{animation-name:hero-nudge}.start-screen-hero-icon[data-game=flappy] .gart-anim{animation-name:hero-flap}.start-screen-hero-icon[data-game=simon] .gart-anim{animation-name:hero-blink}.start-screen-hero-icon[data-game=simon] .gart-note{animation-name:hero-note-pop}.start-screen-hero-icon[data-game=mergedrop] .gart-anim{animation-name:hero-spark}.start-screen-hero-icon[data-game=mergedrop] .gart-anim-drop{animation-name:hero-fall-bounce}.start-screen-hero-icon[data-game=driving] .gart-anim{animation:hero-scroll 1.4s ease-in-out infinite alternate}.start-screen-hero-icon[data-game=driving] .gart-anim-veh{animation-name:hero-car-bob}.start-screen-hero-icon[data-game=driving] .gart-anim-wheel{animation:hero-wheel-roll .9s linear infinite}@keyframes hero-bounce{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-6px)}}@keyframes hero-nudge{0%,40%,to{transform:scale(1)}20%{transform:scale(1.25)}}@keyframes hero-flap{0%,40%,to{transform:rotate(-14deg) translateY(0)}20%{transform:rotate(-14deg) translateY(-6px)}}@keyframes hero-blink{0%,40%,to{transform:scale(1)}20%{transform:scale(1.1)}}@keyframes hero-note-pop{0%,20%,to{transform:translateY(0);opacity:1}40%{transform:translateY(-7px);opacity:0}42%{transform:translateY(0);opacity:0}55%{opacity:1}}@keyframes hero-spark{0%,40%,to{transform:scale(.85);opacity:.7}20%{transform:scale(1.2);opacity:1}}@keyframes hero-fall-bounce{0%,50%,to{transform:translateY(-2px)}20%{transform:translateY(9px) scaleY(.85)}35%{transform:translateY(-4px) scaleY(1.05)}}@keyframes hero-scroll{0%{transform:translateY(0)}to{transform:translateY(6px)}}@keyframes hero-car-bob{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-3px)}}@keyframes hero-wheel-roll{to{transform:rotate(360deg)}}.start-screen-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);color:var(--color-ink-light);text-shadow:var(--shadow-text)}.start-screen-hint-icon{display:grid;place-items:center;flex:none;inline-size:30px;block-size:30px;border-radius:var(--radius-pill);background:var(--color-accent-primary);color:var(--color-ink);border:var(--outline-width-xs) solid var(--color-ink);box-shadow:-2px 2px 0 var(--color-ink)}.start-screen-hint-icon svg{width:18px;height:18px}.start-screen-best{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--color-accent-secondary);text-shadow:var(--shadow-text)}.banner{background:var(--color-panel);opacity:var(--color-panel-alpha);border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-lg);max-width:min(90vw,420px);color:var(--color-ink)}.banner-title{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--font-size-xl);line-height:.95;margin:0;padding:.1em .15em;border-radius:var(--radius-sm);display:inline-block;background-color:var(--color-accent-secondary);background-image:radial-gradient(circle,color-mix(in srgb,var(--color-ink) 22%,transparent) 1.3px,transparent 1.7px);background-size:10px 10px}.banner-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-body);margin-block-start:var(--space-2);opacity:.85}.rotate-overlay .banner-title{color:var(--color-ink-light);background-image:none;text-shadow:var(--shadow-text)}.hud-score{position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-3));inset-inline:0;display:flex;flex-direction:column;align-items:center;z-index:var(--z-hud);pointer-events:none}.hud-score-value{background:var(--color-panel);color:var(--color-ink);border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding-block:.05em;padding-inline:.45em;font-family:var(--font-pixel);font-size:calc(var(--font-size-hud) * .82);line-height:1}.hud-score-value.pulse{animation:hud-pulse var(--duration-base) var(--ease-arcade)}@keyframes hud-pulse{0%{transform:scale(1)}30%{transform:scale(1.06,.88)}65%{transform:scale(1.15)}to{transform:scale(1)}}.hud-score-unit{font-family:var(--font-body);font-weight:var(--font-weight-strong);font-size:.5em;margin-inline-start:.2em;unicode-bidi:isolate}.hud-score-best{font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);color:var(--color-ink-light);text-shadow:var(--shadow-text);margin-block-start:var(--space-2)}.game-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.7vh,var(--space-2));padding-inline:var(--space-5);padding-block:clamp(var(--space-2),2vh,var(--space-4));text-align:center;overflow:hidden;background:radial-gradient(circle,color-mix(in srgb,var(--color-halftone) 20%,transparent) 1.5px,transparent 2px) 0 0 / 14px 14px,var(--color-sky-top)}.game-over-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-strong);color:var(--color-ink-light);text-shadow:var(--shadow-text);margin:0}.game-over-result{font-family:var(--font-pixel);font-size:clamp(1.6rem,5.5vh,var(--font-size-hud));color:var(--color-accent-primary);text-shadow:var(--shadow-text);line-height:1}.game-over-result-unit{font-family:var(--font-body);font-weight:var(--font-weight-strong);font-size:var(--font-size-md);color:var(--color-ink-light);text-shadow:var(--shadow-text);margin-inline-start:var(--space-2);unicode-bidi:isolate}.game-over-result-message{font-family:var(--font-body);font-weight:var(--font-weight-strong);font-size:var(--font-size-lg);color:var(--color-ink-light);text-shadow:var(--shadow-text);max-width:min(85vw,420px);line-height:1.25}.game-over-donut{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.game-over-medal{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.game-over-next-medal{font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);color:var(--color-ink-light);text-shadow:var(--shadow-text);margin:0}.game-over-extra{display:flex;align-items:center;justify-content:center;max-width:min(90vw,420px);min-height:clamp(32px,6vh,48px);max-height:clamp(40px,11vh,110px);overflow:hidden}.game-over-actions{display:flex;flex-direction:column;gap:clamp(2px,.6vh,var(--space-2));width:min(80vw,320px);margin-block-start:0;flex:none}.game-over-actions .btn{padding-block:var(--space-2)}.game-over-btn-share{background:var(--color-halftone);color:var(--color-ink-light);animation:game-over-share-pulse 2.2s ease-in-out infinite}.game-over-btn-share:active{animation-play-state:paused}@keyframes game-over-share-pulse{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-halftone) 30%,transparent),var(--shadow-md)}}.sheet-scrim{position:fixed;inset:0;background:var(--color-overlay-scrim);z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center;animation:fade-in var(--duration-base) var(--ease-arcade)}.sheet-body{width:100%;max-width:480px;max-height:80dvh;overflow:hidden;background:var(--color-panel);opacity:var(--color-panel-alpha);color:var(--color-ink);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);border-block-start:var(--outline-width) solid var(--color-ink);padding:var(--space-5);padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--space-5));box-shadow:var(--shadow-lg);animation:sheet-in var(--duration-base) var(--ease-arcade)}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet-title{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--font-size-lg);margin:0 0 var(--space-3)}.sheet-close{position:absolute;inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-4));inset-inline-end:calc(env(safe-area-inset-right,0px) + var(--space-4))}.modal-scrim{position:fixed;inset:0;background:var(--color-overlay-scrim);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.modal-body{background:var(--color-panel);opacity:var(--color-panel-alpha);color:var(--color-ink);border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-5);max-width:min(90vw,360px);text-align:center;box-shadow:var(--shadow-lg)}.modal-title{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--font-size-lg);margin:0 0 var(--space-2)}.modal-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-block-start:var(--space-4)}.medal-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-panel);border:var(--outline-width-sm) solid var(--color-ink);box-shadow:var(--shadow-sm);transform:rotate(-2deg)}.medal-badge-icon{display:inline-block;flex:none;inline-size:2.25rem;block-size:2.625rem}.medal-badge-title{font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);color:var(--color-ink)}.game-over-album-note{display:flex;justify-content:center;max-width:min(90vw,420px)}.game-over-new-donut{display:inline-flex;align-items:center;gap:var(--space-2) .3em;padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent-primary);color:var(--color-ink);border:var(--outline-width-sm) solid var(--color-ink);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);transform:rotate(1deg);flex-wrap:wrap;justify-content:center;text-align:center}.game-over-album-note-donut{display:inline-flex;align-items:center;gap:.3em;vertical-align:middle}.game-over-new-donut>.game-over-album-note-donut{flex-basis:100%;justify-content:center}.game-over-album-note-donut .donut-sticker{width:clamp(1.5rem,5.5vh,2.2rem);height:clamp(1.5rem,5.5vh,2.2rem);flex:none}.game-over-album-note-donut .donut-name{background:none;box-shadow:none;padding:0;color:inherit;font-size:inherit;font-weight:inherit}.game-over-album-link{display:inline-flex;align-items:center;gap:.2em;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding-inline:var(--space-3);background:var(--color-ink);color:var(--color-ink-light);border:var(--outline-width-sm) solid var(--color-ink);border-radius:var(--radius-pill);font:inherit;font-weight:var(--font-weight-strong);text-decoration:underline;text-underline-offset:.15em;cursor:pointer;touch-action:manipulation}.game-over-album-link:active{transform:var(--press-translate-icon)}.game-over-album-link .tap-hint{color:var(--color-ink-light)}.game-over-prize-note{font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);color:var(--color-ink-light);text-shadow:var(--shadow-text);max-width:min(85vw,420px);margin:0;text-align:center}.album-sheet-content{display:flex;flex-direction:column;gap:clamp(0px,.15vh,var(--space-2));width:100%;min-height:0}.sheet-body:has(.album-sheet-content){padding-block:clamp(0px,.1vh,var(--space-5))}.sheet-body:has(.album-sheet-content) .sheet-title{margin-block-end:clamp(0px,.05vh,var(--space-3));font-size:clamp(.95rem,2.6vh,var(--font-size-lg))}.album-sections{display:flex;flex-direction:column;gap:calc(var(--space-1) / 2);width:100%}.album-share-row{display:flex;justify-content:center;flex:none}.album-share-row .album-share-button{width:min(70vw,260px);min-height:var(--touch-target-min);padding-block:clamp(0px,.4vh,var(--space-2));padding-inline:var(--space-4);font-size:var(--font-size-xs)}.album-section{display:flex;flex-direction:column;gap:1px}.album-section-title{margin:0;font-family:var(--font-body);font-weight:var(--font-weight-strong);font-size:var(--font-size-xs);color:var(--color-ink)}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--space-1) / 4)}.album-cell{display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-1) / 4);background:transparent;border:none;min-width:0;padding-inline:calc(var(--space-1) / 2);min-height:var(--touch-target-min);color:var(--color-ink);cursor:pointer}.album-cell:disabled{cursor:default}.album-cell-locked{width:clamp(2.5rem,10vw,3.5rem);height:clamp(2.5rem,10vw,3.5rem);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-ink) 16%,transparent);color:var(--color-ink);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-strong);font-size:var(--font-size-md);opacity:.6}.album-cell-name{font-size:var(--font-size-xs);text-align:center;max-width:100%}.album-cell-name--locked{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-cell .donut-name{padding-block:.08em}.donut-detail-overlay{position:fixed;inset:0;background:var(--color-overlay-scrim);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.donut-detail-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:var(--color-panel);color:var(--color-ink);border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);max-width:min(90vw,360px);max-height:80dvh;overflow:hidden;text-align:center;box-shadow:var(--shadow-lg)}.donut-detail-description{font-size:var(--font-size-sm);line-height:1.4;margin:0}.donut-detail-close{position:absolute;inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-4));inset-inline-end:calc(env(safe-area-inset-right,0px) + var(--space-4))}.donut-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body);font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);line-height:1.25;padding:.22em .8em;border-radius:var(--radius-pill);background:var(--color-panel);color:var(--color-ink);box-shadow:0 0 0 var(--outline-width-xs) var(--color-ink),-3px 3px 0 var(--outline-width-xs) var(--color-ink);unicode-bidi:isolate}.donut-name--wrap{overflow:visible;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:manual;line-height:1.05}.donut-sticker{position:relative;display:inline-block}.donut-sticker-mystery{filter:drop-shadow(-3px 3px 0 var(--color-ink))}.donut-sticker-img{position:relative;width:100%;height:100%;object-fit:contain;filter:url(#donut-sticker-s7)}.donut-sticker-placeholder{width:100%;height:100%;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-ink) 15%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-ink)}.donut-sticker.size-sm{width:clamp(2.5rem,10vw,3.5rem);height:clamp(2.5rem,10vw,3.5rem)}.donut-sticker.size-md{width:clamp(4rem,18vw,6rem);height:clamp(4rem,18vw,6rem)}.donut-sticker.size-lg{width:clamp(6rem,32vw,10rem);height:clamp(6rem,32vw,10rem)}.sticker-defs{position:absolute;inline-size:0;block-size:0;overflow:hidden}.sticker-defs .sdef-ink{flood-color:var(--color-ink)}.sticker-defs .sdef-shadow{flood-color:var(--color-ink);flood-opacity:.35}.sticker-defs .sdef-white{flood-color:var(--color-ink-light)}.sunset-bg{position:absolute;inset:0;overflow:hidden;z-index:-1}.sunset-bg__svg{display:block}.sunset-bg__halo{transform-origin:300px 206px}.sunset-bg__sparkles{opacity:0}.hub-screen:not([data-hubfx="3"]) .is-animated .sunset-bg__halo{animation:sunset-glow var(--motion-wave-period) ease-in-out infinite}@keyframes sunset-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hub-screen:not([data-hubfx="3"]) .is-animated .sunset-bg__dots{animation:sunset-drift var(--motion-drift-period) linear infinite alternate}@keyframes sunset-drift{0%{transform:translate(0)}to{transform:translate(-10px,4px)}}[data-hubfx="3"] .is-animated .sunset-bg__sparkles{opacity:1}[data-hubfx="3"] .is-animated .sunset-sparkle{animation:sunset-sparkle var(--motion-sparkle-period) ease-in-out infinite;transform-origin:center}.sunset-sparkle:nth-of-type(1){animation-delay:0s}.sunset-sparkle:nth-of-type(2){animation-delay:1.1s}.sunset-sparkle:nth-of-type(3){animation-delay:2.3s}.sunset-sparkle:nth-of-type(4){animation-delay:3.2s}@keyframes sunset-sparkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.9;transform:scale(1.15)}}.hub-fx-paused .sunset-bg__halo,.hub-fx-paused .sunset-bg__dots,.hub-fx-paused .sunset-sparkle,.hub-fx-paused .sunset-bg__sun,.hub-fx-paused .sunset-bird{animation-play-state:paused}.sunset-bird{fill:none;stroke:var(--color-ink-light);stroke-width:1.6;stroke-linecap:round;opacity:0;animation:sunset-bird-fly var(--bird-dur, 26s) linear infinite;animation-delay:var(--bird-delay, 0s)}@keyframes sunset-bird-fly{0%{transform:translate(0);opacity:0}6%{opacity:.55}90%{opacity:.55}to{transform:translate(450px);opacity:0}}[data-hubfx="2"] .is-animated .sunset-bg__sun{transform-box:fill-box;transform-origin:center;animation:hub-sun-breathe var(--motion-breathe-period) ease-in-out infinite}@keyframes hub-sun-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media (max-width: 380px) and (max-height: 700px){.hub-screen .sunset-bg__halo,.hub-screen .sunset-bg__sun-group{transform:translate(calc(-1 * (2 * var(--touch-target-min) + var(--space-2) + var(--space-5))),var(--space-2));transform-origin:300px 206px}}.rotate-overlay{position:fixed;inset:0;background-color:var(--color-sky-top);background-image:var(--color-overlay-scrim-image);background-size:10px 10px;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);text-align:center}.rotate-icon{width:72px;height:72px;animation:rotate-loop 1.8s var(--ease-arcade) infinite}@keyframes rotate-loop{0%,15%{transform:rotate(0)}50%,65%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}.rotate-overlay--portrait .rotate-icon{animation-name:rotate-loop-portrait}@keyframes rotate-loop-portrait{0%,15%{transform:rotate(-90deg)}50%,65%{transform:rotate(0)}to{transform:rotate(0)}}.explainer-scrim{position:fixed;inset:0;background:var(--color-overlay-scrim);z-index:var(--z-overlay);cursor:pointer}.explainer-callout{position:fixed;max-width:min(80vw,300px);background:var(--color-accent-secondary);color:var(--color-ink);border:var(--outline-width-sm) solid var(--color-ink);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);box-shadow:var(--shadow-md);z-index:var(--z-overlay)}.explainer-skip{position:fixed;inset-block-end:calc(env(safe-area-inset-bottom,0px) + var(--space-5));inset-inline:0;margin-inline:auto;width:fit-content;z-index:var(--z-overlay)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-3);border-block-end:1px solid color-mix(in srgb,var(--color-ink) 14%,transparent)}.settings-row:last-child{border-block-end:none}.contact-link{display:flex;align-items:center;min-height:var(--touch-target-min);color:var(--color-ink);font-weight:var(--font-weight-strong);text-decoration:underline;padding-block:var(--space-2)}.contact-note{font-size:var(--font-size-xs);opacity:.75;margin-block-start:var(--space-3)}.share-fallback{display:flex;flex-direction:column;gap:var(--space-2)}.share-fallback-line{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-strong);text-align:center}.share-fallback .game-over-actions{margin-block-start:var(--space-3)}.start-screen>.btn-primary{font-size:calc(var(--font-size-md) * 1.5);padding-block:calc(var(--space-3) * 1.5);padding-inline:calc(var(--space-5) * 1.5);min-height:calc(var(--touch-target-min) * 1.5)}.game-over-main{display:contents}@media (orientation: landscape){.game-screen[data-orientation=landscape] .start-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"banner hero" "banner hero" "hint start" "best start";align-content:center;justify-items:center;align-items:center;column-gap:var(--space-6);row-gap:clamp(var(--space-1),1.6vh,var(--space-3));padding-block:calc(env(safe-area-inset-top,0px) + var(--top-bar-height) * .85) calc(env(safe-area-inset-bottom,0px) + var(--space-3));padding-inline:calc(env(safe-area-inset-left,0px) + var(--space-6)) calc(env(safe-area-inset-right,0px) + var(--space-6))}.game-screen[data-orientation=landscape] .start-screen>.banner{grid-area:banner}.game-screen[data-orientation=landscape] .start-screen-hint{grid-area:hint}.game-screen[data-orientation=landscape] .start-screen-hero{grid-area:hero}.game-screen[data-orientation=landscape] .start-screen-best{grid-area:best}.game-screen[data-orientation=landscape] .start-screen>.btn-primary{grid-area:start;align-self:start}.game-screen[data-orientation=landscape] .start-screen-hero-visual{inline-size:clamp(4rem,34vh,9.5rem);block-size:clamp(4rem,34vh,9.5rem)}.game-screen[data-orientation=landscape] .game-over{display:grid;grid-template-columns:auto min(40vw,320px);grid-template-areas:"main actions" "main note";align-items:center;justify-items:center;justify-content:center;align-content:center;gap:clamp(var(--space-2),2.5vh,var(--space-4)) clamp(var(--space-4),5vw,var(--space-7));padding-inline:calc(env(safe-area-inset-left,0px) + var(--space-5)) calc(env(safe-area-inset-right,0px) + var(--space-5))}.game-screen[data-orientation=landscape] .game-over-main{grid-area:main;display:grid;grid-template-columns:auto auto;grid-template-areas:"title donut" "result donut" "medal donut" "next donut" "extra extra";align-items:center;justify-items:center;align-content:center;column-gap:clamp(var(--space-3),3vw,var(--space-6));row-gap:clamp(2px,1vh,var(--space-2));min-inline-size:0;max-block-size:100%}.game-screen[data-orientation=landscape] .game-over-title{grid-area:title}.game-screen[data-orientation=landscape] .game-over-result{grid-area:result}.game-screen[data-orientation=landscape] .game-over-medal{grid-area:medal}.game-screen[data-orientation=landscape] .game-over-main>.game-over-next-medal{grid-area:next}.game-screen[data-orientation=landscape] .game-over-donut{grid-area:donut}.game-screen[data-orientation=landscape] .game-over-extra{grid-area:extra}.game-screen[data-orientation=landscape] .game-over-actions{grid-area:actions;width:100%}.game-screen[data-orientation=landscape] .game-over-album-note{grid-area:note;width:100%;max-width:100%}.game-screen[data-orientation=landscape] .game-over-new-donut,.game-screen[data-orientation=landscape] .game-over-prize-note{font-size:clamp(.6rem,2.6vh,var(--font-size-xs));padding-block:clamp(2px,.8vh,var(--space-1));padding-inline:clamp(var(--space-2),2vw,var(--space-3));gap:clamp(2px,.6vh,var(--space-1)) .25em}.game-screen[data-orientation=landscape] .game-over-new-donut>.game-over-album-note-donut{flex-basis:auto}.game-screen[data-orientation=landscape] .game-over-album-note-donut .donut-sticker{width:clamp(.9rem,3vh,1.6rem);height:clamp(.9rem,3vh,1.6rem)}.game-screen[data-orientation=landscape] .start-screen>.btn-primary{font-size:clamp(var(--font-size-md),6.5vh,calc(var(--font-size-md) * 1.5));padding-block:clamp(var(--space-2),3vh,calc(var(--space-3) * 1.5));padding-inline:clamp(var(--space-4),6vw,calc(var(--space-5) * 1.5));min-height:var(--touch-target-min)}.game-screen[data-orientation=landscape] .start-screen{padding-block-end:calc(env(safe-area-inset-bottom,0px) + clamp(var(--space-1),2vh,var(--space-3)));row-gap:clamp(2px,1.2vh,var(--space-2))}body.landscape-game-active .sheet-body{max-height:95dvh;padding:var(--space-3);padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--space-3))}body.landscape-game-active .sheet-title{font-size:var(--font-size-md);margin-block-end:var(--space-2)}body.landscape-game-active .pause-sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2px,1vh,var(--space-2));width:min(80vw,420px)}body.landscape-game-active .pause-sheet-actions .pause-back{grid-column:1 / -1}}.hub-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);padding-block-start:calc(env(safe-area-inset-top,0px) + var(--space-4));padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--space-3));gap:var(--space-3);overflow:hidden}.hub-gear{position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-3));inset-inline-start:calc(env(safe-area-inset-right,0px) + var(--space-3));z-index:var(--z-topbar)}.hub-album{position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-3) + var(--touch-target-min) + var(--space-2));inset-inline-start:calc(env(safe-area-inset-right,0px) + var(--space-3));z-index:var(--z-topbar)}.hub-sound{position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-3) + 2 * (var(--touch-target-min) + var(--space-2)));inset-inline-start:calc(env(safe-area-inset-right,0px) + var(--space-3));z-index:var(--z-topbar)}.album-button-badge{position:absolute;inset-block-end:-4px;inset-inline-end:-4px;min-width:1.4em;padding-inline:.3em;border-radius:var(--radius-pill);background:var(--color-accent-secondary);color:var(--color-ink);border:var(--outline-width-xs) solid var(--color-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-strong);line-height:1.3}.hub-title{position:relative;margin:var(--space-1) 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1;padding-inline-end:calc(var(--touch-target-min) + var(--space-3))}.hub-title-letter{display:inline-block}.hub-title-decor{display:block;margin-block-end:var(--space-1)}.hub-title__a{font-family:var(--font-pixel);font-size:var(--font-size-hub-title);line-height:1;color:var(--color-accent-secondary);text-shadow:3px 0 0 var(--color-ink),-3px 0 0 var(--color-ink),0 3px 0 var(--color-ink),0 -3px 0 var(--color-ink),2.2px 2.2px 0 var(--color-ink),-2.2px 2.2px 0 var(--color-ink),2.2px -2.2px 0 var(--color-ink),-2.2px -2.2px 0 var(--color-ink),-6px 6px 0 var(--color-ink)}.hub-title__b{margin-block-start:.5em;padding:.35em .75em .25em;border-radius:var(--radius-sm);transform:rotate(-3deg);display:inline-block;font-family:var(--font-pixel);font-size:var(--font-size-hub-subtitle);letter-spacing:.04em;color:var(--color-ink);background:var(--color-accent-primary);border:var(--outline-width-sm) solid var(--color-ink);box-shadow:var(--shadow-sm)}.hub-title--2 .hub-title__a{padding:.05em .5em;border-radius:var(--radius-md);color:var(--color-accent-primary);background:var(--color-panel);border:var(--outline-width) solid var(--color-ink);box-shadow:var(--shadow-lg);text-shadow:none;font-size:calc(var(--font-size-hub-title) * .92)}.hub-title--2 .hub-title__b{margin-block-start:.45em;padding:.32em 1.15em;border-radius:var(--radius-sm);transform:rotate(-4deg);font-size:calc(var(--font-size-hub-subtitle) * 1.08);letter-spacing:.05em;background:var(--color-accent-secondary);border:var(--outline-width-sm) solid var(--color-ink);box-shadow:var(--shadow-md)}.hub-title--3 .hub-title__a{font-family:var(--font-title-3);font-size:var(--font-size-hub-title);color:var(--color-accent-primary);text-shadow:2px 0 0 var(--color-ink),-2px 0 0 var(--color-ink),0 2px 0 var(--color-ink),0 -2px 0 var(--color-ink);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-accent-primary) 70%,transparent))}.hub-title--3 .hub-title__b{margin-block-start:.4em;font-family:var(--font-body);font-weight:var(--font-weight-strong);font-size:calc(var(--font-size-hub-subtitle) * 1.1);letter-spacing:.08em;color:var(--color-ink-light);text-shadow:var(--shadow-text);opacity:.92}@keyframes hub-letter-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes hub-letter-wave{0%,85%,to{transform:translateY(0)}90%{transform:translateY(-6px)}95%{transform:translateY(0)}}[data-hubfx="2"] .hub-title-letter{animation:hub-letter-drop var(--duration-slow) var(--ease-arcade) both;animation-delay:calc(var(--i, 0) * 45ms)}[data-hubfx="1"] .hub-title-letter{animation:hub-letter-drop var(--duration-slow) var(--ease-arcade) both,hub-letter-wave var(--motion-wave-period) ease-in-out calc(var(--duration-slow) + var(--i, 0) * 45ms) infinite}@keyframes hub-title-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-4deg)}92%{transform:rotate(3deg)}96%{transform:rotate(-1deg)}}[data-hubfx="2"] .hub-title{animation:hub-title-wiggle var(--motion-icon-loop-period) ease-in-out infinite;transform-origin:50% 100%}[data-hubfx="3"] .hub-title:after{content:"";position:absolute;inset:-10% -60%;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--color-ink-light) 65%,transparent) 48%,transparent 66%);mix-blend-mode:overlay;transform:translate(-120%);animation:hub-title-shimmer var(--motion-sparkle-period) ease-in-out infinite;pointer-events:none}@keyframes hub-title-shimmer{0%,60%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.hub-fx-paused .hub-title-letter,.hub-fx-paused .hub-title,.hub-fx-paused .hub-title:after{animation-play-state:paused}.hub-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:var(--space-3);width:min(100%,420px);min-height:0}.hub-card{position:relative;min-height:var(--touch-target-min);min-width:0;background:color-mix(in srgb,var(--card-hue) 14%,var(--color-panel));border:var(--outline-width) solid var(--color-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-arcade),box-shadow var(--duration-base) var(--ease-arcade);opacity:0;animation:hub-card-enter var(--duration-slow) var(--ease-arcade) both;animation-delay:calc(var(--card-index, 0) * var(--hub-stagger-step))}@keyframes hub-card-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}[data-hubfx="3"] .hub-card{animation:hub-card-enter var(--duration-slow) var(--ease-arcade) both,hub-card-float calc(var(--motion-float-period) + var(--card-index, 0) * .2s) ease-in-out calc(var(--duration-slow) + var(--card-index, 0) * var(--hub-stagger-step)) infinite}@keyframes hub-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hub-card:has(.hub-card-main:active){transform:var(--press-translate);box-shadow:var(--shadow-sm);transition-duration:var(--duration-fast)}.hub-fx-paused .hub-card{animation-play-state:paused}[data-hubfx="3"].hub-settling .hub-card{animation-play-state:running,paused}.hub-card-main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background:transparent;border:none;color:var(--color-ink);padding:var(--space-2);min-height:var(--touch-target-min);cursor:pointer;overflow:hidden}.hub-card-art{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.hub-card-art .gart{width:96%;height:96%}.hub-card-name{font-family:var(--font-card-name);font-weight:var(--font-weight-strong);unicode-bidi:plaintext;font-size:var(--font-size-card-name);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.12;max-width:100%;min-height:0}.hub-card-best{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--color-ink)}.hub-card-info{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);border-width:var(--outline-width-xs);box-shadow:none}.hub-card-main.pulse-once{animation:hub-card-pulse 1.1s var(--ease-arcade)}@keyframes hub-card-pulse{0%{transform:scale(1)}35%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes icon-bounce{0%,to{transform:translateY(0)}4%{transform:translateY(-6px)}8%{transform:translateY(0)}}@keyframes icon-nudge{0%,to{transform:scale(1)}4%{transform:scale(1.25)}8%{transform:scale(1)}}@keyframes icon-flap{0%,to{transform:rotate(-14deg) translateY(0)}4%{transform:rotate(-14deg) translateY(-6px)}8%{transform:rotate(-14deg) translateY(0)}}@keyframes icon-blink{0%,to{transform:scale(1)}4%{transform:scale(1.1)}8%{transform:scale(1)}}@keyframes icon-spark{0%,to{transform:scale(.85);opacity:.7}4%{transform:scale(1.2);opacity:1}8%{transform:scale(.85);opacity:.7}}@keyframes icon-scroll{0%{transform:translateY(0)}to{transform:translateY(6px)}}@keyframes icon-fall-bounce{0%,to{transform:translateY(-2px)}4%{transform:translateY(9px) scaleY(.85)}7%{transform:translateY(-4px) scaleY(1.05)}10%{transform:translateY(-2px)}}@keyframes icon-car-bob{0%,to{transform:translateY(0)}4%{transform:translateY(-3px)}8%{transform:translateY(0)}}@keyframes icon-wheel-roll{0%{transform:rotate(0)}8%{transform:rotate(360deg)}to{transform:rotate(360deg)}}[data-hubfx="2"] [data-game] .gart-anim,[data-hubfx="2"] [data-game] .gart-anim-drop,[data-hubfx="2"] [data-game] .gart-anim-veh,[data-hubfx="2"] [data-game] .gart-anim-wheel{transform-box:fill-box;transform-origin:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:var(--motion-icon-loop-period);animation-delay:calc(var(--card-index, 0) * 1.15s)}[data-hubfx="2"] [data-game=reveal] .gart-anim{animation-name:icon-bounce}[data-hubfx="2"] [data-game=frankendonut] .gart-anim{animation-name:icon-nudge}[data-hubfx="2"] [data-game=flappy] .gart-anim{animation-name:icon-flap}[data-hubfx="2"] [data-game=simon] .gart-anim{animation-name:icon-blink}[data-hubfx="2"] [data-game=mergedrop] .gart-anim{animation-name:icon-spark}[data-hubfx="2"] [data-game=mergedrop] .gart-anim-drop{animation-name:icon-fall-bounce}[data-hubfx="2"] [data-game=driving] .gart-anim{animation:icon-scroll 1.4s ease-in-out infinite alternate;animation-delay:0s}[data-hubfx="2"] [data-game=driving] .gart-anim-veh{animation-name:icon-car-bob}[data-hubfx="2"] [data-game=driving] .gart-anim-wheel{animation-name:icon-wheel-roll}.hub-fx-paused [data-game] .gart-anim,.hub-fx-paused [data-game] .gart-anim-drop,.hub-fx-paused [data-game] .gart-anim-veh,.hub-fx-paused [data-game] .gart-anim-wheel{animation-play-state:paused}[data-hubfx="2"] [data-game=simon] .gart-note{transform-box:fill-box;transform-origin:center;animation:icon-note-pop var(--motion-icon-loop-period) ease-in-out infinite;animation-delay:calc(var(--card-index, 0) * 1.15s)}@keyframes icon-note-pop{0%,4%,to{transform:translateY(0);opacity:1}8%{transform:translateY(-7px);opacity:0}8.5%{transform:translateY(0);opacity:1}}.hub-fx-paused [data-game=simon] .gart-note{animation-play-state:paused}.hub-footer{background:transparent;border:none;display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-light);text-shadow:var(--shadow-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-strong);min-height:var(--touch-target-min);padding:var(--space-2);cursor:pointer}.hub-footer-badge{display:inline-flex;flex:none}.hub-info-sheet p{margin:0 0 var(--space-2)}.dev-switcher{position:fixed;inset-block-end:calc(env(safe-area-inset-bottom,0px) + var(--space-3));inset-inline-start:var(--space-3);z-index:var(--z-dev-switcher);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-panel);border:var(--outline-width-xs) solid var(--color-ink);box-shadow:var(--shadow-sm)}.dev-switcher-row{display:flex;align-items:center;gap:var(--space-1)}.dev-switcher-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-strong);color:var(--color-ink);min-width:3em}.dev-switcher-opt{min-inline-size:28px;min-block-size:28px;border-radius:var(--radius-sm);border:1px solid var(--color-ink);background:var(--color-panel);color:var(--color-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-strong);cursor:pointer}.dev-switcher-opt.is-active{background:var(--color-accent-primary)}.hanukkiah{display:block;margin:0 auto;padding:var(--space-1);border:none;background:transparent;cursor:pointer;min-width:var(--touch-target-min);min-height:var(--touch-target-min);position:relative}.hanukkiah-svg{display:block;width:clamp(76px,20vh,128px);height:auto;overflow:visible;margin-inline:auto}.hanukkiah-chip{display:block;margin-block-start:var(--space-1);padding:.18em .75em .14em;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-strong);color:var(--color-ink);background:var(--color-accent-secondary);border:var(--outline-width-xs) solid var(--color-ink);box-shadow:var(--shadow-sm);white-space:nowrap}.hanukkiah-chip--after{background:var(--color-accent-primary)}.hanukkiah-bubble{position:absolute;inset-block-start:100%;margin-block-start:var(--space-1);z-index:2;inset-inline:0;margin-inline:auto;width:max-content;max-width:220px;padding:.3em .7em;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-strong);color:var(--color-ink);background:var(--color-panel);border:var(--outline-width-sm) solid var(--color-ink);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(-4px) scale(.92);pointer-events:none;transition:opacity var(--duration-base) ease,transform var(--duration-base) var(--ease-arcade)}.hanukkiah-bubble.is-visible{opacity:1;transform:translateY(0) scale(1)}.hnk-flame{transform-box:fill-box;transform-origin:50% 100%;animation:hnk-flick var(--fdur, 1.4s) ease-in-out var(--fdel, 0s) infinite alternate}.hnk-flame-core{transform-box:fill-box;transform-origin:50% 100%;animation:hnk-core calc(var(--fdur, 1.4s) * .6) ease-in-out var(--fdel, 0s) infinite alternate}@keyframes hnk-flick{0%{transform:scale(1) rotate(0)}35%{transform:scale(.94,1.08) rotate(-3deg)}70%{transform:scale(1.05,.95) rotate(2.5deg)}to{transform:scale(.97,1.04) rotate(-1.5deg)}}@keyframes hnk-core{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.9,1.07)}}.hnk-ignite{transform-box:fill-box;transform-origin:50% 100%;animation:hnk-ignite-pop .38s var(--ease-arcade) both;animation-delay:var(--ignite-delay, 0ms)}@keyframes hnk-ignite-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.hnk-preview-flame{opacity:0}[data-preview=peek] .hnk-shamash .hnk-preview-flame{animation:hnk-preview-flash 2.2s ease-out both}@keyframes hnk-preview-flash{0%{opacity:0}12%{opacity:1}72%{opacity:1}to{opacity:0}}.hub-fx-paused .hnk-flame,.hub-fx-paused .hnk-flame-core,.hub-fx-paused .hnk-ignite{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.hnk-flame,.hnk-flame-core,.hnk-ignite,.hnk-preview-flame{animation:none!important}}