:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;--scorebyte-color-background: #000000;--scorebyte-color-surface: #1c1c1e;--scorebyte-color-surface-raised: #2c2c2e;--scorebyte-color-surface-muted: #3a3a3c;--scorebyte-color-border: rgba(235, 235, 245, .13);--scorebyte-color-border-strong: rgba(235, 235, 245, .22);--scorebyte-color-text: #f5f5f7;--scorebyte-color-text-secondary: rgba(235, 235, 245, .72);--scorebyte-color-text-muted: rgba(235, 235, 245, .48);--scorebyte-color-primary: #0a84ff;--scorebyte-color-primary-text: #ffffff;--scorebyte-color-home: #0a84ff;--scorebyte-color-away: #98989d;--scorebyte-color-warning: #ff9f0a;--scorebyte-radius-small: 10px;--scorebyte-shadow-panel: none}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--scorebyte-color-text);background:var(--scorebyte-color-background)}button,input,select{font:inherit}button{min-height:38px;border:1px solid transparent;border-radius:var(--scorebyte-radius-small);padding:8px 14px;color:var(--scorebyte-color-primary-text);background:var(--scorebyte-color-primary);font-size:15px;font-weight:600;cursor:pointer}button.secondary{color:var(--scorebyte-color-primary);background:var(--scorebyte-color-surface-raised);border-color:var(--scorebyte-color-border-strong)}button:disabled{cursor:not-allowed;opacity:.45}input,select{width:100%;border:1px solid var(--scorebyte-color-border);border-radius:var(--scorebyte-radius-small);padding:11px 12px;color:var(--scorebyte-color-text);background:var(--scorebyte-color-surface-raised);font-size:16px;outline:none}input:focus,select:focus{border-color:var(--scorebyte-color-primary)}select{appearance:none}label{display:grid;gap:7px;color:var(--scorebyte-color-text-secondary);font-size:13px;font-weight:600}.app-shell{width:min(100% - 28px,760px);margin:0 auto;padding:22px 0 34px}.home-shell{width:min(100% - 28px,1040px);min-height:100vh;display:grid;align-content:start;gap:20px;margin:0 auto;padding:20px 0 34px}.home-header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 18px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;color:var(--scorebyte-color-text);font-size:17px;font-weight:700}.nav-logo{width:30px;height:30px;border-radius:8px;display:block}.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;align-items:stretch;border:1px solid var(--scorebyte-color-border);border-radius:18px;background:var(--scorebyte-color-surface);padding:22px}.logo-mark{width:74px;height:74px;border-radius:18px;display:block}.home-copy{display:grid;align-content:center;gap:12px;min-width:0;padding:6px}.eyebrow{margin:4px 0 0;color:var(--scorebyte-color-primary);font-size:13px;font-weight:700;text-transform:uppercase}.home-copy h1{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:56px;line-height:1.05;font-weight:700;letter-spacing:0}.home-lede{max-width:520px;margin:0;color:var(--scorebyte-color-text-secondary);font-size:20px;line-height:1.38}.home-actions{width:100%;max-width:420px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.product-showcase{min-height:360px;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:end;justify-items:center;border:1px solid var(--scorebyte-color-border);border-radius:14px;background:var(--scorebyte-color-surface-raised);padding:22px}.device-frame{width:100%;display:grid;align-content:end;justify-items:center;gap:12px;margin:0}.device-shell{width:100%;max-width:210px;aspect-ratio:1320 / 2868;border:1px solid var(--scorebyte-color-border-strong);border-radius:30px;background:linear-gradient(180deg,#f5f5f712,#f5f5f705),var(--scorebyte-color-background);padding:8px;overflow:hidden}.device-shell img{width:100%;height:100%;display:block;object-fit:cover;border-radius:22px}.device-frame figcaption{display:grid;gap:4px;text-align:center}.device-frame figcaption strong{color:var(--scorebyte-color-text);font-size:15px;font-weight:600}.device-frame figcaption span{color:var(--scorebyte-color-text-secondary);font-size:13px;line-height:1.3}.watch-frame{align-self:center}.watch-frame .device-shell{max-width:124px;aspect-ratio:416 / 496;border-radius:34px;padding:8px}.watch-frame .device-shell img{border-radius:26px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--scorebyte-color-border);border-radius:var(--scorebyte-radius-small);background:var(--scorebyte-color-surface)}.feature-row{display:grid;gap:4px;padding:16px;border-right:1px solid var(--scorebyte-color-border)}.feature-row:last-child{border-right:0}.feature-row strong{font-size:15px;font-weight:600}.feature-row span{color:var(--scorebyte-color-text-secondary);font-size:14px;line-height:1.35}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 2px 18px}.topbar-brand{min-height:54px;display:inline-flex;align-items:center;gap:13px;min-width:0;padding:0;color:var(--scorebyte-color-text);background:transparent;border:0;text-align:left}.topbar-logo{width:50px;height:50px;flex:0 0 auto;display:block;border-radius:12px}.brand{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:30px;line-height:1.08;font-weight:700;letter-spacing:0}.screen-detail{display:block;margin:5px 0 0;color:var(--scorebyte-color-text-secondary);font-size:15px;font-weight:500}.screen-detail.connected{color:var(--scorebyte-color-primary)}.text-button{min-height:34px;padding:6px 10px;color:var(--scorebyte-color-primary);background:transparent;border-color:transparent}.status-pill{min-width:112px;border:1px solid var(--scorebyte-color-border);border-radius:999px;padding:6px 10px;color:var(--scorebyte-color-text-secondary);background:var(--scorebyte-color-surface-raised);font-size:13px;font-weight:600;text-align:center}.status-pill.connected{color:var(--scorebyte-color-primary);background:var(--scorebyte-color-surface-raised);border-color:#0a84ff66}.content-grid{display:grid;gap:18px}.panel{overflow:hidden;border:1px solid var(--scorebyte-color-border);border-radius:var(--scorebyte-radius-small);background:var(--scorebyte-color-surface);box-shadow:var(--scorebyte-shadow-panel)}.panel-body{display:grid;gap:14px;padding:16px}.panel-title{margin:0 0 2px;font-size:17px;line-height:1.25;font-weight:600}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.advanced-settings{border-top:1px solid var(--scorebyte-color-border);padding-top:12px}.advanced-settings summary{color:var(--scorebyte-color-primary);cursor:pointer;font-size:15px;font-weight:600}.advanced-settings label{margin-top:12px}.choice-list{display:grid}.auth-button{display:grid;justify-items:start;gap:4px;min-height:68px;border:0;border-bottom:1px solid var(--scorebyte-color-border);border-radius:0;padding:14px 16px;color:var(--scorebyte-color-text);background:var(--scorebyte-color-surface);text-align:left}.auth-button:last-child{border-bottom:0}.auth-button span{font-size:17px;font-weight:600}.auth-button small{color:var(--scorebyte-color-text-secondary);font-size:13px;font-weight:500}.secondary-choice span{color:var(--scorebyte-color-primary)}.auth-message{margin-top:10px}.ios-screen{display:grid;gap:24px}.ios-heading{display:grid;gap:8px;text-align:center}.ios-heading h2{margin:0;color:var(--scorebyte-color-text);font-size:22px;line-height:1.2;font-weight:600;overflow-wrap:anywhere}.ios-heading p,.ios-muted{margin:0;color:var(--scorebyte-color-text-secondary);font-size:15px;line-height:1.35}.ios-card{overflow:hidden;border:1px solid var(--scorebyte-color-border);border-radius:var(--scorebyte-radius-small);background:var(--scorebyte-color-surface);box-shadow:var(--scorebyte-shadow-panel)}.qr-card{display:grid;justify-items:center;gap:16px;padding:20px}.qr-card h3,.members-card h3,.recent-activity h3{margin:0;color:var(--scorebyte-color-text);font-size:17px;line-height:1.25;font-weight:600}.qr-canvas{width:220px;height:220px;display:block;border-radius:var(--scorebyte-radius-small);padding:12px;background:#fff}.ios-bordered-button{width:100%;color:var(--scorebyte-color-primary);background:transparent;border-color:var(--scorebyte-color-border-strong)}.members-card{display:grid;gap:12px;padding:16px}.member-list{display:grid;gap:0}.member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--scorebyte-color-border)}.member-row:last-child{border-bottom:0}.member-row div{min-width:0;display:grid;gap:3px}.member-row strong{color:var(--scorebyte-color-text);font-size:15px;line-height:1.2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row span{color:var(--scorebyte-color-text-secondary);font-size:12px;line-height:1.2}.role-pill{flex:0 0 auto;border-radius:999px;padding:6px 10px;color:var(--scorebyte-color-text-secondary);background:var(--scorebyte-color-surface-raised);font-size:12px;font-weight:600}.warning-note{margin:0;color:var(--scorebyte-color-warning);font-size:13px;line-height:1.35}.link-card{display:grid}.lobby-matchup{display:grid;gap:5px;padding:12px;border-bottom:1px solid var(--scorebyte-color-border)}.lobby-matchup strong{color:var(--scorebyte-color-text-secondary);font-size:13px;font-weight:600}.lobby-matchup span{color:var(--scorebyte-color-text);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px;overflow-wrap:anywhere}.share-list{display:grid;overflow:hidden;border:1px solid var(--scorebyte-color-border);border-radius:var(--scorebyte-radius-small)}.share-value{display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--scorebyte-color-border)}.share-value:last-child{border-bottom:0}.share-value span{color:var(--scorebyte-color-text-secondary);font-size:13px;font-weight:600}.share-value code{min-width:0;color:var(--scorebyte-color-text);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message{min-height:18px;margin:0;color:var(--scorebyte-color-warning);font-size:13px;line-height:1.35}.scoreboard-screen{display:grid;gap:18px}.clock-summary{display:grid;gap:10px;justify-items:center;padding:18px 18px 0}.quarter-label{color:var(--scorebyte-color-text-secondary);font-size:17px;font-weight:600}.clock-label{min-height:58px;color:var(--scorebyte-color-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,SF Pro Display,Segoe UI,sans-serif;font-size:52px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.05}.clock-actions{display:flex;justify-content:center;gap:10px}.score-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;padding:16px 16px 18px}.team{min-width:0;display:grid;gap:10px;text-align:center}.team-name{min-height:24px;font-size:17px;font-weight:600;line-height:1.15;text-transform:uppercase;overflow-wrap:anywhere}.score{font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,SF Pro Display,Segoe UI,sans-serif;font-size:58px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.team:first-child .team-name,.team:first-child .score{color:var(--scorebyte-color-home)}.team:last-child .team-name,.team:last-child .score{color:var(--scorebyte-color-away)}.divider{width:2px;height:156px;background:var(--scorebyte-color-border);color:transparent;font-size:0}.read-only-notice{min-height:36px;display:grid;place-items:center;color:var(--scorebyte-color-text-secondary);font-size:16px;font-weight:600}.inline-score-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inline-score-buttons button{min-width:44px;min-height:42px;padding-inline:8px;font-size:17px;font-variant-numeric:tabular-nums}.away-team .inline-score-buttons button{color:var(--scorebyte-color-primary-text);background:var(--scorebyte-color-away)}.game-action-row{display:flex;align-items:center;gap:12px}.game-action-row .secondary:first-child{margin-right:auto}.danger-button{color:#fff;background:#ff453a}.recent-activity{display:grid;gap:8px;min-height:160px}.event-list{display:grid}.event-row{display:flex;align-items:center;gap:12px;min-height:35px;border-bottom:1px solid var(--scorebyte-color-border)}.event-row:last-child{border-bottom:0}.event-row strong{min-width:0;flex:1 1 auto;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-row span{width:44px;text-align:right;font-size:15px;font-variant-numeric:tabular-nums;font-weight:500}.home-color{color:var(--scorebyte-color-home)}.away-color{color:var(--scorebyte-color-away)}.empty{display:grid;gap:14px;place-items:center;min-height:220px;color:var(--scorebyte-color-text-muted);padding:28px;font-size:15px;text-align:center}.empty p{margin:0}.viewer-message{margin-top:10px}@media(min-width:900px){.app-shell{width:min(100% - 48px,980px)}.content-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start}}@media(max-width:520px){.app-shell{width:min(100% - 20px,760px);padding-top:14px}.topbar{align-items:flex-start;flex-direction:column}.brand{font-size:32px}.home-shell{align-content:start;padding-top:18px}.home-hero{grid-template-columns:1fr;padding:18px}.home-copy h1{font-size:42px}.home-actions,.feature-list{grid-template-columns:1fr}.feature-row{border-right:0;border-bottom:1px solid var(--scorebyte-color-border)}.feature-row:last-child{border-bottom:0}.product-showcase{min-height:auto;grid-template-columns:1fr;gap:22px}.score-main{gap:12px;padding-inline:12px}.clock-label{font-size:48px}.score{font-size:52px}.team-name{font-size:15px}.game-action-row{display:grid;grid-template-columns:1fr 1fr}.game-action-row .danger-button{grid-column:1 / -1}.share-value{grid-template-columns:1fr auto}.share-value code{grid-column:1 / -1;grid-row:2}}
