.dink{--dink-accent:#ffd60a;--dink-team0:#5aa9ff;--dink-team1:#b98bff;--dink-red:#ff5c5c}.dink-muted{color:#8e8e93}.dink-faint{color:#6e6e73}.dink-error{color:#ff8080}.dink .is-accent{color:var(--dink-accent)}.dink-team0,.dink-text0{color:var(--dink-team0)}.dink-team1,.dink-text1{color:var(--dink-team1)}.dink-bg0{background:var(--dink-team0)}.dink-bg1{background:var(--dink-team1)}.dink-board{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.875rem 1rem;display:grid}.dink-board-side{flex-direction:column;min-width:0;display:flex}.dink-dot{border-radius:9999px;flex:none;width:.75rem;height:.75rem}.dink-numbers{align-items:flex-start;gap:.35rem;display:flex}.dink-number{text-align:center;width:5.25rem}.dink-value{color:#f2f2f4;font-size:2.6rem;font-weight:700;line-height:1}.dink-dash{color:#5c5c62;font-size:2.3rem;line-height:1.1}.dink-caption{text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.75rem;overflow:hidden}.dink-lang{border:1px solid #ffffff26;border-radius:.5rem;display:inline-flex;overflow:hidden}.dink-lang button{color:#a1a1aa;cursor:pointer;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.dink-lang button+button{border-left:1px solid #ffffff26}.dink-lang button.is-active{background:var(--color-brand-500);color:#fff}@media (width<=639px){.dink-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:.75rem}.dink-numbers{grid-area:1/1/auto/-1;justify-content:center}.dink-number{width:4.25rem}.dink-value{font-size:2.1rem}.dink-dash{font-size:1.85rem}}.dink-court{aspect-ratio:51/27;-webkit-user-select:none;user-select:none;border-radius:.75rem;margin-top:1rem;position:relative;overflow:hidden;container-type:inline-size}.dink-court-svg{width:100%;height:100%;position:absolute;inset:0}.dink-hint{color:#e9efe9;opacity:.5;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.dink-hint[hidden]{display:none}.dink-hint-title{font-size:clamp(10px,1.7cqw,15px);font-weight:700}.dink-hint-sub{font-size:clamp(9px,1.35cqw,12px)}@container (width<=520px){.dink-hint-sub{display:none}}.dink-player{--size:clamp(26px, 5.1cqw, 48px);width:var(--size);height:var(--size);z-index:2;border-radius:9999px;position:absolute;transform:translate(-50%,-50%)}.dink.is-ready .dink-player{transition:left .7s cubic-bezier(.65,0,.35,1),top .7s cubic-bezier(.65,0,.35,1)}@media (prefers-reduced-motion:reduce){.dink.is-ready .dink-player{transition:none}}.dink-player.is-selectable{cursor:pointer}.dink-player:disabled{pointer-events:none}.dink-body{font-weight:700;font-size:calc(var(--size) * .45);color:#101014;border:2px solid #ffffff59;border-radius:9999px;justify-content:center;align-items:center;transition:transform .12s;display:flex;position:absolute;inset:0}.dink-team0 .dink-body{background:var(--dink-team0)}.dink-team1 .dink-body{background:var(--dink-team1)}.dink-player.is-selectable:hover .dink-body{transform:scale(1.1)}.dink-player:focus-visible{outline-offset:4px;outline:2px solid #fff}.dink-ring{border:3px solid var(--dink-accent);border-radius:9999px;display:none;position:absolute;inset:-6px}.dink-player.is-serving .dink-ring,.dink-player.is-revealed .dink-ring,.dink-player.is-wrong .dink-ring,.dink-player.is-erring .dink-ring{display:block}.dink-player.is-wrong .dink-ring,.dink-player.is-erring .dink-ring{border-color:var(--dink-red)}.dink-player.is-revealed .dink-ring{animation:1.04s ease-in-out infinite dink-pulse}@keyframes dink-pulse{50%{transform:scale(1.18)}}.dink-key{color:#f2f2f4;background:#0e0e10;border:1px solid #5c5c62;border-radius:4px;width:18px;height:18px;font-size:11px;font-weight:700;line-height:16px;display:none;position:absolute;top:-9px;right:-9px}.dink-player.is-selectable .dink-key{display:block}.dink-name{color:#f2f2f4;white-space:nowrap;text-shadow:0 1px 2px #0009;font-size:clamp(10px,1.8cqw,14px);position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.dink-player.is-serving .dink-name,.dink-player.is-revealed .dink-name{font-weight:700}.dink-player.is-wrong .dink-name,.dink-player.is-erring .dink-name{color:#ff8080}.dink-ball{z-index:3;pointer-events:none;position:absolute}.dink-ball-shadow,.dink-ball-body{border-radius:9999px;position:absolute}.dink-ball-shadow{background:#00000059;width:clamp(9px,1.7cqw,15px);height:clamp(5px,.85cqw,8px);transform:translate(-50%,-50%)}.dink-ball-body{background:#d8f53b;border:1px solid #a9c21f;width:clamp(9px,1.6cqw,14px);height:clamp(9px,1.6cqw,14px)}.dink-ball-label{color:#ff6b6b;white-space:nowrap;text-shadow:0 1px 2px #000000b3;font-size:15px;font-weight:700;position:absolute;top:-14px;transform:translate(-50%,-100%)}.dink-toast{z-index:4;color:#7cf0ad;white-space:nowrap;opacity:0;pointer-events:none;background:#1f3a2b;border:1px solid #4cd98a;border-radius:9999px;padding:.45rem 1rem;font-weight:700;transition:opacity .18s;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.dink-toast.is-visible{opacity:1}.dink-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.75rem;min-height:11rem;margin-top:1rem;padding:1.25rem}.dink-prompt{color:#f2f2f4;margin-top:.35rem;font-size:1.4rem}.dink-prompt.is-final{font-size:1.75rem;font-weight:700}.dink-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.dink-input{color:#f2f2f4;background:#0e0e10;border:1px solid #ffffff2e;border-radius:.5rem;max-width:100%;padding:.5rem .75rem;font-size:1.05rem}.dink-input:focus{border-color:var(--color-brand-400);box-shadow:0 0 0 1px var(--color-brand-400);outline:none}.dink-primary{background:var(--color-brand-600);color:#fff;cursor:pointer;border-radius:.5rem;padding:.5rem 1.1rem;font-weight:600;transition:background-color .12s}.dink-primary:hover{background:var(--color-brand-500)}.dink-link{color:var(--color-brand-400);cursor:pointer;font-size:.875rem}.dink-link:hover{color:var(--color-brand-300)}.dink-help{color:#e5e5e5;background:#1c1c21;border:1px solid #2c2c32;border-radius:1rem;max-width:min(54rem,100vw - 2rem);margin:auto;padding:1.75rem}.dink-help::backdrop{background:#000000b3}.dink-kbd{text-align:center;background:#0e0e10;border:1px solid #3a3a40;border-radius:4px;flex:none;min-width:3.75rem;padding:.15rem .4rem;font-family:inherit;font-size:.8rem;font-weight:700}.dink-touch-only{display:none}@media (pointer:coarse){.dink-keys-only,.dink-player .dink-key{display:none!important}.dink-touch-only{display:block}.dink-help .grid{grid-template-columns:1fr}}