*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--c-black);height:100%;color:var(--c-text);font-family:var(--f-body-family)}#root{height:100%}.tv{cursor:none;height:100%;overflow:hidden}.phone{flex-direction:column;min-height:100%;display:flex}.page{height:100%;padding:calc(40 * var(--u)) calc(48 * var(--u));gap:calc(24 * var(--u));flex-direction:column;display:flex}.header{align-items:center;gap:calc(28 * var(--u));min-height:calc(112 * var(--u));display:flex}.logo{width:calc(112 * var(--u));height:calc(112 * var(--u));flex:none}.titles{flex:1;min-width:0}.title{font-family:var(--f-title-family);font-weight:var(--f-title-weight);font-style:var(--f-title-style);font-size:calc(64 * var(--u));line-height:calc(72 * var(--u));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subtitle{font-family:var(--f-bodySemibold-family);font-weight:var(--f-bodySemibold-weight);font-size:calc(26 * var(--u));line-height:calc(34 * var(--u));letter-spacing:calc(1.2 * var(--u));text-transform:uppercase;color:var(--c-textSecondary)}.headerRight{align-items:flex-end;gap:calc(10 * var(--u));flex-direction:column;flex:none;display:flex}.badge{font-family:var(--f-bodyExtraBold-family);font-weight:var(--f-bodyExtraBold-weight);font-size:calc(26 * var(--u));line-height:calc(32 * var(--u));letter-spacing:calc(1.6 * var(--u));text-transform:uppercase;padding:calc(8 * var(--u)) calc(20 * var(--u));border-radius:calc(999 * var(--u));background:var(--c-brand);color:var(--c-onBrand)}.badge.waiting{background:var(--c-surface);color:var(--c-textSecondary);border:calc(2 * var(--u)) solid var(--c-border)}.clock{align-items:baseline;gap:calc(16 * var(--u));display:flex}.clockDigits{font-family:var(--f-score-family);font-weight:var(--f-score-weight);font-style:var(--f-score-style);font-size:var(--t-score-md);line-height:var(--t-score-md-lh);font-variant-numeric:tabular-nums}.clockPeriod{font-family:var(--f-bodyBold-family);font-weight:var(--f-bodyBold-weight);font-size:calc(22 * var(--u));letter-spacing:calc(1.2 * var(--u));text-transform:uppercase;color:var(--c-textSecondary)}.table{grid-template-columns:var(--cols);align-items:stretch;column-gap:calc(12 * var(--u));row-gap:calc(12 * var(--u));flex:1;grid-template-rows:auto 1fr 1fr;display:grid}.columnLabel{text-align:center;font-family:var(--f-bodyBold-family);font-weight:var(--f-bodyBold-weight);font-size:calc(24 * var(--u));line-height:calc(30 * var(--u));letter-spacing:calc(1.6 * var(--u));text-transform:uppercase;color:var(--c-textMuted);padding-bottom:calc(4 * var(--u));align-self:end}.edge{width:calc(14 * var(--u));border-radius:calc(999 * var(--u));background:var(--side-accent)}.nameCell{align-items:center;gap:calc(20 * var(--u));min-width:0;padding-left:calc(8 * var(--u));display:flex}.name{min-width:0;font-family:var(--f-bodyExtraBold-family);font-weight:var(--f-bodyExtraBold-weight);font-size:var(--size-name);text-transform:uppercase;-webkit-line-clamp:var(--name-lines);-webkit-box-orient:vertical;line-height:1.12;display:-webkit-box;overflow:hidden}.serve{width:calc(36 * var(--u));height:calc(36 * var(--u));background:var(--c-brand);border-radius:50%;flex:none}.serve.idle{background:0 0}.cell{font-family:var(--f-score-family);font-weight:var(--f-score-weight);font-style:var(--f-score-style);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;line-height:1;display:flex}.cell.set{font-size:var(--size-set);color:var(--c-text)}.cell.set.lost{color:var(--c-textTertiary)}.cell.games{font-size:var(--size-games);background:var(--c-surface);border-radius:calc(20 * var(--u))}.cell.points{font-size:var(--size-points);background:var(--c-surface2);border-radius:calc(20 * var(--u))}.cell sup{vertical-align:super;font-size:.42em;line-height:0}.footer{justify-content:space-between;align-items:center;gap:calc(24 * var(--u));min-height:calc(76 * var(--u));display:flex}.chip{align-items:baseline;gap:calc(14 * var(--u));padding:calc(10 * var(--u)) calc(28 * var(--u));border-radius:calc(999 * var(--u));background:var(--c-brand);color:var(--c-onBrand);font-family:var(--f-bodyExtraBold-family);font-weight:var(--f-bodyExtraBold-weight);font-size:calc(40 * var(--u));line-height:calc(48 * var(--u));letter-spacing:calc(1.4 * var(--u));text-transform:uppercase;display:flex}.chipSub{font-family:var(--f-bodyBold-family);font-weight:var(--f-bodyBold-weight);font-size:calc(30 * var(--u));opacity:.85}.signature{font-family:var(--f-bodyBold-family);font-weight:var(--f-bodyBold-weight);font-size:calc(24 * var(--u));letter-spacing:calc(2 * var(--u));text-transform:uppercase;color:var(--c-textMuted);margin-left:auto}.notice{justify-content:center;align-items:center;gap:calc(24 * var(--u));height:100%;padding:calc(64 * var(--u));text-align:center;flex-direction:column;display:flex}.noticeLogo{width:calc(140 * var(--u));height:calc(140 * var(--u))}.noticeTitle{font-family:var(--f-title-family);font-weight:var(--f-title-weight);font-style:var(--f-title-style);font-size:var(--t-display);line-height:var(--t-display-lh);text-transform:uppercase}.noticeBody{max-width:calc(1100 * var(--u));font-size:calc(30 * var(--u));line-height:calc(44 * var(--u));color:var(--c-textSecondary)}.noticeHint{font-size:calc(24 * var(--u));line-height:calc(34 * var(--u));color:var(--c-textMuted)}.codeForm{align-items:center;gap:calc(20 * var(--u));display:flex}.codeInput{width:calc(520 * var(--u));padding:calc(16 * var(--u)) calc(24 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid var(--c-borderStrong);background:var(--c-surface);color:var(--c-text);font-family:var(--f-score-family);font-weight:var(--f-score-weight);font-style:var(--f-score-style);font-size:calc(72 * var(--u));line-height:calc(80 * var(--u));letter-spacing:calc(12 * var(--u));text-align:center;text-transform:uppercase}.codeInput:focus{border-color:var(--c-brand);outline:none}.codeSubmit{padding:calc(20 * var(--u)) calc(40 * var(--u));border-radius:calc(20 * var(--u));background:var(--c-brand);color:var(--c-onBrand);font-family:var(--f-bodyExtraBold-family);font-weight:var(--f-bodyExtraBold-weight);font-size:calc(32 * var(--u));letter-spacing:calc(1.4 * var(--u));text-transform:uppercase;cursor:pointer;border:none}.phone .page{height:auto;padding:calc(16 * var(--u));gap:calc(12 * var(--u));flex:1}.phone .table{column-gap:calc(6 * var(--u));row-gap:calc(8 * var(--u));flex:none;grid-template-rows:auto auto auto;margin-block:auto}.phone .cell.games,.phone .cell.points{padding:calc(16 * var(--u)) 0}.phone .header{gap:calc(10 * var(--u));min-height:0}.phone .logo{width:calc(36 * var(--u));height:calc(36 * var(--u))}.phone .title{font-size:calc(24 * var(--u));line-height:calc(28 * var(--u))}.phone .subtitle{font-size:calc(11 * var(--u));line-height:calc(15 * var(--u));letter-spacing:calc(.8 * var(--u))}.phone .headerRight{gap:calc(4 * var(--u))}.phone .badge{font-size:calc(11 * var(--u));line-height:calc(14 * var(--u));letter-spacing:calc(.8 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u))}.phone .clock{gap:calc(8 * var(--u))}.phone .clockDigits{font-size:var(--t-score-sm);line-height:var(--t-score-sm-lh)}.phone .clockPeriod{font-size:calc(10 * var(--u));letter-spacing:calc(.8 * var(--u))}.phone .columnLabel{font-size:calc(10 * var(--u));line-height:calc(13 * var(--u));letter-spacing:calc(.8 * var(--u));padding-bottom:calc(2 * var(--u))}.phone .edge{width:calc(6 * var(--u))}.phone .nameCell{gap:calc(8 * var(--u));padding-left:calc(6 * var(--u))}.phone .serve{width:calc(12 * var(--u));height:calc(12 * var(--u))}.phone .cell.games,.phone .cell.points{border-radius:calc(10 * var(--u))}.phone .footer{min-height:0;padding-top:calc(12 * var(--u));gap:calc(10 * var(--u))}.phone .chip{gap:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u));font-size:calc(14 * var(--u));line-height:calc(18 * var(--u));letter-spacing:calc(.8 * var(--u))}.phone .chipSub{font-size:calc(12 * var(--u))}.phone .signature{font-size:calc(10 * var(--u));letter-spacing:calc(1 * var(--u))}.phone .notice{height:auto;padding:calc(24 * var(--u)) calc(16 * var(--u));gap:calc(14 * var(--u));flex:1}.phone .noticeLogo{width:calc(56 * var(--u));height:calc(56 * var(--u))}.phone .noticeTitle{font-size:var(--t-title);line-height:var(--t-title-lh)}.phone .noticeBody{max-width:none;font-size:var(--t-body);line-height:calc(22 * var(--u))}.phone .noticeHint{font-size:calc(12 * var(--u));line-height:calc(17 * var(--u))}.phone .codeForm{align-self:stretch;gap:calc(12 * var(--u));flex-direction:column}.phone .codeInput{width:100%;padding:calc(10 * var(--u)) calc(14 * var(--u));border-width:calc(2 * var(--u));border-radius:calc(12 * var(--u));font-size:calc(32 * var(--u));line-height:calc(40 * var(--u));letter-spacing:calc(6 * var(--u))}.phone .codeSubmit{width:100%;min-height:calc(48 * var(--u));padding:calc(12 * var(--u)) calc(20 * var(--u));border-radius:calc(12 * var(--u));font-size:calc(17 * var(--u))}.phone .pitch{align-items:center;gap:calc(12 * var(--u));margin:0 calc(16 * var(--u)) calc(16 * var(--u));padding:calc(14 * var(--u));border-radius:calc(16 * var(--u));background:var(--c-surface);flex-wrap:wrap;display:flex}.pitchLogo{width:calc(40 * var(--u));height:calc(40 * var(--u));flex:none}.pitchText{min-width:calc(170 * var(--u));flex:1}.pitchTitle{font-family:var(--f-bodyExtraBold-family);font-weight:var(--f-bodyExtraBold-weight);font-size:calc(14 * var(--u));line-height:calc(18 * var(--u));letter-spacing:calc(.8 * var(--u));text-transform:uppercase}.pitchBody{margin-top:calc(4 * var(--u));font-size:calc(12 * var(--u));line-height:calc(17 * var(--u));color:var(--c-textSecondary)}.pitchCta{min-height:calc(48 * var(--u));padding:0 calc(20 * var(--u));border-radius:calc(12 * var(--u));background:var(--c-brand);color:var(--c-onBrand);font-family:var(--f-bodyExtraBold-family);font-weight:var(--f-bodyExtraBold-weight);font-size:calc(15 * var(--u));letter-spacing:calc(.8 * var(--u));text-transform:uppercase;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}