:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-rounded:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:3rem;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.5;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--ls-tight:-.01em;--ls-caps:.06em;--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--gutter:16px;--content-max:480px;--header-h:48px;--action-bar-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tap-min:44px;--tap-comfy:48px;--tap-gap:8px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;--bw:1px;--bw-strong:2px;--focus-w:3px;--focus-offset:2px;--dur-instant:80ms;--dur-fast:.15s;--dur-base:.22s;--dur-slow:.36s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--press-scale:.96;--z-board:1;--z-header:10;--z-action-bar:20;--z-sheet:40;--z-toast:50}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#faf8f5;--c-surface:#fff;--c-surface-2:#f0ede7;--c-text:#1c1b1a;--c-text-muted:#5c5852;--c-border:#ddd8d0;--c-border-strong:#8a847b;--c-accent:#4338ca;--c-accent-ink:#fff;--c-accent-soft:#e6e4fb;--c-accent-text:#3730a3;--c-good:#1e7b4b;--c-good-ink:#fff;--c-near:#b45309;--c-near-ink:#fff;--c-miss:#6b6760;--c-miss-ink:#fff;--c-danger:#b42318;--c-focus:#1d4ed8;--c-toast-bg:#1c1b1a;--c-toast-ink:#faf8f5;--shadow-1:0 1px 2px #1c1b1a14, 0 1px 1px #1c1b1a0a;--shadow-2:0 6px 20px #1c1b1a1f, 0 2px 6px #1c1b1a0f;--scrim:#1c1b1a73}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:.12s;--dur-slow:.12s;--ease-spring:var(--ease-out);--press-scale:1}}:root,:root[data-theme=light]{--c-grape:#7e22ce;--c-grape-ink:#fff;--c-path:var(--c-border-strong);--c-ground-hi:#f4f8da;--c-ground-lo:#b5d68a;--c-tuft:#8fba62;--c-earth:#7a5530;--c-wall:#fffbf2;--c-house-line:#4a3f35}:root{--house-r:46;--house-hit-r:80;--hour-ms:.6s;--hour-ms-reduced:.7s;--bg:var(--c-bg);--fg:var(--c-text);--muted:var(--c-text-muted);--surface:var(--c-surface);--accent:var(--c-accent);--accent-fg:var(--c-accent-ink);--radius:var(--r-lg);--tap:var(--tap-min);font-family:var(--font-sans);line-height:var(--lh-body);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;margin:0}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{height:100%}html.is-playing,html.is-playing body{width:100%;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.app{height:100vh;max-width:480px;height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;display:flex}.app-title{letter-spacing:.01em;margin:0;font-size:1.25rem;font-weight:700}.app-meta{color:var(--muted);font-size:.875rem}.stage{border-radius:var(--radius);background:var(--surface);flex:auto;justify-content:center;align-items:center;min-height:0;margin:0 16px;display:flex;overflow:hidden}.stage-placeholder{color:var(--muted);text-align:center;padding:16px}.game-surface{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-surface.is-active{touch-action:pinch-zoom}.controls{gap:12px;padding:16px;display:flex}.btn{min-height:var(--tap);min-width:var(--tap);border-radius:var(--radius);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-instant) var(--ease-out);border:0;font-weight:600}.btn:active{transform:scale(var(--press-scale))}.btn:focus-visible{outline:var(--focus-w) solid var(--c-focus);outline-offset:2px}.btn-primary{background:var(--accent);min-height:56px;color:var(--accent-fg);flex:1;font-size:1.125rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.header-actions{gap:4px;display:flex}.stage.play-surface{align-items:stretch;position:relative}.stage>svg.town{width:100%;height:100%;display:block}.controls .btn-primary{flex:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-btn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-pill);color:var(--c-text);font:inherit;font-size:var(--fs-lg);cursor:pointer;transition:transform var(--dur-instant) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-btn:active{transform:scale(var(--press-scale));background:var(--c-surface-2)}.icon-btn:focus-visible{outline:var(--focus-w) solid var(--c-focus);outline-offset:var(--focus-offset)}.status{min-height:56px;padding:var(--sp-1) var(--gutter);justify-content:center;gap:var(--sp-1);flex-direction:column;display:flex}.status-line{font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-snug);white-space:nowrap;margin:0;overflow:hidden}.status-meta{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-muted);min-height:20px;display:flex}.status-flavor{white-space:nowrap;min-width:0;color:var(--c-text-muted);margin:0}.status-meta:has(.status-flavor) .tries{display:none}.tries{font-variant-numeric:tabular-nums;flex:none}.tries-dot{border:var(--bw-strong) solid var(--c-border-strong);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:4px;display:inline-block}.tries-dot[data-used]{background:var(--c-text-muted);border-color:var(--c-text-muted)}.hour-bar{align-items:center;gap:3px;min-width:0;display:flex}.hour{border-radius:3px;flex:none;width:10px;height:10px}.hour[data-kind=empty]{border:var(--bw-strong) solid var(--c-border-strong)}.hour[data-kind=par]{background:var(--c-good)}.hour[data-kind=over]{background:var(--c-near)}.hour[data-kind=par],.hour[data-kind=over]{animation:gv-hour-in var(--dur-fast) var(--ease-out)}@keyframes gv-hour-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.hour-label{margin-left:var(--sp-1);font-variant-numeric:tabular-nums;color:var(--c-text)}.hour-label:first-child{margin-left:0}.legend{justify-content:center;gap:var(--tap-gap);min-height:var(--tap-min);padding:0 var(--gutter);display:flex}.chip{align-items:center;gap:var(--sp-1);min-height:var(--tap-min);padding:0 var(--sp-3);border:var(--bw) solid var(--c-border-strong);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:transform var(--dur-instant) var(--ease-out);display:inline-flex}.chip svg{width:20px;height:20px}.chip:active{transform:scale(var(--press-scale))}.chip[aria-pressed=true]{background:var(--c-accent-soft);color:var(--c-accent-text);border-color:var(--c-accent)}.chip:focus-visible{outline:var(--focus-w) solid var(--c-focus);outline-offset:var(--focus-offset)}.btn-secondary{min-height:56px;padding:0 var(--sp-5);background:var(--c-surface);color:var(--c-text);border:var(--bw-strong) solid var(--c-border-strong);flex:none}.btn:disabled,.btn[aria-disabled=true]{background:var(--c-surface-2);color:var(--c-text-muted);box-shadow:inset 0 0 0 var(--bw-strong) var(--c-border-strong);cursor:default}.btn:disabled:active{transform:none}.sheet-scrim{z-index:var(--z-sheet);background:var(--scrim);animation:gv-fade-in var(--dur-base) var(--ease-out);position:fixed;top:0;bottom:0;left:0;right:0}.sheet{z-index:var(--z-sheet);max-width:var(--content-max);background:var(--c-surface);max-height:85dvh;color:var(--c-text);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-2);padding-bottom:var(--safe-bottom);animation:gv-sheet-in var(--dur-base) var(--ease-out);flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-head{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) 0 var(--gutter);display:flex}.sheet-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:0}.sheet-body{overscroll-behavior:contain;min-height:0;padding:var(--sp-2) var(--gutter) var(--sp-4);line-height:var(--lh-body);flex:auto;overflow-y:auto}.sheet-actions{gap:var(--sp-3);padding:var(--sp-3) var(--gutter) var(--sp-4);display:flex}@keyframes gv-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes gv-fade-in{0%{opacity:0}to{opacity:1}}.toast-region{left:0;right:0;bottom:calc(var(--action-bar-h) + var(--safe-bottom) + var(--sp-3));z-index:var(--z-toast);pointer-events:none;padding-inline:var(--gutter);justify-content:center;display:flex;position:fixed}.toast{max-width:340px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);background:var(--c-toast-bg);color:var(--c-toast-ink);font-size:var(--fs-sm);font-weight:var(--fw-semibold);box-shadow:var(--shadow-2);animation:gv-toast-in var(--dur-base) var(--ease-out) both}.toast[data-leaving]{animation:gv-toast-out var(--dur-fast) var(--ease-in-out) both}@keyframes gv-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gv-toast-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.hour[data-kind=par],.hour[data-kind=over]{animation:none}.toast{animation-name:gv-fade-in}.icon-btn:active,.chip:active{transform:none}}.howto-demo{width:100%;max-width:280px;height:auto;margin:0 auto var(--sp-3);border-radius:var(--r-lg);background:#97b052 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' shape-rendering='crispEdges'%3E%3Crect x='3' y='4' width='2' height='2' fill='%23809A40'/%3E%3Crect x='15' y='12' width='2' height='2' fill='%23ABC468'/%3E%3Crect x='9' y='19' width='2' height='2' fill='%23809A40'/%3E%3C/svg%3E") 0 0/24px 24px;display:block}.howto-path{stroke:#6b5243;stroke-width:5px;stroke-linecap:butt;stroke-dasharray:5 1.5}.howto-idle{fill:var(--c-wall,var(--c-surface-2));stroke:var(--c-house-line,var(--c-border-strong));stroke-width:2px}.howto-know,.howto-ring,.howto-hour{opacity:0;animation:gv-demo-on var(--dur-base) var(--ease-out) both}.howto-know{fill:none;filter:drop-shadow(0 0 4px var(--c-heard-demo-glow,#a855f7bf))}.howto-know circle{fill:var(--c-heard-demo,#7e22ce);stroke:var(--c-heard-demo-edge,#7e22ce);stroke-width:1.5px}.howto-know .howto-glyph{fill-rule:evenodd;fill:#fff}.howto-cot .howto-glyph{fill-rule:evenodd;fill:#9a3412}.howto-win{fill:none}.howto-know .howto-win{fill:#fde68a}.howto-ring{fill:none;stroke:var(--c-accent);stroke-width:3px}.howto-hour{fill:var(--c-good)}@keyframes gv-demo-on{0%{opacity:0}to{opacity:1}}.howto-steps{gap:var(--sp-2);margin:0;padding-left:1.4em;display:grid}.howto-footer{margin:var(--sp-3) 0 0;color:var(--c-text-muted);font-size:var(--fs-sm)}.howto-privacy{color:var(--c-text-muted);white-space:nowrap;margin:-13.5px 0;padding:13.5px 6px;font-weight:700;text-decoration:underline}.sheet-actions .btn-primary{flex:1}@media (max-height:700px){.howto-demo{max-width:150px;margin-bottom:var(--sp-2)}.howto .sheet-actions{gap:var(--sp-2);padding-top:var(--sp-2);padding-bottom:var(--sp-3)}.howto .howto-tutorial{min-height:44px!important}.howto .sheet-body{padding-bottom:var(--sp-2)}.howto-steps{gap:var(--sp-1)}.howto-footer{margin-top:var(--sp-2)}}@media (max-height:620px){.howto-demo{display:none}}@media (prefers-reduced-motion:reduce){.howto-know,.howto-ring,.howto-hour{opacity:1;animation:none}}.town.neighbor-demo{width:100%;max-width:300px;height:auto;margin:var(--sp-2) auto var(--sp-3);touch-action:auto}.neighbor-demo .house{cursor:default}.neighbor-title{text-align:center}.neighbor-rule{margin:var(--sp-2) 0 0;text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug);text-wrap:balance}.neighbor-tip{margin:var(--sp-2) 0 0;text-align:center;color:var(--c-text-muted);text-wrap:balance}.score-card{inset:auto var(--sp-2) var(--sp-2) var(--sp-2);z-index:1;align-items:center;column-gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:var(--bw) solid var(--c-border);border-radius:var(--r-lg);background:var(--c-bg);box-shadow:var(--shadow-1);text-align:left;animation:score-in var(--dur-slow) var(--ease-out) both;grid-template-columns:auto minmax(0,1fr);display:grid;position:absolute}@supports selector(:has(*)){.stage.play-surface:has(>.score-card){flex-direction:column}.stage.play-surface:has(>.score-card)>svg.town{flex:1 1 0;height:auto;min-height:0}.stage.play-surface>.score-card{margin:var(--sp-2);flex:none;position:relative;top:auto;bottom:auto;left:auto;right:auto}}.score-head{margin:0 0 var(--sp-1);font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-snug);grid-column:1/-1}.score-big{font-size:var(--fs-3xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tight);text-align:center;margin:0;line-height:1}.score-big span{font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:0;color:var(--c-text-muted);margin-top:2px;display:block}.score-rows{font:inherit;white-space:pre;margin:0;font-size:clamp(.75rem,3.6vw,1rem);line-height:1.35;overflow:hidden}.score-meta{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--c-text-muted);grid-column:1/-1}.score-meta:empty{display:none}.score-big+.score-rows+.score-meta{margin-top:var(--sp-3)}.score-card[hidden]{display:none}@supports selector(:has(*)){.stage.play-surface:has(>.score-card[hidden]){justify-content:flex-end}.stage.play-surface:has(>.score-card[hidden])>svg.town{height:auto;max-height:100%;aspect-ratio:auto var(--town-ratio,1000 / 1200);flex:none}.stage.play-surface>.score-card[hidden]{visibility:hidden;flex:0 auto;min-height:0;animation:none;display:grid;overflow:hidden}}@media (prefers-reduced-motion:reduce){.score-card,.score-card *{transition-duration:0s!important}}.score-next{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.replay-btn{isolation:isolate;min-width:var(--tap-min);min-height:var(--tap-min);margin-block-start:-12px;margin-block-end:-12px;margin-right:calc(-1 * var(--sp-2));padding:0 var(--sp-2);color:var(--c-accent-text);font:inherit;font-weight:var(--fw-semibold);white-space:nowrap;background:0 0;border:0;flex:none;position:relative}.replay-btn:before{content:"";z-index:-1;border:var(--bw) solid var(--c-border-strong);border-radius:var(--r-pill,999px);position:absolute;top:6px;bottom:6px;left:0;right:0}.replay-btn:active:before{background:var(--c-surface-2,var(--c-border))}.link-btn{min-height:var(--tap-min);margin-left:var(--sp-2);padding:0 var(--sp-2);color:var(--c-accent-text);font:inherit;font-weight:var(--fw-semibold);background:0 0;border:0;text-decoration:underline}@keyframes score-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.score-card{animation:none}}@media (max-height:700px){.score-card{padding:var(--sp-2) var(--sp-3);column-gap:var(--sp-3)}.score-head{margin-bottom:0}.score-big{font-size:var(--fs-2xl);align-items:baseline;display:flex}.score-big span{margin:0 0 0 2px;display:inline}.score-meta{margin-top:2px}.score-big+.score-rows+.score-meta{margin-top:var(--sp-1)}}@media (max-height:600px){.app:has(.score-card:not([hidden])) .status-meta{display:none}.app:has(.score-card:not([hidden])):has(.house[data-yours]) .status-meta{display:flex}.app:has(.score-card:not([hidden])):has(.house[data-yours]) .tries{display:none}.app:has(.score-card:not([hidden])) .status{min-height:0;padding-block:var(--sp-2)}}.app:has(.score-card):has(.house[data-state=optimal]) .status-line:before{content:"";vertical-align:-.05em;box-sizing:border-box;border-radius:50%;width:.7em;height:.7em;margin-right:.4em;display:inline-block}.app:has(.score-card):has(.house[data-yours]) .status-meta .hour-label:before{content:"";vertical-align:-.05em;box-sizing:border-box;border-radius:50%;width:.7em;height:.7em;margin-right:.4em;display:inline-block}.app:has(.score-card):has(.house[data-state=optimal]) .status-line:before{border:2.5px solid var(--c-good)}.app:has(.score-card):has(.house[data-yours]) .status-meta .hour-label:before{background:var(--c-text);border-radius:0;width:.8em;height:.8em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.9' fill='none' stroke='%23000' stroke-width='1.6' stroke-dasharray='2.6 1.25'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.9' fill='none' stroke='%23000' stroke-width='1.6' stroke-dasharray='2.6 1.25'/%3E%3C/svg%3E") 50%/contain no-repeat}.neighbor-list{margin:var(--sp-3) 0 0;gap:var(--sp-3);padding:0;list-style:none;display:grid}.neighbor-row{align-items:center;column-gap:var(--sp-3);grid-template-columns:44px minmax(0,1fr);display:grid}.town.neighbor-icon{touch-action:auto;width:44px;height:44px}.neighbor-icon .house{cursor:default}.neighbor-row-text{line-height:var(--lh-snug);text-wrap:pretty;margin:0}.stats-row{margin:0 0 var(--sp-3);padding:var(--sp-2) 0;background:var(--c-surface-2);border-radius:var(--r-lg);text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stats-cell{min-width:0;padding:0 var(--sp-1);border-left:var(--bw) solid var(--c-border);flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.stats-cell:first-of-type{border-left:0}.stats-num{font-size:var(--fs-xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1.15}.stats-label{color:var(--c-text-muted);font-size:var(--fs-sm);line-height:var(--lh-snug);text-wrap:balance;overflow-wrap:anywhere;margin-top:2px}.card-fold{display:none}@media (max-height:700px){.score-card>.card-fold{z-index:1;isolation:isolate;width:64px;height:var(--tap-min);border-radius:var(--r-lg);color:var(--c-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin-left:-32px;padding:0;display:inline-flex;position:absolute;top:-24px;left:50%}.card-fold:after{content:"";z-index:-1;border:var(--bw) solid var(--c-border);background:var(--c-bg);width:44px;height:22px;box-shadow:var(--shadow-1);border-radius:999px;position:absolute;top:12px;left:10px}.card-fold:before{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;margin-top:-2px;transform:rotate(45deg)}.card-fold[aria-expanded=false]:before{margin-top:6px;transform:rotate(-135deg)}.card-fold:active:after{background:var(--c-surface-2)}.card-fold:focus-visible{outline:none}.card-fold:focus-visible:after{outline:var(--focus-w) solid var(--c-focus);outline-offset:var(--focus-offset)}.score-card.is-folded{align-items:center;gap:var(--sp-2);display:flex}.score-card.is-folded>.score-big{font-size:var(--fs-xl)}.score-card.is-folded>.score-next{min-height:var(--tap-min);flex:auto;justify-content:flex-end;margin:0}.score-card.is-folded>[hidden],.score-card.is-folded .score-next>[hidden]{display:none}}.stage.play-surface{background:radial-gradient(circle at 30% 35%, var(--c-tuft) 0 1.5px, transparent 2px) 0 0 / 26px 26px, radial-gradient(circle at 70% 75%, var(--c-tuft) 0 1.5px, transparent 2px) 0 0 / 34px 34px, radial-gradient(circle at 88% 4%, #ffe2788c, #ffe27800 42%), radial-gradient(ellipse at 50% 30%, var(--c-ground-hi), var(--c-ground-lo) 75%);background:#97b052 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' shape-rendering='crispEdges'%3E%3Crect x='5' y='7' width='3' height='3' fill='%23809A40'/%3E%3Crect x='25' y='19' width='3' height='3' fill='%23ABC468'/%3E%3Crect x='15' y='31' width='3' height='3' fill='%23809A40'/%3E%3Crect x='33' y='3' width='2' height='2' fill='%23ABC468'/%3E%3C/svg%3E") 0 0/40px 40px}.score-card .stats-row{margin:var(--sp-3) 0 0;padding:var(--sp-1) 0;background:var(--c-ground-hi,var(--c-surface-2));border:var(--bw) solid var(--c-path-edge,var(--c-border));grid-column:1/-1}.score-card .stats-num{font-size:var(--fs-lg)}.score-card .stats-label{font-size:var(--fs-xs);margin-top:0}@media (max-height:700px){.score-card .stats-row{text-align:left;background:0 0;border:0;flex-wrap:wrap;justify-content:flex-start;gap:0;margin:2px 0 0;padding:0;display:flex}.score-card .stats-cell{font-size:var(--fs-sm);line-height:var(--lh-snug);white-space:nowrap;border:0;flex-direction:row-reverse;align-items:baseline;gap:.25em;padding:0}.score-card .stats-cell:first-of-type{display:none}.score-card .stats-cell+.stats-cell:not(:nth-of-type(2)):before{content:"·";color:var(--c-text-muted);order:3;margin:0 .25em 0 .5em}.score-card .stats-num,.score-card .stats-label{font-size:var(--fs-sm);line-height:var(--lh-snug)}.score-card .stats-label[data-short]{font-size:0}.score-card .stats-label[data-short]:after{content:attr(data-short);font-size:var(--fs-sm)}}.score-card{background:var(--c-ground-hi,var(--c-bg));border-color:var(--c-border);border-color:color-mix(in srgb, var(--c-earth,var(--c-border)) 40%, transparent)}.score-big{color:var(--c-grape,var(--c-text))}@media (min-height:701px){.score-card .stats-row{background:var(--c-bg)}}.score-card{grid-template-columns:auto minmax(max-content,1fr)}.score-card:not(.is-folded)>:not(.score-big):not(.score-rows){contain:inline-size}.score-big{flex-wrap:wrap;justify-content:center;align-items:baseline;display:flex}.score-big span{margin:0 0 0 2px;display:inline}.app-title{white-space:nowrap;letter-spacing:-.01em;align-items:baseline;gap:6px;min-width:0;font-size:1.5rem;font-weight:800;line-height:1.1;display:flex}.wordmark{display:inline-flex}.wm-grape{color:var(--c-grape)}.wm-vine{color:var(--c-good)}.wm-icon{font-size:1.25rem}.app-num{text-overflow:ellipsis;min-width:0;color:var(--c-text-muted);letter-spacing:0;font-size:1rem;font-weight:700;overflow:hidden}@media (max-width:359px){.app-title{gap:4px;font-size:1.3rem}.wm-icon{font-size:1.1rem}.app-num{font-size:.875rem}}html,body{background:#97b052 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' shape-rendering='crispEdges'%3E%3Crect x='5' y='7' width='3' height='3' fill='%23809A40'/%3E%3Crect x='25' y='19' width='3' height='3' fill='%23ABC468'/%3E%3Crect x='15' y='31' width='3' height='3' fill='%23809A40'/%3E%3Crect x='33' y='3' width='2' height='2' fill='%23ABC468'/%3E%3C/svg%3E") 0 0/40px 40px}.stage,.stage.play-surface{background:0 0;border-radius:0}.stage-placeholder{background:var(--c-bg);color:var(--c-text);border:3px solid #4e3b30}.app-header,.status{background:var(--c-bg);margin-inline:var(--sp-2,8px);border:3px solid #4e3b30}.app-header{border-radius:6px 6px 0 0;margin-top:4px;padding-inline-start:13px;padding-inline-end:13px}.app-header:not(:has(+.status)){border-radius:6px;margin-bottom:4px;box-shadow:0 3px #4e3b3073}.app-header+.status{padding-inline:calc(var(--gutter) - 3px);border-top:0;border-radius:0 0 6px 6px;margin-bottom:6px;box-shadow:0 3px #4e3b3073}.chip,.btn-secondary,.btn-primary,.btn:disabled,.btn[aria-disabled=true]{border:3px solid #4e3b30;border-radius:6px;box-shadow:0 4px #4e3b30}.chip{box-shadow:0 3px #4e3b30}.btn-primary:not(:disabled):not([aria-disabled=true]){color:#fff8ec;background:#6b4f3a}.chip:active,.btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #4e3b30}.controls{padding-bottom:20px}@media (prefers-reduced-motion:reduce){.chip:active,.btn:not(:disabled):active{transform:none}}@media (max-width:360px){.app-header,.status{margin-inline-start:4px;margin-inline-end:4px}.app-header{padding-inline-start:9px;padding-inline-end:9px}}.chip .chip-glyph{color:#9a3412;shape-rendering:crispedges;flex:none;width:20px;height:20px;margin-left:-2px}@media (max-width:360px){.legend:has(.chip-glyph){padding:0 8px}.legend:has(.chip-glyph) .chip{gap:3px;padding:0 6px}.chip .chip-glyph{width:17px;height:17px;margin-left:0}}.score-meta:not(:empty):not([hidden])+.score-next{margin-top:10px}.score-meta>.link-btn{margin-block-start:-12px;margin-block-end:-12px}.coach{box-sizing:border-box;height:calc(2.5em + 20px);margin:6px var(--gutter,16px) 10px;background:var(--c-bg);color:var(--c-text);text-wrap:balance;border:3px solid #4e3b30;border-radius:6px;flex:none;align-items:center;padding:7px 12px;font-size:16px;font-weight:600;line-height:1.25;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #4e3b30}.coach-tail{left:var(--tail-x,50%);clip-path:polygon(0 0,100% 0,100% 25%,86% 25%,86% 50%,71% 50%,71% 75%,57% 75%,57% 100%,43% 100%,43% 75%,29% 75%,29% 50%,14% 50%,14% 25%,0 25%);background:#4e3b30;width:21px;height:12px;margin-left:-10px;position:absolute;bottom:-12px}.coach-tail:after{content:"";background:var(--c-bg);clip-path:polygon(0 0,100% 0,100% 50%,80% 50%,80% 75%,60% 75%,60% 100%,40% 100%,40% 75%,20% 75%,20% 50%,0 50%);width:15px;height:12px;position:absolute;top:-3px;left:3px}.coach:has(.coach-tail){overflow:visible}.tut-skip{min-width:64px;min-height:44px;font:inherit;color:var(--c-text);background:var(--c-bg);cursor:pointer;border:3px solid #4e3b30;border-radius:6px;padding:0 12px;font-size:15px;font-weight:700}.tut-skip[hidden]{visibility:hidden;display:inline-block}.tut-arrow{pointer-events:none;animation:.5s steps(3,jump-none) 2 gv-tut-bob}.tut-arrow-html{pointer-events:none;width:28px;height:25px;margin:0 auto 6px;animation:.5s steps(3,jump-none) 2 gv-tut-bob;display:block}@keyframes gv-tut-bob{50%{translate:0 6px}}svg.town[data-tut-pause] .house[data-tut-target] .house-badge>*{transform-box:view-box;transform-origin:0 0;animation:.36s steps(3,jump-none) gv-tut-pop}@keyframes gv-tut-pop{50%{scale:1.3}}@media (max-width:360px){.coach{margin-inline-start:8px;margin-inline-end:8px;font-size:15px}}@media (prefers-reduced-motion:reduce){.tut-arrow,.tut-arrow-html,svg.town[data-tut-pause] .house[data-tut-target] .house-badge>*{animation:none}}.sheet{box-shadow:none;border:3px solid #4e3b30;border-bottom:0;border-radius:6px 6px 0 0}.score-card,.score-card.is-folded{border-color:#4e3b30;border-radius:6px;box-shadow:0 0 0 2px #4e3b30,0 5px #4e3b3073}.stage.play-surface>.score-card{margin-inline-start:2px;margin-inline-end:2px}.town{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pinch-zoom;width:100%;height:100%;display:block;overflow:visible}.town .path{stroke:var(--c-earth,var(--c-path));stroke-width:12px;stroke-linecap:round}.town .path.lit{stroke:var(--c-grape);stroke-width:14px}.town .path{transition:stroke var(--dur-slow) var(--ease-out), stroke-width var(--dur-slow) var(--ease-out)}.house{cursor:pointer;outline:none}.house-hit{fill:#0000}.house-body{transform-box:fill-box;transform-origin:50%;transition:transform var(--dur-fast) var(--ease-out)}.house-disc{fill:var(--c-wall,var(--c-surface-2));stroke:var(--c-house-line,var(--c-border-strong));stroke-width:5px}.house-glyph{color:var(--c-text)}.house-ring{fill:none;stroke:#0000;stroke-width:10px}.house-badge circle,.house-badge rect{fill:var(--c-surface);stroke:var(--c-border-strong);stroke-width:4px}.house-badge use{color:var(--c-text)}.house-count text{fill:var(--c-text);font:700 26px var(--font-sans)}.house[data-pressed] .house-body{transition-duration:var(--dur-instant);transform:scale(.94)}.house[data-state=picked] .house-ring{stroke:var(--c-accent)}.house[data-state=picked] .house-body{transform:scale(1.08)}.house[data-state=knows] .house-disc,.house[data-state=whispered] .house-disc{fill:var(--c-grape);stroke:var(--c-grape)}.house[data-state=whispered] .house-ring{stroke:var(--c-text);stroke-width:6px}.house[data-state=missed] .house-disc{stroke:var(--c-miss);stroke-dasharray:14 10}.house[data-state=optimal] .house-ring{stroke:var(--c-good)}.house[data-state=optimal] .house-badge-star circle{fill:var(--c-good);stroke:var(--c-good)}.house[data-state=optimal] .house-badge-star use{color:var(--c-good-ink)}.house[data-yours] .house-hit{stroke:var(--c-text);stroke-width:6px;stroke-dasharray:18 12;stroke-linecap:round}.house-you circle{fill:var(--c-surface);stroke:var(--c-text);stroke-width:4px}.house-you use{color:var(--c-text)}.house:focus-visible .house-ring{stroke:var(--c-focus);stroke-width:8px}.house[data-new] .house-body{animation:gv-pop var(--dur-base) var(--ease-spring)}@keyframes gv-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.house-burst{pointer-events:none}.house-burst circle{fill:var(--c-grape);stroke:var(--c-wall,var(--c-surface));stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:gv-burst calc(var(--hour-ms) * .7) var(--ease-out) 60ms both}@keyframes gv-burst{0%{opacity:0;transform:translateY(-20px)scale(.4)}25%{opacity:1}to{transform:translate(var(--bx), var(--by)) scale(1);opacity:0}}.town[data-phase=result]:not(:has(.house[data-state=missed])) .house .house-body{animation:gv-end-pop var(--dur-base) var(--ease-spring) both;animation-delay:min(calc(var(--end-i,0) * .11s), .88s)}@keyframes gv-end-pop{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.house-count .count-pill{transform-box:fill-box;transform-origin:50%}.house-count[data-count="1"] .count-pill{animation:gv-bump var(--dur-fast) var(--ease-out)}@media (max-width:360px){.house-count .count-pill{scale:1.3}}@keyframes gv-bump{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.town .dots{pointer-events:none}.town .dot{fill:var(--c-grape);animation:gv-travel calc(var(--hour-ms) * .58 * var(--len,1)) var(--ease-in-out) calc(var(--hour-ms) * .58 * var(--delay,0)) both}@keyframes gv-travel{0%{opacity:0;transform:translate(0)}8%{opacity:1}90%{opacity:1}to{transform:translate(var(--dx,0px), var(--dy,0px));opacity:0}}.town-bg{fill:var(--c-near);opacity:0}.town[data-phase=spread] .town-bg{animation:gv-dawn .3s var(--ease-out)}@keyframes gv-dawn{0%,to{opacity:0}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.house-body,.house[data-new] .house-body,.house-count,.house-count[data-count="1"] .count-pill,.town[data-phase=spread] .town-bg{transition:none;animation:none}.town[data-phase=result]:not(:has(.house[data-state=missed])) .house .house-body{transition:none;animation:none}.house[data-state=picked] .house-body,.house[data-pressed] .house-body{transform:none}.town .dot{display:none}.town .path{transition:none}.house-burst{display:none}}.town .path{stroke-width:20px}.town .path.lit{stroke-width:22px}.house-disc{stroke-width:6px}.house .house-glyph{color:#3b2a1a}.houses>.house:-webkit-any([data-state=idle],[data-state=picked],[data-state=optimal]) .house-glyph{color:#9a3412}.houses>.house:is([data-state=idle],[data-state=picked],[data-state=optimal]) .house-glyph{color:#9a3412}.house[data-state]:not([data-state=knows]):not([data-state=whispered]) .house-disc{filter:drop-shadow(0 7px 3px #3d2e1447)}.house[data-state=knows] .house-disc,.house[data-state=whispered] .house-disc{fill:var(--c-heard,#7e22ce);stroke:var(--c-heard-edge,var(--c-heard,#7e22ce));filter:drop-shadow(0 0 14px var(--c-heard-glow,#a855f7bf))}.house[data-state=knows] .house-glyph,.house[data-state=whispered] .house-glyph{color:#fff}.house[data-state=missed] .house-disc{fill:var(--c-wall-dim,#ddd6c8)}.house[data-state=missed] .house-glyph{color:#5e5449}.town .path-base{stroke:var(--c-earth,var(--c-path));stroke-width:24px;stroke-linecap:round;pointer-events:none}.town .path:not(.lit){stroke:#e2c48e;stroke-width:12px}.town .path.lit[data-new]{stroke-dasharray:1 2;animation:gv-path-draw .4s var(--ease-out) both;transition:none}@keyframes gv-path-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.town .path.lit[data-new]{stroke-dasharray:none;animation:none}}.town .path-base{stroke:#4e3b30;stroke-width:48px;stroke-linecap:square}.town .path:not(.lit){stroke:url(#gv-cobble);stroke-width:40px;stroke-linecap:butt}.town .path.lit{stroke-width:40px;stroke-linecap:butt}.house[data-state=knows] .house-glyph,.house[data-state=whispered] .house-glyph{--gv-win:#fde68a}.town .path-under{stroke:url(#gv-cobble);stroke-width:40px;stroke-linecap:butt;pointer-events:none}.town .path-edge{stroke:url(#gv-tufts);stroke-width:64px;stroke-linecap:butt;pointer-events:none}.town .twin-link{stroke:#fff8ec;stroke-opacity:.85;stroke-width:8px;stroke-dasharray:8 10;stroke-linecap:butt;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.town:has(.house[data-role=twin]:-webkit-any([data-state=picked],[data-state=whispered],[data-state=knows],[data-state=optimal])) .twin-link{opacity:1}.town:has(.house[data-role=twin]:is([data-state=picked],[data-state=whispered],[data-state=knows],[data-state=optimal])) .twin-link{opacity:1}@media (prefers-reduced-motion:reduce){.town .twin-link{transition:none}}.house[data-role=twin]:-webkit-any([data-state=knows],[data-state=whispered]) .house-glyph{--gv-roof:#3b0764}.house[data-role=twin]:is([data-state=knows],[data-state=whispered]) .house-glyph{--gv-roof:#3b0764}.sheet.neighbor .house:-webkit-any([data-state=idle],[data-state=picked],[data-state=optimal]) .house-glyph{color:#9a3412}.sheet.neighbor .house:is([data-state=idle],[data-state=picked],[data-state=optimal]) .house-glyph{color:#9a3412}.town[data-phase=spread]:has(.house[data-role=twin][data-state=whispered]) .twin-link{animation:.9s ease-out .15s both gv-twin-pulse}.town[data-phase=spread]:has(.house[data-role=twin][data-new]) .twin-link{animation:.9s ease-out .15s both gv-twin-pulse}@keyframes gv-twin-pulse{0%,to{stroke:#fff8ec;stroke-width:8px}25%,75%{stroke:#fde68a;stroke-width:18px;stroke-opacity:1}50%{stroke:#fff8ec;stroke-width:10px}}@media (prefers-reduced-motion:reduce){.town[data-phase=spread]:has(.house[data-role=twin][data-state=whispered]) .twin-link{stroke:#fde68a;stroke-width:12px;stroke-opacity:1;animation:none}.town[data-phase=spread]:has(.house[data-role=twin][data-new]) .twin-link{stroke:#fde68a;stroke-width:12px;stroke-opacity:1;animation:none}}.town-bg{fill:url(#gv-dawn-glow)}