html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}button,a,summary,input,select{touch-action:manipulation}.kit-play{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kit-stamp{position:fixed;left:6px;bottom:calc(4px + env(safe-area-inset-bottom,0px));font:10px ui-monospace,Menlo,monospace;color:#1d2a3373;pointer-events:none;z-index:50}.kit-dev-btn{position:fixed;right:8px;top:calc(8px + env(safe-area-inset-top,0px));width:36px;height:36px;border-radius:18px;border:0;z-index:60;background:#1d2a33b3;color:#f3efe7;font-size:17px;padding:0}.kit-dev{position:fixed;left:8px;right:8px;top:calc(52px + env(safe-area-inset-top,0px));max-height:60vh;overflow-y:auto;z-index:60;background:#f3efe7f7;color:#1d2a33;border-radius:8px;box-shadow:0 6px 30px #00000040;padding:12px;font:13px ui-monospace,Menlo,monospace;display:flex;flex-direction:column;gap:10px}.kit-dev-status{font-size:11px;color:#52626c}.kit-dev-row{display:flex;flex-direction:column;gap:4px}.kit-dev-row input[type=range]{width:100%;height:28px}.kit-dev-row select{font:inherit;padding:6px}.kit-dev-actions{display:flex;flex-wrap:wrap;gap:6px}.kit-dev-actions button{font:inherit;padding:8px 10px;border-radius:4px;border:0;background:#1d2a33;color:#f3efe7}:root{color-scheme:light;--ground: #E9E4DA;--paper: #F3EFE7;--ink: #1D2A33;--ink-soft: #52626C;--water: #3E5E6E;--sun: #E9B47A;--sand: #B7AD9A;--line: color-mix(in srgb, var(--ink) 14%, transparent);--display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--body: "Figtree", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--ground);color:var(--ink);transition:background-color .6s ease}body{font-family:var(--body);font-size:15px;line-height:1.45}button{font:inherit;font-weight:600;border:0;border-radius:999px;padding:10px 18px;cursor:pointer;background:var(--ink);color:var(--paper)}button.quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:500;padding:7px 14px}button:focus-visible,summary:focus-visible,.challenge:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.wrap{max-width:760px;margin:0 auto;padding-inline:16px;padding-block:12px 40px;display:flex;flex-direction:column;gap:10px}.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.dev .top{padding-right:44px}h1{font-family:var(--display);font-weight:800;font-size:clamp(26px,6vw,40px);letter-spacing:-.035em;line-height:1;margin:0}.issue{margin:0;font-size:14px;color:var(--ink-soft);white-space:nowrap}.challenge{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;width:100%;text-align:left;background:transparent;color:var(--ink);padding:0;border-radius:0;font-weight:400;cursor:pointer}.ch-title{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em}.ch-target{font-size:14px;color:var(--ink-soft)}.ch-rule{margin:-4px 0 0;font-size:14px;color:var(--ink-soft);max-width:60ch}.stage{position:relative;width:100%;height:min(48svh,460px);min-height:280px;border-radius:14px;overflow:hidden;background:var(--ground);cursor:crosshair}@media(min-width:700px){.stage{height:auto;aspect-ratio:16 / 10;max-height:64vh}}canvas{display:block;width:100%;height:100%}.hud{position:absolute;left:14px;top:8px;pointer-events:none}.count{font-family:var(--display);font-weight:800;font-size:clamp(56px,15vw,96px);line-height:.95;letter-spacing:-.05em;color:var(--ink);display:inline-block;transition:transform .12s ease-out}.count.pop{transform:scale(1.12)}.count-label{font-size:13px;color:var(--ink-soft)}.cues{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;color:var(--ink-soft);pointer-events:none;text-align:right}.cue{display:flex;align-items:center;gap:6px}.cue svg{width:18px;height:12px}.cue b{font-family:var(--mono);font-weight:500;color:var(--ink);font-size:12px}.hint{position:absolute;left:110px;right:12px;bottom:14px;text-align:center;font-size:14px;font-weight:600;color:#f6f3ec;text-shadow:0 1px 8px rgba(0,0,0,.45);pointer-events:none}.toast{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);background:color-mix(in srgb,var(--ink) 88%,transparent);color:#f6f3ec;font-size:14px;line-height:1.35;padding:8px 14px;border-radius:12px;white-space:pre-line;text-align:center;pointer-events:none}.hand{position:absolute;left:10px;bottom:10px;width:90px;height:68px;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 2px 10px #0003;touch-action:none;cursor:grab;z-index:2}.hand canvas{position:absolute;inset:0;width:100%;height:100%}.hand-label{position:absolute;left:8px;top:4px;font-size:11px;color:var(--ink-soft);pointer-events:none}.burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:96px}.burst span{animation:burst 1.4s cubic-bezier(.2,.9,.3,1.2) both;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}@keyframes burst{0%{transform:scale(.2) rotate(-25deg);opacity:0}30%{transform:scale(1.15) rotate(6deg);opacity:1}70%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.05);opacity:0}}.beach{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 6px 8px;border-radius:14px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 2px,transparent 3px) 0 0 / 23px 19px,radial-gradient(circle at 70% 60%,rgba(0,0,0,.06) 0 1.5px,transparent 2.5px) 0 0 / 17px 13px,var(--sand)}.beach-stone{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;background:transparent;color:var(--ink);border-radius:10px;font-weight:600;font-size:12.5px;line-height:1.2;transition:transform .16s ease,background-color .16s ease}.beach-stone svg{width:54px;height:26px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.25));transition:transform .16s ease}.beach-stone small{font-weight:400;font-size:11.5px;color:color-mix(in srgb,var(--ink) 70%,transparent)}.beach-stone[aria-pressed=true]{background:color-mix(in srgb,var(--paper) 55%,transparent)}.beach-stone[aria-pressed=true] svg{transform:translateY(-3px);filter:drop-shadow(0 5px 3px rgba(0,0,0,.25))}.status{display:flex;align-items:center;justify-content:space-between;gap:12px}.stones{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink-soft)}.pips{display:flex;gap:5px}.pip{width:14px;height:9px;border-radius:50%;background:#3b3a36;box-shadow:inset -3px -2px #00000040,inset 3px 2px #ffffff1f}.pip.used{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}.best{font-size:14px;color:var(--ink-soft)}.best b{font-family:var(--display);font-weight:800;font-size:20px;color:var(--ink)}.map svg{width:100%;height:22px;display:block}.result{background:var(--paper);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.result h2{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em;margin:0;text-wrap:balance}pre.share{font-family:var(--mono);font-size:14px;line-height:1.55;margin:0;white-space:pre-wrap;background:var(--ground);padding:12px;border-radius:10px;overflow-x:auto}.actions{display:flex;gap:10px;flex-wrap:wrap}.next,.stats{margin:0;font-size:13px;color:var(--ink-soft)}footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--ink-soft)}footer span{margin-left:auto}.rules{font-size:14px;color:var(--ink-soft);max-width:62ch}.rules summary{cursor:pointer;color:var(--ink);font-weight:600}.rules p{margin:6px 0 0}.privacy{font-size:12px;color:var(--ink-soft);margin:0}.coach{position:absolute;z-index:40;max-width:min(320px,calc(100vw - 16px));background:var(--ink);color:var(--paper);border-radius:12px;padding:10px 14px 8px;box-shadow:0 8px 28px #00000047;font-size:14px;line-height:1.4;pointer-events:none}.coach p{margin:0 0 6px}.coach-skip{pointer-events:auto;background:transparent;color:color-mix(in srgb,var(--paper) 75%,transparent);padding:2px 0;font-size:12px;font-weight:400;text-decoration:underline;border-radius:0}.coach-focus{outline:3px solid var(--sun);outline-offset:2px;animation:coachpulse 1.4s ease-in-out infinite}@keyframes coachpulse{50%{outline-color:color-mix(in srgb,var(--sun) 35%,transparent)}}.stage.tall{height:min(70svh,720px)}.viewchip{position:absolute;right:10px;top:10px}@media(prefers-reduced-motion:reduce){.coach-focus,.burst span{animation:none}.count.pop{transform:none}html,body{transition:none}}.share-to{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;color:var(--ink-soft)}.share-to .brand{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;transition:transform .12s ease}.share-to .brand svg{width:19px;height:19px;fill:currentColor}.share-to .brand:active{transform:scale(.94)}.share-to .brand:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.share-to .more{--brand: color-mix(in srgb, var(--ink) 12%, transparent);color:var(--ink);padding:0;font-size:20px;line-height:1;border:0}.rank{margin:-4px 0 0;font-size:15px;color:var(--ink)}