.sink-root{width:100%}.sink-board{border-radius:var(--r-md);background:var(--paper);width:100%;height:520px;box-shadow:var(--hard);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:crosshair;position:relative;overflow:hidden}.sink-canvas{width:100%;height:100%;display:block}.sink-board:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 3px var(--ink);position:absolute;inset:0}.sink-clock{z-index:2;background:var(--white);border:var(--edge);height:36px;box-shadow:var(--hard-sm);color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:0 13px 0 10px;font-size:19px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.sink-clock.is-late{background:var(--sun);animation:1s step-end infinite sink-tick}@keyframes sink-tick{50%{transform:scale(1.06)}}.sink-lb{z-index:2;background:var(--white);border:2px solid var(--ink);width:158px;box-shadow:var(--hard-sm);pointer-events:none;color:var(--ink);border-radius:12px;flex-direction:column;gap:1px;margin:0;padding:6px 7px;font-size:13px;font-weight:700;line-height:1.3;list-style:none;display:flex;position:absolute;top:10px;right:10px}.sink-lb li{border-radius:6px;grid-template-columns:16px minmax(0,1fr) auto;align-items:baseline;gap:5px;padding:1px 5px;display:grid}.sink-lb li.is-you{background:var(--sun)}.sink-lb li.is-sep{margin-top:3px}.sink-lb-rank{font-family:var(--font-display);color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:800}.sink-lb li.is-you .sink-lb-rank{color:var(--ink)}.sink-lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sink-lb-mass{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}.sink-toast{z-index:3;background:var(--white);border:var(--edge);max-width:calc(100% - 24px);box-shadow:var(--hard-sm);color:var(--ink);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;animation:sink-pop .32s var(--ease-spring);border-radius:999px;padding:9px 16px;font-size:15px;font-weight:700;position:absolute;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%)}.sink-toast strong{font-weight:800}.sink-overlay{z-index:3;text-align:center;cursor:default;animation:sink-fade .2s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.sink-overlay--start{pointer-events:none;justify-content:flex-end;padding-bottom:8%}.sink-overlay--start .sink-card{pointer-events:auto}.sink-overlay--pause{background:#fff7ddb8}.sink-card{background:var(--white);border:var(--edge);border-radius:var(--r-md);max-width:min(380px,100%);box-shadow:var(--hard);animation:sink-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:8px;padding:16px 20px 18px;display:flex}.sink-card .ka-btn{margin-top:4px}.sink-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(20px,4.6vw,26px);font-weight:800;line-height:1.1}.sink-big{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(30px,7vw,42px);font-weight:800}.sink-sub{color:var(--ink-2);text-wrap:balance;max-width:36ch;margin:0;font-size:14px;font-weight:600}@keyframes sink-fade{0%{opacity:0}}@keyframes sink-pop{0%{opacity:0;transform:translateY(10px)scale(.94)rotate(-1.5deg)}}.sink-toast{animation-name:sink-toast-pop}@keyframes sink-toast-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.94)}}.sink-hint-touch,.sink-board.is-touch .sink-hint-keys{display:none}.sink-board.is-touch .sink-hint-touch{display:block}@media (pointer:coarse){.sink-hint-keys{display:none}.sink-hint-touch{display:inline}.sink-card .sink-hint-touch{display:block}}.sink-tally{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sink-tally li{background:var(--cream);border:2px solid var(--ink);color:var(--ink-2);border-radius:999px;padding:3px 10px 4px;font-size:13.5px;font-weight:700}.sink-tally li strong{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.sink-tally li.is-hole{background:var(--sun)}.sink-dialog-note{color:var(--ink-2);margin:0;font-size:14px;font-weight:600}.sink-dialog-hint{color:var(--ink-3);margin:0;font-size:13px;font-weight:600}@media (pointer:coarse){.sink-dialog-hint{display:none}}@media (width<=560px){.sink-lb{width:128px;padding:5px;font-size:11.5px;top:8px;right:8px}.sink-lb li{grid-template-columns:13px minmax(0,1fr) auto;gap:4px;padding:0 4px}.sink-clock{height:32px;font-size:17px;top:8px;left:8px}.sink-overlay--start{justify-content:center;padding-bottom:20px}.sink-card{padding:14px 16px 16px}}@media (prefers-reduced-motion:reduce){.sink-overlay,.sink-card,.sink-toast,.sink-clock.is-late{animation:none}}