@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--ink:#241447;--paper:#fff4e4;--sun:#ffe14d;--coral:#ff5c73;--grape:#3a2378;--line:#24144729;color:var(--ink);background:var(--paper);font-family:Fredoka,Segoe UI,sans-serif;font-weight:500;line-height:1.3}*{box-sizing:border-box}html,body,#root{height:100%}html{touch-action:manipulation}body{overscroll-behavior:none;background:radial-gradient(circle at 8% 0%, #ffd0c2 0 14%, transparent 32%), radial-gradient(circle at 100% 8%, #ffe08a 0 16%, transparent 34%), radial-gradient(circle at 80% 100%, #c9f6e8 0 18%, transparent 36%), var(--paper);margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.app{height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));place-items:center;display:grid}.stage{width:min(440px,100%);height:100%;min-height:0;max-height:920px}.home,.game{height:100%;min-height:0}.home{flex-direction:column;justify-content:safe center;gap:14px;padding-bottom:8px;padding-right:6px;display:flex;overflow:auto}.languages{border:0;grid-template-columns:1fr 1fr 1fr;gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}.languages legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.languages label{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:52px;padding:6px 8px;font-weight:700;display:flex;position:relative}.languages label.is-selected{background:var(--sun);box-shadow:3px 3px 0 var(--ink)}.languages input{opacity:0;margin:0;position:absolute;inset:0}.language-name{opacity:.72;font-size:.75rem;font-weight:500}.languages label:has(input:focus-visible){outline:3px solid var(--coral);outline-offset:3px}.hero{align-items:center;gap:14px;display:flex}.hero>div{min-width:0}.logo{width:76px;height:76px;filter:drop-shadow(4px 4px 0 var(--ink));flex:none}.eyebrow{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.7rem,12vw,3.6rem);line-height:.85}.lede{margin:6px 0 0;font-size:1.05rem}.primary,.secondary,.ghost{border:3px solid var(--ink);border-radius:999px;min-height:48px;padding:0 16px;font-weight:700}.primary{background:var(--sun);box-shadow:4px 4px 0 var(--ink)}.secondary,.ghost{background:#fff}.play{width:100%;min-height:64px;font-size:1.45rem}.primary:active,.secondary:active,.ghost:active{box-shadow:none;transform:translate(2px,2px)}.difficulties{border:0;min-inline-size:0;margin:0;padding:0}.difficulties legend{margin-bottom:8px;padding:0;font-weight:700}.difficulty-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.difficulty-grid label{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;gap:2px;min-height:64px;padding:10px 12px;display:flex;position:relative}.difficulty-grid label.is-selected{background:var(--sun);box-shadow:3px 3px 0 var(--ink)}.difficulty-grid input{opacity:0;margin:0;position:absolute;inset:0}.difficulty-grid small{opacity:.72;font-size:.82rem}.difficulty-grid label:has(input:focus-visible){outline:3px solid var(--coral);outline-offset:3px}.records,.result-panel{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:22px}.records{padding:14px}.records h2,.result-panel h2{letter-spacing:-.03em;margin:0}.records h2{font-size:1.15rem}.empty{margin:8px 0 0}.records dl{grid-template-columns:1fr 1fr;gap:8px 16px;margin:12px 0 0;display:grid}.records dl div{border-top:2px solid var(--line);justify-content:space-between;gap:8px;padding-top:6px;display:flex}.records dt{opacity:.72}.records dd{margin:0;font-weight:700}.game{flex-direction:column;gap:10px;padding-bottom:8px;padding-right:6px;display:flex;position:relative;overflow:hidden}.game-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.difficulty-pill{border:3px solid var(--ink);background:#fff;border-radius:999px;margin:0;padding:8px 12px;font-weight:700}.play-field{border:3px solid var(--ink);background-color:var(--grape);color:#fff;min-height:180px;box-shadow:4px 4px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-image:radial-gradient(#ffffff38 1.4px,#0000 1.5px);background-size:18px 18px;border-radius:28px;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.phase-ready .play-field{background-color:var(--sun);color:var(--ink);box-shadow:4px 4px 0 var(--ink), inset 0 0 0 8px #2414471f;background-image:radial-gradient(#24144729 1.4px,#0000 1.5px)}.phase-result.is-hit .play-field{color:var(--ink);background-color:#d8ffef;background-image:radial-gradient(#105a4629 1.4px,#0000 1.5px)}.phase-result.is-miss .play-field{color:var(--ink);background-color:#ffe6dc;background-image:radial-gradient(#2414471f 1.4px,#0000 1.5px)}.count,.go-label{letter-spacing:-.05em;margin:0;font-size:clamp(5.5rem,28vw,8.5rem);font-weight:700;line-height:.8;animation:.28s cubic-bezier(.2,.9,.3,1.15) rise}.hint,.status{text-align:center;margin:0;font-weight:600}.hint{position:absolute;bottom:18px;left:16px;right:16px}.reveal{width:100%;height:100%;position:absolute;inset:0}.reveal line{stroke:var(--ink);stroke-width:3px;stroke-dasharray:8 8;stroke-linecap:round}.reveal .target{fill:#ffe14d8c;stroke:var(--ink);stroke-width:4px}.phase-result.is-hit .reveal .target{fill:#14b88861}.reveal .tap-dot{fill:var(--coral);stroke:var(--ink);stroke-width:3px}.result-panel{z-index:2;background:#ffffff94;gap:8px;padding:12px;display:grid;position:absolute;bottom:8px;left:0;right:6px}.result-panel h2{font-size:1.8rem}.result-panel p{margin:4px 0 0}.result-meta{opacity:.75}.notice{margin:0;font-weight:700}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}@keyframes rise{0%{opacity:.15;transform:scale(.72)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.count,.go-label,.primary:active,.secondary:active,.ghost:active{animation:none;transform:none}}@media (height<=700px){.home{gap:10px}.logo{width:60px;height:60px}h1{font-size:2.4rem}.play{min-height:52px}.count,.go-label{font-size:5rem}}