:root{color:#f4f4f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #f4f4f6}button,input{transition:color .18s,background .18s,border-color .18s}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.scoreboard{--muted:#9e9ea8;background:#000;width:100vw;height:100dvh;position:relative;overflow:clip}.scoreboard-header{inset:max(28px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) auto max(32px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.brand{letter-spacing:.16em;margin:0;font-size:11px;font-weight:650}.brand span{color:var(--muted);letter-spacing:.1em;margin-left:16px;font-weight:400}.status{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.status-dot{background:#686870;border-radius:50%;width:5px;height:5px}.live .status-dot{background:#00d9a0}.waiting .status-dot{animation:2s ease-in-out infinite breathe}.scores{--divider-width:24px;grid-template-columns:minmax(0, 1fr) var(--divider-width) minmax(0, 1fr);text-align:center;font-variant-numeric:tabular-nums;align-items:center;width:100%;display:grid;position:absolute;top:calc(50% + 14px);left:0;transform:translateY(-50%)}.side{isolation:isolate;grid-row:1;min-width:0;transition:transform .65s cubic-bezier(.22,1,.36,1);position:relative}.side:before{content:"";z-index:-1;background:radial-gradient(ellipse, rgb(var(--glow) / .2), rgb(var(--glow) / .07) 40%, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .35s;position:absolute;inset:-20% 0}.side.has-point:before{opacity:1}.side.has-match-point:before{background:radial-gradient(ellipse, rgb(var(--glow) / .3), rgb(var(--glow) / .1) 40%, transparent 70%)}.side.home{grid-column:1}.side.away{grid-column:3}.swapped .side.home{transform:translateX(calc(100% + var(--divider-width)))}.swapped .side.away{transform:translateX(calc(-100% - var(--divider-width)))}.home{--player:#fff;--dot-off:#082c24;--dot-on:#a2f8dc;--glow:85 224 175}.away{--player:#fff;--dot-off:#35171e;--dot-on:#ffd0d5;--glow:255 133 153}.player-details{justify-items:center;gap:8px;width:100%;padding-inline:16px;display:grid;position:absolute;bottom:calc(100% + clamp(8px,2dvh,20px))}.player-name{justify-content:center;align-items:center;width:100%;height:60px;display:flex}.name-button{color:#b9b9c2;letter-spacing:-.02em;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;max-width:100%;min-height:44px;padding:8px 32px;font-size:clamp(16px,2vw,26px);font-weight:450;display:flex;position:relative}.name-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.edit-icon{opacity:0;width:14px;height:14px;transition:opacity .18s;position:absolute;right:9px}.name-button:hover,.name-button:focus-visible{color:#f4f4f6;background:#141417}.name-button:hover .edit-icon,.name-button:focus-visible .edit-icon{opacity:1}.name-input{color:#f4f4f6;text-align:center;letter-spacing:-.02em;background:#141417;border:1px solid #414147;border-radius:10px;width:min(100%,320px);height:44px;padding:8px 12px;font-size:clamp(16px,2vw,26px)}.set-dots{justify-content:center;gap:12px;display:flex}.set-dot{background:var(--dot-off);border-radius:50%;width:10px;height:10px;transition:background .3s}.set-dot.won{background:var(--dot-on)}.score-value{color:var(--player);font-size:min(41vw, calc((100dvh - 186px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / .85));letter-spacing:-.065em;justify-content:center;align-items:center;padding-right:.065em;font-weight:650;line-height:.85;display:flex}.score-number{animation:.22s ease-out score-in;display:block}.unknown-score{color:var(--dot-off);font-weight:300}.point-opportunity{top:calc(100% + clamp(12px,3dvh,28px));justify-content:center;display:flex;position:absolute;inset-inline:0}.point-badge{border:1px solid rgb(var(--glow) / .24);color:var(--dot-on);background:rgb(var(--glow) / .1);letter-spacing:.04em;border-radius:999px;padding:6px 12px;font-size:clamp(11px,1.2vw,14px);font-weight:600;line-height:1.2}.has-match-point .point-badge{border-color:rgb(var(--glow) / .4);background:rgb(var(--glow) / .17)}.score-divider{flex-direction:column;grid-area:1/2;align-items:center;gap:14px;display:flex}.score-divider i{background:#505057;border-radius:50%;width:6px;height:6px}.match-caption{max-width:calc(50% - 40px);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;position:absolute;bottom:16px;left:0;overflow:hidden}.set-history{color:#b9b9c2;flex-wrap:wrap;justify-content:center;gap:20px;margin:4px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.set-history li{gap:8px;display:flex}.history-divider{color:#505057}.scoreboard-footer{bottom:max(16px, env(safe-area-inset-bottom));left:max(32px, env(safe-area-inset-left));right:max(32px, env(safe-area-inset-right));justify-content:center;display:flex;position:absolute}.sound-toggle{max-width:calc(50% - 32px);min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px;font-size:12px;position:absolute;bottom:0;right:0}.sound-toggle:hover{color:#fff;background:#141417}.watching-id{color:#b9b9c2;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:14px;display:block;overflow:hidden}.wake-status{color:var(--muted);font-size:13px}.wake-status.awake{color:#a2f8dc}.display-notices{text-align:center;color:var(--muted);gap:4px;font-size:13px;display:grid}.rotate-hint{display:none}@media (orientation:portrait){.rotate-hint{display:block}}.options-trigger,.options-close{color:#d4d4db;background:#141417;border:1px solid #34343a;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.options-trigger:hover,.options-close:hover{color:#fff;background:#242429;border-color:#666670}.options-trigger svg,.options-close svg{width:24px;height:24px}.options-close{margin-inline:auto}.options-close svg,.option-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.game-options{inset:auto 0 max(16px, env(safe-area-inset-bottom));color:#f4f4f6;background:0 0;border:0;width:min(400px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:0 auto;padding:8px;position:fixed;overflow-x:hidden}.game-options::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8}.options-content{gap:12px;display:grid}.options-info{text-align:center;gap:6px;min-width:0;padding:8px 16px;display:grid}.options-fan{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:4px;padding:4px 0 32px;display:grid}.option-action{color:#d4d4db;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:4px 0;font-size:14px;line-height:1.25;display:flex}.option-action:first-child,.option-action:last-child{transform:translateY(28px)}.option-icon{background:#1a1a1f;border:1px solid #3b3b42;border-radius:50%;place-items:center;width:56px;height:56px;transition:background .18s,border-color .18s;display:grid}.option-icon svg{width:23px;height:23px}.option-icon.mint{color:#a2f8dc;background:#0d2922;border-color:#245243}.option-action:hover .option-icon{background:#303038;border-color:#777780}.option-action:hover .mint{background:#174737;border-color:#55a88a}.game-options[open] .options-content{animation:.2s ease-out options-in}@keyframes options-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.scoreboard.is-selecting{height:auto;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(at 50% 40%,#0b1914 0%,#000 65%);flex-direction:column;display:flex;overflow:visible}.is-selecting .scoreboard-header{flex-shrink:0;position:static}.entry-layout{flex:1;place-items:center;padding-block:48px;display:grid}.entry{background:#0d100f;border:1px solid #252d29;border-radius:24px;width:min(100%,440px);padding:36px;box-shadow:0 24px 80px #0000004d}.entry-icon{color:#a2f8dc;background:#14251e;border:1px solid #294b3e;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:28px;display:grid}.entry-icon svg{width:26px;height:26px}.entry h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(30px,6vw,38px);font-weight:600;line-height:1.1}.entry>p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.entry-form{margin-top:30px}.entry-form label{color:#e0e5e2;margin-bottom:10px;font-size:13px;font-weight:550;display:block}.entry-form input{color:#f4f4f6;background:#070a08;border:1px solid #3a433f;border-radius:12px;width:100%;min-width:0;height:56px;padding:14px 16px;font-size:16px;display:block}.entry-form input::placeholder{color:#8c9690}.entry-form input:focus-visible{outline-offset:3px;border-color:#a2f8dc;outline:2px solid #a2f8dc}.entry-form input[aria-invalid=true]{border-color:#ff9ca5}.entry-hint{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.connect-button{color:#08271c;background:#a2f8dc;border:1px solid #a2f8dc;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:24px;padding:14px 18px;font-size:14px;font-weight:650;display:flex}.connect-button svg{width:19px;height:19px}.connect-button:disabled{opacity:1;color:#96aa9f;background:#20372c;border-color:#2c493b}.connect-button:hover:not(:disabled){background:#bfffe9;border-color:#bfffe9}.entry-form .error{color:#ffc0c7;background:#29181c;border:1px solid #583239;border-radius:10px;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.entry>.entry-note{border-top:1px solid #252d29;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:22px;font-size:11px;display:flex}.entry-note>span{background:#a2f8dc;border-radius:50%;flex-shrink:0;width:5px;height:5px}@keyframes score-in{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.35}}@media (hover:none){.edit-icon{opacity:.6}}@media (width<=600px){.scoreboard-header{top:max(20px, env(safe-area-inset-top));left:20px;right:20px}.brand{font-size:10px}.brand span{margin:6px 0 0;font-size:9px;display:block}.status{font-size:11px}.scores{--divider-width:16px}.player-details{padding-inline:8px}.name-button{padding-inline:24px}.edit-icon{width:12px;right:6px}.score-divider{gap:10px}.score-divider i{width:4px;height:4px}.scoreboard-footer{left:20px;right:20px}.scoreboard.is-selecting{padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.entry-layout{padding-block:32px}.entry{border-radius:20px;padding:28px 24px}}@media (height<=540px){.scoreboard-header{top:16px}}@media (orientation:landscape) and (height<=540px){.scoreboard-header{top:max(10px, env(safe-area-inset-top))}.scoreboard-footer{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom))}.game-options{bottom:max(8px, env(safe-area-inset-bottom))}.brand span{margin-left:12px;display:inline}.score-value{font-size:min(41vw, calc((100dvh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / .85))}.player-details{justify-content:center;align-items:center;gap:12px;padding-inline:24px;display:flex}.player-name{width:auto;min-width:0}.set-dots{flex-shrink:0;gap:8px}.name-button{font-size:18px}}@media (width<=360px){.entry{padding:24px 18px}.entry>.entry-note{font-size:10px}}@media (height<=400px){.entry-layout{padding-block:24px}.point-opportunity{top:calc(100% + 8px)}.player-details{bottom:calc(100% + 6px)}.options-content{gap:8px}.options-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:0}.options-info .set-history,.options-info .display-notices{grid-column:1/-1}.options-fan{padding-bottom:20px}.option-action{gap:8px;font-size:13px}.option-icon{width:48px;height:48px}.option-action:first-child,.option-action:last-child{transform:translateY(16px)}}