.demo-banner{background:#f4c96a;color:#362708;text-align:center;padding:9px 12px;font:600 12px/1.5 system-ui;letter-spacing:.025em}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#477b79}.ranking-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.ranking-layout .panel{margin:0}.result-card{background:#eff7f4}.result-card h2{font-size:1.6rem}.date-picker{display:flex;gap:8px;align-items:end;margin:16px 0}.date-picker label{flex:1;min-width:0}.score-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.score-inputs input{font-size:2.1rem!important;text-align:center;height:76px!important;font-weight:750}.result-form .primary{width:100%}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.chart-heading h2{margin:.3rem 0}.period-switch{display:flex;background:#edf2f3;border-radius:10px;padding:4px;gap:3px}.period-switch a{padding:7px 12px;font-size:.83rem;border-radius:7px;text-decoration:none;color:#43515b}.period-switch .selected{background:#fff;box-shadow:0 1px 5px #102d3b18;color:#123e48;font-weight:700}.chart-window{margin:20px 0 4px}.evolution-chart{width:100%;height:auto;display:block}.evolution-chart text{fill:#62777d;font:11px system-ui}.chart-grid{stroke:#e0e8e9;stroke-width:1}.chart-line{fill:none;stroke:#067c78;stroke-width:3;stroke-linejoin:round}.chart-dot{fill:#fff;stroke:#067c78;stroke-width:2;cursor:help}.chart-dot:focus,.chart-dot:hover{r:7;fill:#e5ba65;outline:none}.ranking-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e0e8e9;padding-top:18px;gap:16px}.ranking-metrics span,.ranking-metrics small{display:block;font-size:.75rem;color:#526971}.ranking-metrics strong{display:block;font-size:1.85rem;line-height:1.4;color:#163f47}.chart-data{margin-top:20px}.classification{margin-top:20px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{color:#5e747b;font-size:.75rem;font-weight:650}td,th{padding:12px;border-bottom:1px solid #e5edee;white-space:nowrap}.my-row{background:#edf8f3}.reminder-demo{display:flex;gap:30px;justify-content:space-between;margin-top:20px}.reminder-demo>div{max-width:650px}.reminder-demo form{min-width:260px}.local-reminder{padding:14px;background:#f9edd6;border-radius:10px;color:#754a07}.ranking-preferences{max-width:800px}.court-mode-panel{background:#f2f7f6;border:1px solid #d5e2df;padding:18px;border-radius:16px;margin:16px 0;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}.court-mode-panel h3{margin:4px 0}.court-mode-panel p{margin:6px 0}.court-mode-panel>div{flex:1}.court-mode-panel form{display:flex;align-items:end;gap:10px}.court-mode-panel .mode-explanation,.court-mode-panel>.small,.manual-courts{flex-basis:100%}.manual-courts form{display:block}.manual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}
/* Top-down green court: pair A above the horizontal net, pair B below. */
.courts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.court{overflow:visible!important;border-radius:14px!important;background:#246747!important;padding:0!important;box-shadow:0 5px 15px #163e4220}
.court .court-title{border-radius:12px 12px 0 0;background:#184c37!important;color:#fff!important;padding:16px!important;gap:8px}
.court .court-title .badge{background:#ffffff22;color:#fff}
.court .court-title:after{content:attr(data-pairs);font-size:11px;font-weight:500;margin-left:auto;color:#d4ebdd}
.court .slot-list{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:38px 3px!important;margin:0!important;padding:14px!important;position:relative;background:#358b60;border:9px solid #246747;outline:2px solid #f5fff7;outline-offset:-17px;min-height:0;aspect-ratio:4/5.3}
.court .slot-list:before{content:'';position:absolute;left:-6px;right:-6px;top:50%;height:24px;transform:translateY(-50%);z-index:3;pointer-events:none;border:3px solid #eff7f0;border-top:5px solid #fff;border-radius:2px;box-shadow:0 5px 7px #113f3b44;background-color:#154c38;background-image:repeating-linear-gradient(90deg,transparent 0 5px,#ffffffa8 5px 6px),repeating-linear-gradient(0deg,transparent 0 5px,#ffffffa8 5px 6px)}
.court .slot-list:after{content:'';position:absolute;top:14px;bottom:14px;left:50%;border-left:2px solid #f7fff9;pointer-events:none;z-index:1}
.court .slot-list>li{position:relative;z-index:2;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px!important;padding:28px 12px 20px!important;margin:0;min-width:0;min-height:0;background:#34845d;border:2px solid #f0fff4;border-radius:0!important;box-shadow:none}
.court .slot-list>li:nth-child(1){grid-area:1/1}.court .slot-list>li:nth-child(2){grid-area:1/2}.court .slot-list>li:nth-child(3){grid-area:2/1}.court .slot-list>li:nth-child(4){grid-area:2/2}
.court .player-name{text-align:center;white-space:normal;overflow:visible;font-size:1rem;line-height:1.3;max-width:100%;font-weight:750;color:#fff;flex:none}
.court .avatar{width:min(100%,196px);height:auto;aspect-ratio:1;flex:0 1 auto;border-radius:18px;background:#d9eddf;color:#20533b;font-size:3.2rem;box-shadow:0 3px 7px #123d3522}
.court .avatar img{border-radius:18px}
.court .player-menu,.court .slot-list>li>form{position:absolute;right:6px;top:6px;z-index:5}
.court .player-menu .remove,.court .slot-list>li>form button{width:25px;height:25px;min-width:25px;min-height:25px;padding:0;background:#f0fff1;color:#24583f}
.court .weekly-count{position:absolute;bottom:5px;right:7px;font-size:10px;color:#e0f4e9}
.court .slot-num{display:none}.court .player-menu>div{z-index:9;color:#153e2c}
.court .slot-list>li.vacant-slot{background:#bf343b!important;border-color:#ffe6e7!important;color:#fff}
.court .slot-list .vacant-slot .add-slot{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#fff;background:transparent;border:0;border-radius:0;padding:24px 12px;text-align:center;font-weight:750;font-size:1rem}
.court .slot-list .vacant-slot .add-slot b{display:grid;place-items:center;border:2px solid #ffebec;border-radius:50%;font-size:2.5rem;width:68px;height:68px;background:#ffffff15}
.court .slot-list .vacant-slot .muted{color:#fff;font-weight:700}.court .slot-list .vacant-slot .add-slot:hover{background:#99252b}.court .slot-list .add-slot:focus-visible{outline:4px solid #fff;outline-offset:-6px}
.court .rank-status{font-size:11px;color:#16402c;background:#e9f8ed;border-radius:10px;padding:3px 9px}
.court .pair-position{position:absolute;left:8px;top:7px;font-size:11px;font-weight:700;color:#e9f6ee;z-index:4;pointer-events:none}
.ranking-court-note{font-size:.8rem;color:#567}
@media(max-width:850px){.ranking-layout{grid-template-columns:1fr}.result-card .score-inputs input{height:60px!important}.reminder-demo{display:block}.manual-grid,.pattern-grid{grid-template-columns:repeat(2,1fr)}.reminder-demo form{min-width:0}.ranking-metrics{gap:8px}.ranking-metrics strong{font-size:1.4rem}}
@media(max-width:600px){.courts{grid-template-columns:1fr!important}.court-mode-panel form{width:100%;flex-wrap:wrap}.court-mode-panel form label{flex:1}.court-mode-panel form button{width:100%}.chart-heading{gap:12px}.ranking-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-metrics small{font-size:.65rem}.period-switch a{padding:7px 10px}.reminder-demo{margin-top:14px}.page-heading{align-items:start;gap:12px;flex-wrap:wrap}}

.court-swap-help{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:1px solid #9bbca8;background:#edf7ee;border-radius:12px;margin:0 0 18px}.court-swap-help p{font-size:.85rem;margin:5px 0 0;color:#42634f}.court-swap-help button{flex:none}.court .slot-list>li[draggable=true]{cursor:grab}.court .slot-list>li[draggable=true]:active{cursor:grabbing}.court .slot-list>li[draggable=true] .avatar img{pointer-events:none}.court .swap-pick{position:absolute;left:7px;bottom:6px;font-size:11px;min-height:25px;padding:3px 9px;background:#f4fff7;color:#24583f;border-radius:6px;z-index:6}.court .swap-empty{display:none}.courts[data-selected] .court .swap-empty{display:block}.court .slot-list>li.swap-source{outline:4px solid #ffd45e;outline-offset:-6px}.court .slot-list>li.swap-target{outline:6px solid #ffdc58;outline-offset:-8px;box-shadow:inset 0 0 0 11px #193c2a70}.court .slot-list>li.swap-target:after{content:'⇄';position:absolute;right:10px;bottom:38px;background:#ffdf66;border-radius:50%;color:#173c28;font-size:30px;width:45px;height:45px;text-align:center;pointer-events:none}.swap-saving{opacity:.7;pointer-events:none}.court .swap-pick:focus-visible{outline:3px solid #ffe177;outline-offset:3px}
/* Illustrated court finish: one playing surface, generous circular portraits and a softly raised net. */
.court{border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none;padding:0!important}
.court .court-title{border-radius:18px 18px 0 0;background:#102b3a!important;color:#fff!important;padding:13px 13px 17px!important}
.court .court-title h3{font-size:1.1rem}.court .court-title .badge{color:#f5fff0;background:#ffffff22;border:0}.court .court-title:after{color:#e1efd9;font-size:12px}
.court .slot-list{border:0;outline:none;border-radius:0 0 12px 12px;gap:28px 0!important;padding:17px!important;aspect-ratio:4/5.3;background-color:#c5de79;background-image:repeating-linear-gradient(81deg,#ffffff16 0 1px,transparent 1px 5px),repeating-linear-gradient(7deg,#47681c0d 0 1px,transparent 1px 4px),radial-gradient(ellipse at 35% 20%,#ffffff14,transparent 65%),linear-gradient(125deg,#d8eb91 0%,#c7df7c 55%,#b7d26d 100%);box-shadow:none;isolation:isolate}
.court .slot-list>li{background:transparent;border:0;box-shadow:none;padding:28px 8px 23px!important;gap:10px!important;border-radius:0!important}
.court .slot-list>li:nth-child(1){border-radius:8px 0 0 0!important}.court .slot-list>li:nth-child(2){border-radius:0 8px 0 0!important}.court .slot-list>li:nth-child(3){border-radius:0 0 0 8px!important}.court .slot-list>li:nth-child(4){border-radius:0 0 8px 0!important}
.court .slot-list:after{inset:16px;left:16px;border:2px solid #edffe5;border-radius:0;z-index:0;background:linear-gradient(90deg,transparent calc(50% - 1px),#f1ffe699 calc(50% - 1px),#f1ffe699 calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent 19%,#f1ffe6a8 19%,#f1ffe6a8 calc(19% + 2px),transparent calc(19% + 2px),transparent 81%,#f1ffe6a8 81%,#f1ffe6a8 calc(81% + 2px),transparent calc(81% + 2px));box-shadow:none;pointer-events:none}
.court .slot-list:before{left:-19px;right:-19px;top:50%;height:38px;border:0;border-top:5px solid #f8fff3;border-bottom:2px solid #20473a;border-left:9px solid #315b42;border-right:9px solid #315b42;border-radius:5px;transform:translateY(-50%) perspective(200px) rotateX(-25deg);background-color:#2b634bdd;background-image:repeating-linear-gradient(90deg,transparent 0 6px,#dbf0d9a8 6px 7px),repeating-linear-gradient(0deg,transparent 0 6px,#dbf0d9a8 6px 7px);box-shadow:0 12px 8px -4px #1b483e55,0 1px 1px #102b2544,inset 0 -3px 5px #173c3033;z-index:4}
.court .avatar{width:min(100%,202px);border-radius:50%;background:radial-gradient(circle at 35% 25%,#f6ffe9,#deedcf 65%,#cfdfbc);border:5px solid #f2f9e9;box-shadow:0 8px 12px #1c543b35,inset 0 1px 2px #fff;color:#315c3c;font-size:3.3rem}
.court .avatar img{border-radius:50%}
.court .player-name{font-size:1.05rem;color:#102b3a;text-shadow:none;line-height:1.3}
.court .rank-status{background:#f1f8e8;color:#365740;font-size:12px;padding:3px 10px;box-shadow:0 1px 2px #24563b25}
.court .pair-position{font-size:11px;color:#455d2e;font-weight:600;top:6px;left:8px}
.court .player-menu .remove,.court .slot-list>li>form button{border-radius:50%;box-shadow:0 1px 3px #234c3430;background:#edf8e9f0}
.court .weekly-count{color:#455d2e;font-size:11px}
.court .swap-pick{background:#edf7e5f0;border:0;color:#315c3b;font-size:12px;padding:4px 11px;border-radius:14px;box-shadow:0 2px 4px #21563522;bottom:3px}
.court .slot-list>li.vacant-slot{background:linear-gradient(135deg,#d55253,#b83742)!important;border:0!important;box-shadow:inset 0 0 28px #96243320}
.court .slot-list .vacant-slot .add-slot{font-size:1.15rem;gap:18px;border-radius:inherit;text-shadow:0 1px 1px #78242a55}
.court .slot-list .vacant-slot .add-slot b{width:90px;height:90px;font-size:3rem;background:#ffffff1c;border:3px solid #ffece3;box-shadow:0 5px 8px #7e26312b}
.court .slot-list .vacant-slot .add-slot:hover{background:#922c3a44}
.court .slot-list>li.swap-source{outline:4px solid #ffe388;outline-offset:-5px;background:#ffd76f18}
.court .slot-list>li.swap-target{outline:5px solid #ffe388;outline-offset:-6px;background:#ffea9422;box-shadow:inset 0 0 25px #fff1a022}
.court .slot-list>li.swap-target:after{background:#ffe69b;box-shadow:0 3px 6px #2e593138}

#court-swap-feedback{position:fixed;right:24px;bottom:22px;z-index:1000;max-width:430px;padding:15px 20px;border:1px solid #a3c6ac;border-radius:14px;background:#f3fff2;color:#234f31;box-shadow:0 6px 24px #10372133;font-size:15px;line-height:1.45}#court-swap-feedback.error{background:#fff0eb;color:#83352a;border-color:#e2aa98}.courts{overflow-anchor:none}
/* Mac overview: four vertical courts in one row, with no browser zoom. */
@media(min-width:1100px){
body:has([data-court-swap]) .workspace{max-width:1560px;padding-inline:28px}
body:has([data-court-swap]) .topbar{height:58px}
body:has([data-court-swap]) .mainnav{margin-bottom:14px}
body:has([data-court-swap]) .mainnav a{padding-block:12px}
body:has([data-court-swap]) .page-heading{margin-bottom:14px}
body:has([data-court-swap]) .day-pill{padding:6px 15px;min-width:90px}
body:has([data-court-swap]) .day-pill strong{font-size:1.3rem}
body:has([data-court-swap]) .visibility-note{margin:6px 0 12px}
body:has([data-court-swap]) .day-heading{margin:12px 0}
.courts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:26px!important}
.court .court-title{padding:10px!important;gap:4px}
.court .court-title:after{font-size:10px}
.court .slot-list{aspect-ratio:auto;height:430px;padding:10px!important;gap:30px 0!important}
.court .slot-list>li{padding:23px 5px 25px!important;gap:5px!important}
.court .avatar{width:min(100%,100px);border-width:3px;font-size:2rem}
.court .player-name{font-size:13px;line-height:1.2}
.court .rank-status{font-size:10px;padding:2px 6px}
.court .slot-list:after{inset:9px}
.court .slot-list:before{left:-8px;right:-8px;height:30px;border-left-width:5px;border-right-width:5px}
.court .slot-list .vacant-slot .add-slot{font-size:14px;padding:16px 6px;gap:12px}
.court .slot-list .vacant-slot .add-slot b{width:58px;height:58px;font-size:2rem}
.court .swap-pick{font-size:10px;padding:3px 7px;min-height:22px}
.court .pair-position,.court .weekly-count{font-size:10px}
.court-mode-panel{padding:10px 14px;margin:10px 0;gap:5px 12px}
.court-mode-panel p{font-size:12px;margin:2px 0}
.court-mode-panel h3{font-size:1rem;margin:1px 0}
.court-mode-panel label{margin-bottom:0;font-size:12px}
.court-mode-panel select{min-height:34px;padding:5px 10px;margin-top:2px}
.court-mode-panel button{min-height:34px;font-size:13px;padding:7px 12px}
.manual-courts summary{font-size:12px}
.court-swap-help{padding:8px 12px;margin-bottom:12px;gap:8px}
.court-swap-help strong{font-size:13px}.court-swap-help p{font-size:12px;margin-top:2px}
}
/* Essential controls only; instructions stay available to assistive technology. */
.court-mode-panel>div,.court-mode-panel>p{display:none}
.court-mode-panel{align-items:center;justify-content:flex-end}
.court-mode-panel form{align-items:center}
.court-mode-panel form label{margin:0}
.court-mode-panel .manual-courts{flex-basis:auto;margin:0;padding:0;border:0;font-size:12px;margin-right:auto;order:-1}
.court-mode-panel .manual-courts[open]{flex-basis:100%;order:2}
.court-swap-help{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.demo-banner{padding:3px 10px;font-size:10px}
@media(min-width:1100px){.court-mode-panel{padding:8px 12px;min-height:52px}.court-mode-panel form label{display:flex;align-items:center;gap:10px}.court-mode-panel select{margin:0}.court-mode-panel .manual-courts summary{padding:0}.court .slot-list{height:400px}}
.week-heading>.court-mode-panel{position:relative;margin:0 0 0 auto;padding:0;border:0;background:transparent;min-height:0;flex-wrap:nowrap;gap:12px}
.week-heading>.week-actions{margin-left:0}
.week-heading .court-mode-panel .manual-courts{position:relative;order:0;margin:0;flex-basis:auto}
.week-heading .manual-courts[open]>form{position:absolute;right:0;top:28px;background:#fff;padding:18px;border:1px solid #dfe6e9;border-radius:12px;width:min(850px,85vw);z-index:40;box-shadow:0 6px 20px #102b3a22;display:block}
@media(min-width:1100px){body:has([data-court-swap]) .week-heading{gap:15px}.week-heading h1{font-size:1.5rem}.week-heading .court-mode-panel form label{white-space:nowrap}.week-heading .manual-courts summary{max-width:140px;font-size:11px}}
@media(min-width:1100px){
body:has([data-court-swap]) .weather-day{padding-top:16px}
body:has([data-court-swap]) .day-weather summary{width:30px;height:30px;padding:3px}
body:has([data-court-swap]) .weather-icon{width:24px;height:24px}
body:has([data-court-swap]) .week-strip-with-missing{padding-bottom:22px}
body:has([data-court-swap]) .day-missing{width:27px;min-width:27px;height:27px;font-size:17px}
.court .slot-list{height:350px}.court .avatar{width:min(100%,85px);font-size:1.8rem}.court .slot-list>li{padding:20px 5px 23px!important;gap:3px!important}
}
@media(min-width:1100px){.court .avatar{width:72px;height:72px;flex:none;aspect-ratio:1}.court .slot-list>li{padding-top:17px!important;padding-bottom:21px!important}}
@media(min-width:1100px){.court .avatar{transform:translateY(-4px);min-width:72px;min-height:72px;max-width:72px;max-height:72px}}
/* Keep each raised net separate from its neighbour in the four-court view. */
@media(min-width:1100px){.court .slot-list:before{left:-3px;right:-3px;transform:translateY(-50%) perspective(300px) rotateX(-18deg)}}

.court .court-title:after{content:none;display:none}
/* Weekly assigned-match count is rendered for administrators only. */
.court .weekly-count{font-size:13px;font-weight:750;line-height:1.2;color:#294222}
@media(max-width:600px){.court .weekly-count{font-size:15px;bottom:7px;right:9px}}

.ranking-layout>*{min-width:0}.chart-window{max-width:100%;overflow-x:auto}.chart-year .chart-line{stroke-width:1.5}.chart-year .chart-dot{stroke-width:1.2}.chart-year .chart-dot:hover,.chart-year .chart-dot:focus{r:4}.chart-window:focus-visible{outline:2px solid #067c78;outline-offset:3px}

.chart-month-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 18px;font-size:11px;color:#40575d}.chart-month-legend span{display:inline-flex;align-items:center;gap:5px}.chart-month-legend i{width:13px;height:13px;border:1px solid #bdcbc6;border-radius:2px}

.chart-year .evolution-chart{width:auto;max-width:none;height:250px}.chart-month-legend .month-warm{background:#f4eddc}.chart-month-legend .month-cool{background:#e7f1ed}

/* Compact, non-wrapping player stacks on phones and tablets. */
@media(max-width:1099px){.court .slot-list{aspect-ratio:auto;height:440px}.court .slot-list>li{flex-wrap:nowrap;padding:26px 5px 28px!important;gap:5px!important}.court .avatar{width:76px;height:76px;min-width:76px;min-height:76px;max-width:76px;max-height:76px;flex:none;font-size:1.8rem;border-width:3px}.court .player-name{flex:none;font-size:14px;line-height:1.2;overflow-wrap:anywhere}.court .rank-status{font-size:11px;padding:2px 6px}.court .slot-list:before{left:-3px;right:-3px;height:28px;border-left-width:4px;border-right-width:4px}.court .slot-list .vacant-slot .add-slot b{width:60px;height:60px;font-size:2rem}}

/* Touch controls keep number fields manually editable. */
.score-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;margin-top:6px}
.score-stepper button{min-width:44px;min-height:44px;padding:0;font-size:1.5rem;touch-action:manipulation}
.score-inputs .score-stepper input{min-width:0;width:100%;padding:4px;margin:0;font-size:1.6rem!important;appearance:textfield;-moz-appearance:textfield}
.score-stepper input::-webkit-inner-spin-button,.score-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(min-width:851px){.result-card .score-inputs{grid-template-columns:1fr}}
@media(max-width:360px){.score-inputs{grid-template-columns:1fr}}

/* v1.0.3: compact vertical touch controls, shared by daily result forms. */
.score-inputs,.result-card .score-inputs{grid-template-columns:repeat(2,minmax(0,108px));gap:24px;justify-content:start}
.score-inputs>label{min-width:0;text-align:center;font-weight:750}
.score-stepper{display:flex;flex-direction:column;gap:0;margin-top:8px;border:2px solid var(--score-color);border-radius:24px;overflow:hidden;background:var(--score-bg)}
.score-wins{--score-color:#155da8;--score-bg:#edf5ff}
.score-losses{--score-color:#b32635;--score-bg:#fff0f1}
.score-stepper button{width:100%;min-height:48px;min-width:44px;border:0;border-radius:0;background:transparent;color:var(--score-color);font-size:1.85rem;font-weight:700;line-height:1;box-shadow:none}
.score-stepper button:hover{background:var(--score-color);color:#fff}
.score-stepper button:focus-visible{outline:3px solid var(--score-color);outline-offset:-5px}
.score-inputs .score-stepper input,.result-card .score-inputs .score-stepper input{height:80px!important;border:0;border-radius:0;background:transparent;color:var(--score-color);font-size:4rem!important;line-height:1;font-weight:800;box-shadow:none}
.score-stepper input:focus-visible{outline:2px solid var(--score-color);outline-offset:-4px}