:root{--color-bg: #f2f9ff;--color-bg-gradient: linear-gradient(180deg, #eaf6ff 0%, #fff7e8 100%);--color-surface: #ffffff;--color-action: #16a34a;--color-action-edge: #15803d;--color-action-ink: #ffffff;--color-nav: #0284c7;--color-nav-edge: #0369a1;--color-nav-ink: #ffffff;--color-neutral-edge: #d8dee9;--color-brand: #f59e0b;--color-brand-soft: #ffe9c2;--color-brand-ink: #4a2b00;--color-brand-edge: #e07d12;--owl-beak: #ef7d1a;--muted-bg: #e8ecf1;--color-stop: #e11d48;--color-stop-ink: #ffffff;--color-ink: #29344a;--color-ink-soft: #64748b;--color-overlay: rgb(30 41 59 / .55);--color-disabled: #d1d5db;--tile-mint: #d9f8e4;--tile-sky: #dbf0fe;--tile-lilac: #efe4ff;--tile-peach: #ffe8d1;--font-family: "Baloo 2", ui-rounded, "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-base: 18px;--font-size-lg: 24px;--font-size-xl: 36px;--touch-min: 64px;--touch-comfy: 88px;--tap-slop: 16px;--safe-t: max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px));--safe-r: max(env(safe-area-inset-right, 0px), var(--safe-area-inset-right, 0px));--safe-b: max(env(safe-area-inset-bottom, 0px), var(--safe-area-inset-bottom, 0px));--safe-l: max(env(safe-area-inset-left, 0px), var(--safe-area-inset-left, 0px));--app-height: calc(100dvh - var(--safe-t) - var(--safe-b));--hoo-hand-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.4 2.2a2.1 2.1 0 0 1 2.1 2.1v6.1h.9V8.1a1.8 1.8 0 0 1 3.6 0v2.3h.9V9.6a1.75 1.75 0 0 1 3.5 0v6.2c0 3.6-2.5 6-6.1 6h-2.1c-2 0-3.4-.7-4.6-2.2L3.2 14.2a1.9 1.9 0 0 1 2.7-2.6l2.4 2.1V4.3a2.1 2.1 0 0 1 2.1-2.1Z'/%3E%3C/svg%3E");--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--radius-md: 18px;--radius-lg: 28px;--radius-full: 999px;--shadow-card: 0 6px 16px rgb(41 52 74 / .1);--shadow-pop: 0 10px 28px rgb(41 52 74 / .16);--focus-ring: 3px solid #f59e0b;--z-hud: 10;--z-dialog: 100;--motion-quick: .15s;--motion-play: .35s;--motion-ease: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;touch-action:pan-x pan-y}body{margin:0;font-family:var(--font-family);background:var(--color-bg);background-image:var(--color-bg-gradient);background-attachment:fixed;color:var(--color-ink);min-height:100dvh;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min)}img,svg,canvas{max-width:100%;display:block}:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/baloo2-latin-B_TVFhwJ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/baloo2-latin-ext-Dz43yst_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.hoo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font-size:var(--font-size-lg);font-weight:700;box-shadow:0 4px 0 var(--color-neutral-edge),var(--shadow-card);transition:transform var(--motion-quick) ease-out,box-shadow var(--motion-quick) ease-out}.hoo-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-neutral-edge),0 2px 6px #29344a1a}.hoo-btn:disabled{background:var(--color-disabled);color:var(--color-ink-soft);box-shadow:none;cursor:not-allowed}.hoo-btn--action{background:var(--color-action);color:var(--color-action-ink);box-shadow:0 4px 0 var(--color-action-edge),var(--shadow-card)}.hoo-btn--action:active{box-shadow:0 1px 0 var(--color-action-edge),0 2px 6px #29344a1a}.hoo-btn--waiting{background:var(--color-disabled);color:var(--color-ink-soft);box-shadow:0 4px 0 var(--color-neutral-edge),var(--shadow-card)}.hoo-btn--nav{background:var(--color-nav);color:var(--color-nav-ink);box-shadow:0 4px 0 var(--color-nav-edge),var(--shadow-card)}.hoo-btn--nav:active{box-shadow:0 1px 0 var(--color-nav-edge),0 2px 6px #29344a1a}.hoo-btn--big{min-width:var(--touch-comfy);min-height:var(--touch-comfy);padding:var(--space-3) var(--space-5);font-size:var(--font-size-xl);border-radius:var(--radius-lg)}.hoo-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:0 3px 0 var(--color-neutral-edge),var(--shadow-card);font-size:28px;transition:transform var(--motion-quick) ease-out}.hoo-icon-btn:active{transform:translateY(2px) scale(.96)}.hoo-icon{display:inline-flex;color:var(--color-ink);flex:none}.hoo-icon svg{width:100%;height:100%}.hoo-setup{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:min(94vw,460px);max-height:100%;margin:0 auto;padding:calc(var(--touch-min) + var(--space-3)) var(--space-2) var(--space-4);overflow-y:auto}.hoo-setup-title{margin:0;font-size:var(--font-size-xl);color:var(--color-brand-ink);text-align:center}.hoo-setup-row{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.hoo-btn--on{background:var(--color-nav);color:var(--color-nav-ink);box-shadow:0 4px 0 var(--color-nav-edge)}.hoo-setup-label{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--color-ink-soft);align-self:flex-start}.hoo-tile{position:relative;display:grid;grid-template-rows:1fr auto;place-items:center;gap:var(--space-2);aspect-ratio:1;width:100%;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--tile-bg, var(--color-surface));box-shadow:0 5px #29344a14,var(--shadow-card);transition:transform var(--motion-quick) var(--motion-ease),box-shadow var(--motion-quick) ease-out}.hoo-tile:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #29344a14,0 2px 6px #29344a14}.hoo-tile--mint{--tile-bg: var(--tile-mint)}.hoo-tile--sky{--tile-bg: var(--tile-sky)}.hoo-tile--lilac{--tile-bg: var(--tile-lilac)}.hoo-tile--peach{--tile-bg: var(--tile-peach)}.hoo-tile__icon{font-size:clamp(56px,14vw,84px);line-height:1;filter:drop-shadow(0 4px 6px rgb(41 52 74 / .18))}.hoo-tile__label{font-weight:800;font-size:var(--font-size-base);color:var(--color-ink);text-align:center}.hoo-tile--locked{filter:grayscale(.9);opacity:.75}.hoo-tile--locked:after{content:"🔒";position:absolute;inset:0;display:grid;place-items:center;font-size:40px;background:#ffffff73;border-radius:inherit}.hoo-tile--app-only{filter:grayscale(1);opacity:.55}.hoo-dialog{border:0;border-radius:var(--radius-lg);padding:var(--space-4);max-width:min(92vw,480px);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-pop);text-align:center}.hoo-dialog::backdrop{background:var(--color-overlay)}.hoo-dialog__title{margin:0 0 var(--space-3);font-size:var(--font-size-lg);color:var(--color-ink)}.hoo-dialog__actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.hoo-hud{position:fixed;top:var(--safe-t);left:var(--safe-l);right:var(--safe-r);z-index:var(--z-hud);display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);pointer-events:none}.hoo-hud>*{pointer-events:auto}.hoo-hud__group{display:flex;gap:var(--space-2)}.hoo-point-hand{position:absolute;width:var(--hoo-hand-size, 48px);height:var(--hoo-hand-size, 48px);pointer-events:none;background-color:var(--color-brand);-webkit-mask-image:var(--hoo-hand-mask);mask-image:var(--hoo-hand-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;filter:drop-shadow(0 4px 6px rgb(41 52 74 / .3));animation:hoo-point 1s ease-in-out infinite;z-index:2}@keyframes hoo-point{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.hoo-pulse{animation:hoo-pulse 1.4s ease-out infinite}@keyframes hoo-pulse{0%{box-shadow:0 0 #f59e0b8c}70%{box-shadow:0 0 0 22px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes hoo-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hoo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hoo-anim-pop{animation:hoo-pop var(--motion-play) var(--motion-ease)}.hoo-anim-bounce{animation:hoo-bounce 2.4s var(--motion-ease) infinite}