:root{--red:#c62828;--red-dim:#8e1c1c;--blue:#1e5fc4;--blue-dim:#16408a;--ink:#fff;--red-on-dark:#ff5252;--blue-on-dark:#5b93ff;--swap:.26s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app{width:100vw;height:100dvh;position:relative;overflow:hidden}.board{position:absolute;inset:0}.panel{width:50%;height:100%;color:var(--ink);font:inherit;cursor:pointer;transition:transform var(--swap);border:0;flex-direction:column;justify-content:center;align-items:center;gap:1.5vmin;margin:0;padding:0;display:flex;position:absolute;top:0;left:0}.panel--red{background:var(--red)}.panel--blue{background:var(--blue)}.panel__glyph{opacity:.55;font-size:clamp(1rem,4vmin,2.5rem);line-height:1;position:absolute;top:3vmin}.panel__score{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:min(32vw,55vh);font-weight:800;line-height:.85}.panel__pips{gap:1.6vmin;display:flex}.pip{border:.4vmin solid #ffffff8c;border-radius:50%;width:2.4vmin;height:2.4vmin}.pip--won{background:#fff;border-color:#fff}.controls{left:50%;bottom:max(1vmin, env(safe-area-inset-bottom));z-index:5;gap:.5rem;display:flex;position:absolute;transform:translate(-50%)}.controls button{color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0006;border:0;border-radius:999px;padding:.35rem .7rem;font-family:inherit;font-size:.7rem}.controls button:disabled{opacity:.35}.result,.start,.sheet{z-index:10;color:var(--ink);text-align:center;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-family:inherit;display:flex;position:absolute;inset:0}.result--red{background:var(--red-dim)}.result--blue{background:var(--blue-dim)}.result__title{margin:0;font-size:clamp(2rem,9vmin,6rem);font-weight:800}.result__games{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(3rem,18vmin,12rem);font-weight:800;line-height:1}.result__hint,.start__hint{opacity:.75;margin:0;font-size:clamp(.8rem,2.4vmin,1.1rem)}.start{background:linear-gradient(100deg, var(--red) 0 50%, var(--blue) 50% 100%)}.start__title{letter-spacing:-.03em;font-size:clamp(2.5rem,12vmin,8rem);font-weight:800}.sheet{cursor:default;overscroll-behavior:contain;padding:max(4vmin, env(safe-area-inset-top)) 0 max(4vmin, env(safe-area-inset-bottom));background:#000000d9;justify-content:flex-start;overflow-y:auto}.sheet__body{flex-direction:column;gap:1.1rem;width:min(90vw,26rem);margin:auto 0;display:flex}.sheet h2{margin:0;font-size:1.2rem;font-weight:700}.field{text-align:left;flex-direction:column;gap:.4rem;display:flex}.field__label{opacity:.7;font-size:.8rem}.segmented{gap:.4rem;display:flex}.segmented button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:.6rem;flex:1;padding:.6rem .4rem;font-size:.9rem}.segmented button.on{color:#000;background:#fff;border-color:#fff}.sheet__note{opacity:.55;margin:0;font-size:.75rem}.sheet__close{color:#000;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:.6rem;padding:.7rem;font-weight:600}@media (prefers-reduced-motion:reduce){.panel{transition:none}}.sheet__link{color:inherit;font:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.75rem;text-decoration:underline}.diag{text-align:left;border:1px solid #ffffff2e;border-radius:.6rem;padding:.75rem;font-size:.72rem}.diag h3{margin:0 0 .5rem;font-size:.8rem}.diag dl{margin:0}.diag__row{justify-content:space-between;gap:1rem;padding:.15rem 0;display:flex}.diag dt{opacity:.65}.diag dd{text-align:right;font-variant-numeric:tabular-nums;word-break:break-word;margin:0}.diag dd.good{color:#6ee787}.diag dd.bad{color:#ff8a80}.diag__hint{opacity:.55;margin:.6rem 0 0;line-height:1.4}.segmented--stack{flex-direction:column}.segmented--stack button{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.segmented--stack small{opacity:.6;font-size:.7rem}.segmented--stack button.on small{opacity:.7}.prompt{z-index:20;background:#0b0b0b;flex-direction:column;display:flex;position:absolute;inset:0}.prompt__question{text-align:center;margin:0;padding:5vmin 3vmin 3vmin;font-size:clamp(1.2rem,5vmin,3rem);font-weight:700}.prompt__options{flex:1;gap:.5vmin;display:flex}.prompt__option{color:var(--ink);font:inherit;cursor:pointer;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2vmin;display:flex}.prompt__option--red{background:var(--red)}.prompt__option--blue{background:var(--blue)}.prompt__glyph{opacity:.75;font-size:clamp(1.5rem,8vmin,5rem);line-height:1}.prompt__label{letter-spacing:-.02em;font-size:clamp(1.5rem,9vmin,6rem);font-weight:800}.panel__scoreBlock{flex-direction:column;align-items:stretch;display:flex}.panel__serve{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:2.6vmin 0;display:block}.panel__serveBar{background:currentColor;border-radius:999px;width:100%;min-width:12vmin;height:1.3vmin;min-height:4px;display:block}.theme--dark .panel--red{color:var(--red-on-dark);background:#000}.theme--dark .panel--blue{color:var(--blue-on-dark);background:#000}.theme--dark .board:after{content:"";pointer-events:none;background:#ffffff24;width:1px;position:absolute;top:12%;bottom:12%;left:50%}.theme--dark .pip{opacity:.55;border-color:currentColor}.theme--dark .pip--won{opacity:1;background:currentColor}.theme--dark .result{background:#000}.theme--dark .result--red{color:var(--red-on-dark)}.theme--dark .result--blue{color:var(--blue-on-dark)}.theme--dark .start{background:#000}.theme--dark .prompt__option--red{color:var(--red-on-dark);background:#000}.theme--dark .prompt__option--blue{color:var(--blue-on-dark);background:#000}.theme--dark .prompt__options{background:#ffffff24;gap:1px}.theme--dark .controls button{background:#ffffff1a}