.grid{flex:1 1 auto;position:relative;display:flex;flex-direction:row;width:100%;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior:contain;touch-action:pan-x}.grid::-webkit-scrollbar{display:none}.grid{scrollbar-width:none}.grid__page{--page-pad-x: clamp(.75rem, 2vw, 1.25rem);--page-pad-top: clamp(.75rem, 2.5vh, 1.75rem);--page-pad-bottom: clamp(2.5rem, 7vh, 3.75rem);position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom) var(--page-pad-x)}.grid__page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000,#0000001f 60%,#0000004d);pointer-events:none}.grid__buttons{--cols: 3;--rows: 4;--gap: clamp(.4rem, 1.8vw, 1rem);--avail-w: calc( 100vw - var(--safe-left) - var(--safe-right) - 2 * var(--page-pad-x) );--avail-h: calc( 100svh - var(--safe-top) - var(--safe-bottom) - var(--chrome-height) - var(--page-pad-top) - var(--page-pad-bottom) );--cell: min( calc((var(--avail-w) - (var(--cols) - 1) * var(--gap)) / var(--cols)), calc((var(--avail-h) - (var(--rows) - 1) * var(--gap)) / var(--rows)) );position:relative;display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));gap:var(--gap);min-width:0;min-height:0}.grid__button{appearance:none;border:none;padding:0;margin:0;background:transparent;cursor:pointer;width:100%;height:100%;display:block;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .12s ease-out}.grid__button:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px;border-radius:18%}.grid__button-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));will-change:transform;transition:transform .12s ease-out}.grid__button:active .grid__button-img{transform:scale(.94)}:root[data-hero-active] .grid{touch-action:none}:root[data-hero-active] .grid__button{pointer-events:none}:root[data-settings-open] .grid__button{pointer-events:none;filter:grayscale(1) brightness(.85);transition:filter var(--transition-medium)}:root[data-settings-open] .grid{touch-action:none}.page-nav{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + clamp(.5rem,2vh,1rem));display:flex;justify-content:center;gap:clamp(.5rem,2vw,.9rem);pointer-events:none;z-index:2}.page-nav__dot{pointer-events:auto;appearance:none;border:none;padding:0;width:clamp(.6rem,2.5vw,.9rem);height:clamp(.6rem,2.5vw,.9rem);border-radius:50%;background:var(--dot-inactive);box-shadow:0 1px 2px #00000040;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.page-nav__dot--active{background:var(--dot-active);transform:scale(1.25)}.page-nav__dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (orientation: landscape) and (max-height: 520px){.grid__buttons{--cols: 6;--rows: 2}}.settings-toggle{position:fixed;top:calc(var(--safe-top) + .5rem);right:calc(var(--safe-right) + .5rem);z-index:90;appearance:none;border:none;background:#6c7a89d9;color:#fff;width:clamp(2.25rem,7vw,2.75rem);height:clamp(2.25rem,7vw,2.75rem);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:transform .45s cubic-bezier(.5,0,.25,1),background var(--transition-medium),box-shadow var(--transition-fast)}.settings-toggle:hover{background:#6c7a89f2}.settings-toggle:active{box-shadow:0 1px 3px #0000004d}.settings-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.settings-toggle__icon{width:60%;height:60%}.settings-toggle--primed{background:#f59e0b;color:var(--color-text-dark);box-shadow:0 3px 10px #f59e0b80}.settings-toggle--primed:hover{background:#fbbf24}.settings-toggle--ready{background:#22c55e;color:var(--color-text-dark);box-shadow:0 3px 12px #22c55e8c}.settings-toggle--ready:hover{background:#4ade80}.settings-toggle--teleported{transform:translate(calc(-1 * (100vw - 100% - var(--safe-left) - var(--safe-right) - 1rem)),calc(100svh - 100% - var(--safe-top) - var(--safe-bottom) - 1rem))}@media (prefers-reduced-motion: reduce){.settings-toggle{transition:transform 0ms,background 80ms linear,box-shadow 80ms linear}}.settings-panel{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);background:var(--color-panel-bg);color:var(--color-text-dark);box-shadow:-8px 0 24px var(--color-panel-shadow);display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-right:var(--safe-right);transform:translate(100%);transition:transform var(--transition-medium);z-index:100}.settings-panel[hidden]{display:flex;visibility:hidden;pointer-events:none}.settings-panel--open{transform:translate(0);visibility:visible;pointer-events:auto}.settings-panel:not([hidden]){transform:translate(0);visibility:visible;pointer-events:auto}.settings-panel__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid rgba(0,0,0,.08)}.settings-panel__title{margin:0;font-size:1.25rem;font-weight:700}.settings-panel__close{appearance:none;border:none;background:transparent;font-size:2rem;line-height:1;color:var(--color-text-dark);cursor:pointer;padding:0 .25rem}.settings-panel__close:focus-visible{outline:2px solid var(--color-bg);outline-offset:2px}.settings-panel__body{flex:1 1 auto;overflow-y:auto;padding:.75rem 1.25rem 1.5rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(0,0,0,.06)}.settings-row__label{font-size:1rem;font-weight:500}.settings-row__toggle{width:1.25rem;height:1.25rem;accent-color:var(--color-bg);cursor:pointer}.settings-row__toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-link-on-light);border-radius:2px}.settings-row__select{font-size:1rem;padding:.4rem .6rem;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-md);background:#fff;color:var(--color-text-dark)}.settings-row__select:focus-visible{outline:2px solid var(--color-link-on-light);outline-offset:2px}.settings-row__select:disabled{opacity:.5;cursor:not-allowed}.settings-row--about{font-size:.85rem;color:#0009;justify-content:flex-start}.settings-fullscreen-guide{margin:.25rem 0 0;padding:.85rem .95rem .95rem;background:#4aa3df14;border-radius:12px;color:#000000c7}.settings-fullscreen-guide__heading{margin:0 0 .4rem;font-size:.95rem;font-weight:700;color:var(--color-text-dark)}.settings-fullscreen-guide__body{margin:0 0 .55rem;font-size:.85rem;line-height:1.45}.settings-fullscreen-guide__steps{margin:0;padding:0 0 0 1.25rem;font-size:.85rem;line-height:1.45;list-style:decimal}.settings-fullscreen-guide__step{margin:0 0 .3rem}.settings-fullscreen-guide__step:last-child{margin-bottom:0}.settings-fullscreen-guide__step::marker{color:var(--color-link-on-light);font-weight:700}.settings-about{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.12);color:#000000b8}.settings-about__heading{margin:0 0 .75rem;font-size:1.05rem;font-weight:700;color:var(--color-text-dark)}.settings-about__app-name{margin:0;font-family:Spicy Rice,Fredoka Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:1.5rem;color:var(--color-text-dark);line-height:1.1}.settings-about__copyright{margin:.35rem 0 0;font-size:.8rem;line-height:1.4}.settings-about__contact{margin:.35rem 0 1rem;font-size:.8rem;line-height:1.4}.settings-about__contact-link{color:var(--color-link-on-light);text-decoration:underline}.settings-about__contact-link:hover{text-decoration:none}.settings-about__contact-link:focus-visible{outline:2px solid var(--color-link-on-light);outline-offset:2px;text-decoration:none}.settings-about__privacy-heading{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--color-text-dark)}.settings-about__privacy-body{margin:0;font-size:.85rem;line-height:1.45}.settings-about__privacy-analytics{margin:.5rem 0 0;font-size:.85rem;line-height:1.45}.settings-about__privacy-analytics-link{color:var(--color-link-on-light);text-decoration:underline}.settings-about__privacy-analytics-link:hover{text-decoration:none}.settings-about__privacy-analytics-link:focus-visible{outline:2px solid var(--color-link-on-light);outline-offset:2px;text-decoration:none}.settings-support{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.12);color:#000000b8;text-align:center}.settings-support__heading{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:var(--color-text-dark);text-align:left}.settings-support__body{margin:0 0 1rem;font-size:.85rem;line-height:1.45;text-align:left}.settings-support__form{display:inline-grid;justify-items:center;align-content:start;gap:.5rem}.settings-support__button{text-align:center;border:none;border-radius:.25rem;min-width:11.625rem;padding:0 2rem;height:2.625rem;font-weight:700;background-color:#ffd140;color:#000;font-family:Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.25rem;cursor:pointer}.settings-support__button:hover{background-color:#ffc800}.settings-support__button:focus-visible{outline:2px solid var(--color-text-dark);outline-offset:2px}.settings-support__cards{max-width:100%;height:auto}.settings-support__powered-by{font-size:.75rem;color:#0009}.settings-support__wordmark{height:.875rem;vertical-align:middle}.settings-support__offline-hint{margin:.5rem 0 0;font-size:.85rem;font-style:italic;color:#0000008c;text-align:center}.settings-support[data-online=true] .settings-support__offline-hint,.settings-support[data-online=false] .settings-support__form{display:none}.splash{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-deep) 100%);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);color:var(--color-text);cursor:pointer;touch-action:manipulation;opacity:1;transition:opacity var(--transition-medium)}.splash--dismissed{opacity:0;pointer-events:none}.splash__inner{display:flex;flex-direction:column;align-items:center;gap:clamp(1.25rem,4vh,2.5rem);text-align:center;transform:translateY(-4vh);padding:clamp(1rem,4vw,2rem)}.splash__icon{display:block;width:clamp(8rem,28vw,14rem);height:auto;aspect-ratio:1 / 1;border-radius:clamp(1.25rem,4vw,2rem);box-shadow:0 12px 32px #00000073,0 2px 6px #00000040;user-select:none;-webkit-user-drag:none;pointer-events:none}.splash__title{margin:0;font-family:Spicy Rice,Fredoka Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:clamp(2.25rem,9vw,4rem);text-shadow:0 4px 12px rgba(0,0,0,.35)}.splash__button{appearance:none;border:none;cursor:pointer;padding:clamp(.9rem,2.5vh,1.3rem) clamp(2rem,6vw,3rem);font:inherit;font-size:clamp(1.1rem,4vw,1.6rem);font-weight:700;color:var(--color-text-dark);background:var(--color-accent);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000004d,inset 0 -4px #00000026;animation:splash-pulse 1.6s ease-in-out infinite}.splash__button:focus-visible{outline:3px solid var(--color-text);outline-offset:4px}.splash__button:active{transform:scale(.97);animation-play-state:paused}@keyframes splash-pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #0000004d,inset 0 -4px #00000026}50%{transform:scale(1.04);box-shadow:0 12px 32px #00000059,inset 0 -4px #00000026}}.splash__hint{margin:0;max-width:28ch;font-size:clamp(.85rem,3vw,1rem);font-weight:500;line-height:1.35;color:var(--color-text);background:#00000073;padding:.5rem .85rem;border-radius:var(--radius-md);text-shadow:0 2px 6px rgba(0,0,0,.4)}@media (prefers-reduced-motion: reduce){.splash__button{animation:none}.splash{transition:none}}.grid__button.is-hero{position:relative;z-index:10}.grid__button.is-dimmed{opacity:0;pointer-events:none}.grid__button.is-dimmed .grid__button-img{transform:scale(var(--dim-scale))}.grid__button.anim-no-transition,.grid__button.anim-no-transition .grid__button-img{transition:none!important}@font-face{font-family:Fredoka Variable;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-variable-latin.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spicy Rice;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spicy-rice-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #4aa3df;--color-bg-deep: #2a7fb5;--color-text: #ffffff;--color-text-dark: #1a2733;--color-accent: #ffd24a;--color-panel-bg: #ffffff;--color-panel-shadow: rgba(0, 0, 0, .25);--color-link-on-light: #155a87;--chrome-height: clamp(3.25rem, 9vh, 4.5rem);--dot-inactive: rgba(255, 255, 255, .45);--dot-active: #ffffff;--radius-lg: 1.5rem;--radius-md: .75rem;--transition-fast: .15s ease-out;--transition-medium: .25s ease-out;--hero-enter-duration: 1s;--hero-exit-duration: .75s;--hero-ease: ease-out;--hero-scale: 2;--dim-scale: .75;--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)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0}html{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-deep) 100%);color:var(--color-text);font-family:Fredoka Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;user-select:none;-webkit-user-select:none;touch-action:manipulation}.app-root{display:flex;flex-direction:column;width:100%;height:100%;padding-left:var(--safe-left);padding-right:var(--safe-right);overflow:hidden}.app-chrome{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--safe-top) clamp(.75rem,3vw,1.25rem) 0;height:calc(var(--chrome-height) + var(--safe-top));background:linear-gradient(180deg,#0006,#00000038 55%,#0000)}.app-chrome__title{margin:0;font-family:Spicy Rice,Fredoka Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:clamp(1.3rem,4.6vw,1.9rem);line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.35)}.grid__page-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}