.gr-root{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%}.gr-root .ka-btn{cursor:pointer}.gr-root input{-webkit-user-select:text;user-select:text;cursor:text;touch-action:manipulation}.gr-root>.ka-shell{max-width:max(300px, var(--gr-w,760px))}.gr-wrap{justify-content:center;width:100%;display:flex}.gr-board{aspect-ratio:4/3;border-radius:var(--r-md);width:100%;box-shadow:var(--hard);background:#4a3490;flex-shrink:0;position:relative;overflow:hidden;container-type:size}.gr-board:after{content:"";border-radius:inherit;pointer-events:none;z-index:6;box-shadow:inset 0 0 0 3px var(--ink);position:absolute;inset:0}.gr-canvas{width:100%;height:100%;display:block}.gr-tags{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.gr-tag{background:var(--white);border:2px solid var(--ink);max-width:150px;box-shadow:1.5px 2px 0 var(--ink);color:var(--ink);white-space:nowrap;transform-origin:50% 100%;will-change:transform;border-radius:999px;align-items:baseline;gap:4px;padding:1px 7px 2px 6px;font-size:12px;font-weight:750;line-height:1.25;display:flex;position:absolute;top:0;left:0}.gr-tag:before{content:"";border:1.5px solid var(--ink);background:var(--gr-band,#6fd0ff);border-radius:50%;flex-shrink:0;align-self:center;width:8px;height:8px}.gr-tag-name{text-overflow:ellipsis;overflow:hidden}.gr-tag-sub{color:var(--ink-3);flex-shrink:0;font-size:10.5px;font-weight:700}.gr-tag[data-band=gold]{--gr-band:#ffd84a;background:#fff6c4}.gr-tag[data-band=top]{--gr-band:#ff6fa8}.gr-tag[data-band=fast]{--gr-band:#c4a8ff}.gr-tag[data-band=field]{--gr-band:#6fd0ff}.gr-tag[data-band=pace]{--gr-band:#a8f0dc}.gr-tag[data-band=vs]{--gr-band:#ff5a6e;background:#ffe1e5}.gr-tag[data-band=best]{--gr-band:#fff;background:#dff8ef}.gr-hud{z-index:4;pointer-events:none;grid-template-columns:1fr auto;align-items:start;gap:6px;display:grid;position:absolute;inset:10px 10px auto}.gr-pill{background:var(--white);border:var(--edge);box-shadow:var(--hard-sm);font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;border-radius:999px;justify-self:start;padding:3px 12px 4px;font-size:18px;font-weight:800;line-height:1.1}.gr-pill--place{background:var(--sun)}.gr-pill--clock{text-align:center;justify-self:end;min-width:5.2ch}.gr-gap{background:var(--white);border:var(--edge);max-width:100%;box-shadow:var(--hard-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;border-radius:999px;grid-column:1/-1;justify-self:start;padding:2px 10px 3px;font-size:13px;font-weight:750;overflow:hidden}.gr-gap:empty{display:none}.gr-gap[data-state=ahead]{background:var(--mint)}.gr-gap[data-state=behind]{background:#ffd0d6}.gr-progress{z-index:4;border:var(--edge);pointer-events:none;background:#1a1a2e8c;border-radius:999px;height:26px;padding:2px 0;position:absolute;bottom:10px;left:10px;right:10px}.gr-progress-bar{width:100%;height:18px;display:block}.gr-zone{z-index:4;pointer-events:none;animation:gr-zone 1.5s var(--ease-out) both;justify-content:center;display:flex;position:absolute;inset:21% 0 auto}.gr-zone-name,.gr-count{font-family:var(--font-display);letter-spacing:-.035em;color:var(--white);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);margin:0;font-weight:800;line-height:1}.gr-zone-name{text-align:center;font-size:clamp(28px,8vw,44px)}@keyframes gr-zone{0%{opacity:0;transform:translateY(12px)scale(.85)rotate(-3deg)}14%{opacity:1;transform:translateY(0)scale(1.04)rotate(0)}22%{transform:scale(1)}78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)scale(.98)}}.gr-count{z-index:5;text-align:center;-webkit-text-stroke:10px var(--ink);text-shadow:5px 6px 0 var(--ink);pointer-events:none;animation:gr-count 1s var(--ease-spring) both;font-size:clamp(72px,22vw,120px);position:absolute;inset:26% 0 auto}.gr-count--go{color:var(--sun);animation-duration:.75s}@keyframes gr-count{0%{opacity:0;transform:scale(1.8)rotate(-8deg)}20%{opacity:1;transform:scale(.95)rotate(0)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.9)}}.gr-overlay{z-index:5;text-align:center;pointer-events:none;animation:gr-fade .18s var(--ease-out);flex-direction:column;justify-content:flex-start;align-items:center;padding:16px 14px 46px;display:flex;position:absolute;inset:0}.gr-overlay--mid{justify-content:center}.gr-overlay--pause{background:#231c5273;justify-content:center}.gr-overlay--start{justify-content:flex-start}.gr-card{background:var(--white);border:var(--edge);border-radius:var(--r-md);max-width:min(100%,360px);box-shadow:var(--hard);pointer-events:auto;cursor:default;animation:gr-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:4px;padding:12px 18px 13px;display:flex}.gr-card--start{gap:6px;width:360px;padding:12px 16px}.gr-card-kicker{background:var(--lilac);border:2px solid var(--ink);font-family:var(--font-display);color:var(--ink);border-radius:999px;margin:0;padding:1px 10px 2px;font-size:13px;font-weight:800}.gr-card-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(22px,6vw,28px);font-weight:800;line-height:1.05}.gr-card-sub{color:var(--ink-2);text-wrap:balance;margin:0;font-size:14px;font-weight:650}.gr-card-hint{color:var(--ink-3);margin:-2px 0 0;font-size:12px;font-weight:650}@media (pointer:coarse){.gr-card-hint{display:none}}.gr-facts{grid-template-columns:1.3fr 1fr 1fr;gap:6px;width:100%;margin:2px 0 0;display:grid}.gr-facts>div{background:var(--cream);border:2px solid var(--ink);border-radius:10px;min-width:0;padding:4px 4px 5px}.gr-facts dt{color:var(--ink-3);font-size:11.5px;font-weight:750;line-height:1.2}.gr-facts dd{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:1px 0 0;font-size:15px;font-weight:800;line-height:1.15}.gr-note{background:var(--cream);color:var(--ink-2);border-radius:10px;margin:0;padding:4px 10px;font-size:13px;font-weight:650}.gr-note--vs{color:var(--ink);border:2px solid var(--ink);background:#ffe1e5;font-weight:750}.gr-name{text-align:left;width:100%}.gr-name .kon-name-row .kon-input{flex:1;width:100%;min-width:0}.gr-name .kon-name label{font-size:12px}.gr-name-hint{color:var(--ink-3);margin:3px 0 0;font-size:11.5px;font-weight:600}.gr-go{width:100%;min-height:42px;font-size:17px}.gr-name-chip{background:var(--cream);border:2px solid var(--ink);max-width:100%;font:inherit;color:var(--ink-2);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:5px;padding:3px 11px 4px;font-size:13px;font-weight:650;display:none;overflow:hidden}.gr-name-chip strong{color:var(--ink);text-overflow:ellipsis;font-weight:800;overflow:hidden}.gr-name-chip:active{transform:translate(1px,1px)}.gr-go:disabled{cursor:progress}@keyframes gr-fade{0%{opacity:0}}@keyframes gr-pop{0%{opacity:0;transform:translateY(10px)scale(.92)rotate(-2deg)}}.gr-hint-touch{display:none}@media (pointer:coarse){.gr-hint-keys{display:none}.gr-hint-touch{display:inline}}.gr-result{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.gr-passed{font-family:var(--font-display);color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:18px;font-weight:800;display:flex}.gr-hits{font-family:var(--font-body);color:var(--ink-3);font-size:14px;font-weight:650}.gr-ghost-icon{flex-shrink:0;display:block}.gr-vs{border:2px solid var(--ink);color:var(--ink);background:#ffe1e5;border-radius:999px;margin:0;padding:4px 12px;font-weight:750}.gr-vs.is-won{background:var(--mint)}.gr-only{color:var(--ink-2);margin:0;font-size:14px;font-weight:650}.gr-share-ghost{background:var(--lilac);align-items:center;gap:6px;display:inline-flex}.gr-dialog-hint{color:var(--ink-3);margin:0;font-size:13px;font-weight:600}@media (pointer:coarse){.gr-dialog-hint{display:none}}@media (width<=480px){.gr-card--start{gap:5px;padding:10px 12px}.gr-card--start .gr-card-sub{display:none}.gr-facts dd{font-size:14px}.gr-pill{padding:2px 10px 3px;font-size:16px}.gr-overlay{padding:10px 10px 44px}}@container (aspect-ratio>=1){.gr-overlay--start{justify-content:center;align-items:flex-start;padding-left:16px}.gr-card--start{width:min(330px,52%)}}@container (height<=520px){.gr-card--start .gr-card-sub,.gr-name-hint,.gr-card-hint,.gr-name{display:none}.gr-name-chip{display:inline-flex}.gr-note{padding:3px 8px;font-size:12px}.gr-card--start .gr-card-title{font-size:22px}.gr-card--start{gap:4px;padding-top:8px;padding-bottom:9px}.gr-overlay--start{padding-top:8px;padding-bottom:42px}}@container (height<=380px){.gr-card--start .gr-card-title{display:none}}@media (prefers-reduced-motion:reduce){.gr-overlay,.gr-card,.gr-zone,.gr-count{animation:none}}