:root{color-scheme:dark;--bg:#071019;--surface:#0b1622;--surface-2:#101e2b;--surface-3:#142536;--line:#223343;--line-strong:#385069;--text:#f4f7f5;--muted:#8fa4b4;--muted-2:#60778a;--green:#20d889;--green-dark:#0a513b;--green-soft:rgba(32,216,137,.11);--amber:#ffb84d;--amber-soft:rgba(255,184,77,.11);--red:#ff5f6d;--red-soft:rgba(255,95,109,.12);--shadow:0 24px 80px rgba(0,0,0,.28);--radius:12px;--display:'Barlow Condensed','Arial Narrow','Aptos Narrow',sans-serif;--body:'Manrope',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif} *{box-sizing:border-box} html{min-height:100%;background:var(--bg)} body{min-width:320px;min-height:100vh;margin:0;color:var(--text);font-family:var(--body);background:radial-gradient(circle at 12% -10%,rgba(32,216,137,.10),transparent 30rem),radial-gradient(circle at 95% 12%,rgba(44,99,145,.10),transparent 36rem),var(--bg)} button,input,select{font:inherit} button{color:inherit} button,label,select{-webkit-tap-highlight-color:transparent} button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(32,216,137,.42);outline-offset:2px} .skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;border-radius:8px;color:#05120c;background:var(--green);font-weight:800} .skip-link:focus{transform:translateY(0)} .app-shell{width:min(100%,1600px);min-height:100vh;margin:0 auto;padding:16px} .topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:12px 18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(8,20,30,.92);box-shadow:0 10px 36px rgba(0,0,0,.18);backdrop-filter:blur(16px)} .brand{display:inline-flex;align-items:center;gap:12px;min-width:0} .brand-mark{position:relative;display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:4px solid var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(32,216,137,.09)} .brand-mark::before{content:'';width:17px;height:17px;border:3px solid var(--text);border-radius:50%} .brand-mark::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--green)} .brand-word{overflow:hidden;font:800 clamp(1.75rem,3vw,2.35rem)/.9 var(--display);font-style:italic;letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .live-label{font:700 1.15rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase} .live-label strong{color:var(--green)} .topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0} .match-format{overflow:hidden;color:var(--muted);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap} .icon-button,.ghost-button,.secondary-button,.primary-button,.danger-button{border:1px solid var(--line-strong);border-radius:9px;cursor:pointer;transition:transform 140ms ease,border-color 140ms ease,background 140ms ease,color 140ms ease} .icon-button:active,.ghost-button:active,.secondary-button:active,.primary-button:active,.danger-button:active{transform:translateY(1px)} .icon-button{display:grid;min-width:44px;min-height:44px;place-items:center;background:var(--surface-2);font-size:1.3rem} .ghost-button{min-height:44px;padding:0 16px;background:transparent;color:var(--muted);font-weight:700} .ghost-button:hover{color:var(--text);border-color:var(--muted-2)} .secondary-button{min-height:52px;padding:0 18px;background:var(--surface-2);font-weight:800} .secondary-button:hover{border-color:var(--muted);background:var(--surface-3)} .primary-button{min-height:58px;padding:0 24px;border-color:var(--green);color:#04130d;background:linear-gradient(180deg,#25e496,#17b874);box-shadow:0 10px 28px rgba(32,216,137,.16);font-weight:800} .primary-button:hover{filter:brightness(1.06)} .primary-button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.46;box-shadow:none} .danger-button{min-height:48px;padding:0 18px;border-color:rgba(255,95,109,.45);color:#ff9099;background:var(--red-soft);font-weight:800} .eyebrow{margin:0 0 8px;color:var(--green);font:700 .82rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase} .section-title{margin:0;font:800 clamp(2.3rem,6vw,4.8rem)/.9 var(--display);letter-spacing:.01em;text-transform:uppercase} .section-copy{max-width:48rem;margin:14px 0 0;color:var(--muted);line-height:1.65} .setup-page{padding:clamp(34px,7vw,90px) 0 60px} .setup-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(28px,6vw,84px);align-items:end;padding:0 clamp(2px,3vw,42px) 44px} .hero-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-weight:800;letter-spacing:.12em;text-transform:uppercase} .hero-kicker::before{content:'';width:28px;height:2px;background:var(--green)} .hero-title{max-width:780px;margin:14px 0 0;font:800 clamp(4rem,10vw,8.6rem)/.78 var(--display);letter-spacing:-.025em;text-transform:uppercase} .hero-title span{color:transparent;-webkit-text-stroke:1px var(--muted-2)} .hero-note{align-self:center;padding:22px 0 4px 24px;border-left:2px solid var(--green);color:var(--muted);line-height:1.7} .setup-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:18px} .panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(16,30,43,.92),rgba(9,21,32,.94));box-shadow:var(--shadow)} .setup-card{padding:clamp(20px,4vw,36px)} .panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px} .panel-heading h2{margin:0;font:800 2rem/1 var(--display);letter-spacing:.03em;text-transform:uppercase} .panel-heading p{margin:0;color:var(--muted);font-size:.85rem} .form-section + .form-section{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)} .form-label{display:block;margin-bottom:10px;color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .choice-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .game-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .game-choice-grid .choice-pill span{min-height:70px;padding:10px;font-size:1.4rem;line-height:1.05;text-align:center} .choice-row.three{grid-template-columns:repeat(3,1fr)} .choice-pill{position:relative} .choice-pill input{position:absolute;opacity:0;pointer-events:none} .choice-pill span{display:grid;min-height:64px;place-items:center;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);font:800 1.75rem/1 var(--display);cursor:pointer} .choice-pill input:checked + span{border-color:var(--green);color:var(--green);background:var(--green-soft);box-shadow:inset 0 -3px 0 var(--green)} .choice-pill input:focus-visible + span{outline:3px solid rgba(32,216,137,.42);outline-offset:2px} .choice-pill.compact span{min-height:54px;font-size:1.35rem} .conditional-settings{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:rgba(7,16,25,.38)} .settings-subtitle{margin-top:5px} .setup-info{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 15px;border:1px solid rgba(32,216,137,.28);border-radius:9px;color:var(--muted);background:var(--green-soft);line-height:1.5} .setup-info strong{flex:0 0 auto;color:var(--green);font-family:var(--display);font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase} .setup-info span{font-size:.82rem} .team-info{border-color:rgba(255,184,77,.3);background:var(--amber-soft)} .team-info strong{color:var(--amber)} .sequence-format-info{margin-top:0} .select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .select-field select{width:100%;min-height:54px;padding:0 14px;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);background:var(--surface)} .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:15px 16px;border:1px solid var(--line);border-radius:9px;background:rgba(7,16,25,.42)} .toggle-copy strong{display:block} .toggle-copy small{display:block;margin-top:4px;color:var(--muted)} .switch{position:relative;display:inline-flex;flex:0 0 auto} .switch input{position:absolute;opacity:0} .switch-track{width:52px;height:30px;border-radius:999px;background:var(--line-strong);cursor:pointer;transition:background 150ms ease} .switch-track::after{content:'';position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--text);transition:transform 150ms ease} .switch input:checked + .switch-track{background:var(--green-dark)} .switch input:checked + .switch-track::after{transform:translateX(22px);background:var(--green)} .player-editor{display:grid;gap:10px} .player-row{display:grid;grid-template-columns:42px minmax(0,1fr) 44px;gap:10px;align-items:center} .player-number{display:grid;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font:800 1.25rem/1 var(--display)} .player-row input{min-width:0;min-height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);background:var(--surface);font-weight:700} .remove-player{height:44px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:transparent;cursor:pointer} .remove-player:disabled{cursor:not-allowed;opacity:.25} .compact-heading{margin-bottom:14px} .form-help{margin:-4px 0 14px;color:var(--muted);font-size:.82rem;line-height:1.5} .add-player-button{width:100%;margin-top:12px} .handicap-list{display:grid;gap:9px} .handicap-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;min-height:64px;padding:9px 10px 9px 15px;border:1px solid var(--line);border-radius:9px;background:rgba(7,16,25,.44)} .handicap-row strong,.handicap-row small{display:block} .handicap-row strong{font-family:var(--display);font-size:1.2rem;letter-spacing:.03em;text-transform:uppercase} .handicap-row small{margin-top:3px;color:var(--muted)} .handicap-row input{width:100%;min-height:44px;padding:0 10px;border:1px solid var(--line-strong);border-radius:7px;color:var(--text);background:var(--surface);font:800 1.3rem/1 var(--display);text-align:center} .setup-actions{display:flex;gap:10px;margin-top:24px} .setup-actions .primary-button{flex:1} .setup-actions.final-action{padding-top:22px;border-top:1px solid var(--line)} .history-card{padding:clamp(20px,4vw,32px)} .empty-state{padding:38px 18px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);text-align:center} .history-list{display:grid;gap:10px} .history-item{padding:14px 15px;border:1px solid var(--line);border-radius:9px;background:rgba(7,16,25,.5)} .history-item-top{display:flex;justify-content:space-between;gap:10px} .history-item strong{font-family:var(--display);font-size:1.2rem;letter-spacing:.03em;text-transform:uppercase} .history-item time,.history-item p{color:var(--muted);font-size:.78rem} .history-item p{margin:8px 0 0} .game-page{padding-top:18px} .game-grid{display:grid;grid-template-columns:minmax(270px,.96fr) minmax(260px,.7fr) minmax(390px,1.08fr);gap:18px;align-items:stretch} .game-panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(13,28,41,.96),rgba(7,18,28,.96));box-shadow:0 14px 46px rgba(0,0,0,.2)} .scoreboard-list{display:grid;gap:12px} .player-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 82px;min-height:188px;overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:rgba(9,22,33,.84);transition:border-color 180ms ease,background 180ms ease,transform 180ms ease} .player-card.active{border-color:var(--green);background:linear-gradient(90deg,rgba(10,81,59,.28),rgba(9,22,33,.9) 48%)} .player-card.active::before{content:'';position:absolute;inset:0 auto 0 0;width:8px;background:var(--green);box-shadow:0 0 22px rgba(32,216,137,.68)} .player-main{min-width:0;padding:20px 18px 16px 30px} .player-state{display:flex;align-items:center;gap:10px;color:var(--muted);font:700 .86rem/1 var(--body);letter-spacing:.13em;text-transform:uppercase} .player-state-dot{width:10px;height:10px;border-radius:50%;background:var(--muted-2)} .active .player-state{color:var(--green)} .active .player-state-dot{background:var(--green);box-shadow:0 0 15px rgba(32,216,137,.7)} .player-name{overflow:hidden;margin:14px 0 0;font:800 clamp(2rem,4vw,3.25rem)/.86 var(--display);letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .team-members{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .team-member{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(7,16,25,.5);font-size:.7rem;font-weight:800} .team-member.throwing{border-color:var(--green);color:var(--green);background:var(--green-soft)} .remaining{margin-top:8px;font:800 clamp(5.2rem,10vw,9.7rem)/.72 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums} .handicap-badge{display:inline-flex;margin-top:12px;padding:5px 8px;border:1px solid rgba(255,184,77,.35);border-radius:6px;color:var(--amber);background:var(--amber-soft);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .player-counters{display:grid;grid-template-rows:repeat(2,1fr);border-left:1px solid var(--line);background:rgba(3,12,19,.36)} .counter{display:grid;align-content:center;justify-items:center;padding:8px} .counter + .counter{border-top:1px solid var(--line)} .counter span{color:var(--muted);font:700 .77rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase} .counter strong{margin-top:7px;font:800 2.7rem/.8 var(--display);font-variant-numeric:tabular-nums} .active .counter strong{color:var(--green)} .scoreboard-panel{padding:12px} .cricket-scoreboard{align-self:stretch;overflow:hidden} .cricket-scroll{height:100%;overflow-x:auto} .cricket-table{width:100%;height:100%;min-width:430px;border-collapse:collapse;table-layout:fixed} .cricket-table th,.cricket-table td{border:1px solid var(--line);text-align:center} .cricket-table thead th{min-width:116px;padding:10px 8px;background:rgba(7,16,25,.58)} .cricket-table thead th:first-child,.cricket-table tbody th,.cricket-table tfoot th{width:68px;min-width:68px;color:var(--muted);font:800 1rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase} .cricket-table thead strong{display:block;overflow:hidden;font:800 1.15rem/1 var(--display);letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .cricket-table thead small{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px} .cricket-member{padding:3px 5px;border-radius:999px;color:var(--muted);font-size:.58rem;font-weight:700} .cricket-member.throwing{color:#04130d;background:var(--green)} .cricket-table tbody th{padding:5px;font-size:1.6rem} .cricket-table tbody td{height:53px;background:rgba(9,22,33,.62)} .cricket-table .active-side{background:rgba(32,216,137,.075)} .cricket-table thead .active-side{box-shadow:inset 0 3px 0 var(--green)} .cricket-marker{display:inline-grid;width:38px;height:38px;place-items:center;color:var(--text);font:800 2rem/1 var(--display)} .cricket-marker.empty{color:var(--muted-2)} .cricket-marker.closed{border:1px solid rgba(32,216,137,.42);border-radius:50%;color:var(--green);background:var(--green-soft);font-size:1.15rem} .cricket-table tfoot th,.cricket-table tfoot td{padding:10px 6px;background:rgba(4,13,20,.7)} .cricket-points strong{display:block;color:var(--amber);font:800 2.2rem/.8 var(--display)} .cricket-points small{display:block;margin-top:6px;color:var(--muted);font-size:.6rem} .sequence-scoreboard{display:flex;flex-direction:column;gap:12px} .sequence-banner{display:grid;min-height:132px;place-items:center;padding:15px;border:1px solid rgba(32,216,137,.34);border-radius:10px;background:linear-gradient(145deg,rgba(32,216,137,.15),rgba(7,18,28,.72));text-align:center} .sequence-banner span{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase} .sequence-banner strong{font:800 clamp(3.4rem,7vw,5.8rem)/.72 var(--display);letter-spacing:-.02em} .sequence-banner small{color:var(--muted)} .sequence-card-list{display:grid;gap:9px} .sequence-card{padding:14px;border:1px solid var(--line-strong);border-radius:10px;background:rgba(9,22,33,.82)} .sequence-card.active{border-color:var(--green);background:linear-gradient(100deg,rgba(10,81,59,.27),rgba(9,22,33,.88));box-shadow:inset 5px 0 0 var(--green)} .sequence-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .sequence-card-head span{color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .sequence-card.active .sequence-card-head span{color:var(--green)} .sequence-card-head h2{overflow:hidden;margin:5px 0 0;font:800 1.55rem/.9 var(--display);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .sequence-card-head>strong{flex:0 0 auto;color:var(--green);font:800 2.8rem/.72 var(--display);font-variant-numeric:tabular-nums} .sequence-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:12px} .sequence-step{display:grid;min-height:29px;place-items:center;border:1px solid var(--line);border-radius:5px;color:var(--muted-2);background:rgba(7,16,25,.45);font:800 .78rem/1 var(--display);font-variant-numeric:tabular-nums} .sequence-step.done{border-color:rgba(32,216,137,.18);color:#76bca0;background:rgba(32,216,137,.07)} .sequence-step.current{border-color:var(--green);color:#04130d;background:var(--green);box-shadow:0 0 12px rgba(32,216,137,.28)} .sequence-card-meta,.shanghai-card-meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:.67rem} .shanghai-card .sequence-card-head>strong{color:var(--amber);font-size:3.4rem} .shanghai-card-meta{padding-top:9px;border-top:1px solid var(--line)} .shared-round-track{margin-top:auto;padding:13px;border:1px solid var(--line);border-radius:9px;background:rgba(7,16,25,.42)} .shared-round-track .form-label{margin:0} .sequence-turn-summary{border-color:rgba(255,184,77,.34);background:linear-gradient(145deg,rgba(255,184,77,.1),rgba(7,18,28,.72))} .sequence-turn-summary span{color:var(--amber)} .shanghai-notice{font-weight:800;letter-spacing:.06em} .turn-panel{display:flex;flex-direction:column;padding:20px;text-align:center} .panel-title{margin:0;font:800 2.3rem/.9 var(--display);letter-spacing:.04em;text-transform:uppercase} .turn-player{margin-top:8px;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .throw-slots{display:grid;gap:10px;margin-top:18px} .throw-slot{display:grid;min-height:78px;place-items:center;border:2px solid var(--line-strong);border-radius:9px;color:var(--muted);background:rgba(8,19,29,.62);font:800 1.55rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;transition:border 140ms ease,background 140ms ease} .throw-slot.filled{border-color:var(--muted-2);color:var(--text);background:var(--surface-2)} .throw-slot.draft{border-color:var(--green);color:var(--green)} .throw-slot small{display:block;margin-top:4px;color:var(--muted);font:600 .68rem/1 var(--body);letter-spacing:.08em} .checkout-box{margin-top:20px} .checkout-label{color:var(--amber);font:800 1.05rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase} .checkout-route{display:grid;min-height:64px;margin-top:9px;place-items:center;padding:8px 12px;border:1px solid rgba(255,184,77,.72);border-radius:9px;color:var(--amber);background:var(--amber-soft);font:800 clamp(1.45rem,3vw,2.1rem)/1 var(--display);letter-spacing:.04em} .checkout-route.muted{border-color:var(--line);color:var(--muted-2);background:rgba(7,16,25,.35);font-size:1.2rem} .checkout-alternatives{display:grid;gap:6px;margin-top:7px} .checkout-alternative{padding:6px 9px;border:1px solid rgba(255,184,77,.2);border-radius:7px;color:#c99446;background:rgba(255,184,77,.05);font:700 .82rem/1 var(--body);letter-spacing:.04em} .cricket-turn-summary{display:grid;min-height:112px;margin-top:20px;place-items:center;padding:12px;border:1px solid rgba(32,216,137,.32);border-radius:9px;background:var(--green-soft)} .cricket-turn-summary span{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .cricket-turn-summary strong{font:800 3.8rem/.7 var(--display)} .cricket-turn-summary small{color:var(--muted)} .turn-notice{min-height:42px;margin-top:10px;color:var(--muted);font-size:.8rem;line-height:1.45} .turn-notice.bust{color:var(--red)} .turn-notice.finish{color:var(--green)} .turn-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:auto;padding-top:18px} .undo-button{min-height:52px;border:1px solid var(--line-strong);border-radius:9px;color:var(--muted);background:var(--surface-2);cursor:pointer;font-weight:800;letter-spacing:.03em} .undo-button:disabled{cursor:not-allowed;opacity:.35} .input-panel{display:flex;flex-direction:column;padding:18px} .input-panel .panel-title{text-align:center} .input-help{margin:7px 0 14px;color:var(--muted);font-size:.78rem;text-align:center} .input-mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;padding:4px;border:1px solid var(--line);border-radius:9px;background:rgba(7,16,25,.52)} .input-mode-button{min-height:42px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font:800 1rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase} .input-mode-button.active{color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px rgba(32,216,137,.35)} .multiplier-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:12px;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden} .multiplier-button{min-height:54px;border:0;border-right:1px solid var(--line-strong);color:var(--muted);background:rgba(9,22,33,.72);cursor:pointer;font:800 1.15rem/1 var(--display);letter-spacing:.05em;text-transform:uppercase} .multiplier-button:last-child{border-right:0} .multiplier-button.active{color:var(--green);background:var(--green-soft);box-shadow:inset 0 -3px 0 var(--green)} .number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px} .cricket-target-grid{grid-template-columns:repeat(3,1fr)} .score-key{min-height:clamp(50px,6.6vh,67px);border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(180deg,#142739,#10202f);cursor:pointer;font:800 clamp(1.45rem,3vw,2rem)/1 var(--display);font-variant-numeric:tabular-nums;transition:transform 100ms ease,border-color 120ms ease,background 120ms ease} .score-key:hover{border-color:var(--muted-2);background:var(--surface-3)} .score-key:active{transform:translateY(2px)} .special-grid{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:8px;margin-top:8px} .special-key{min-height:55px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-2);cursor:pointer;font:800 1.1rem/1 var(--display);letter-spacing:.05em;text-transform:uppercase} .special-key.bull{border-color:rgba(32,216,137,.5);color:var(--green);background:var(--green-soft)} .confirm-button{width:100%;min-height:68px;margin-top:12px;border:1px solid var(--green);border-radius:9px;color:#04130d;background:linear-gradient(180deg,#25df92,#16ac6d);cursor:pointer;font:800 2rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;transition:filter 140ms ease,transform 100ms ease} .confirm-button:active{transform:translateY(2px)} .confirm-button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.4} .confirm-button.bust-ready{border-color:var(--red);color:#fff;background:linear-gradient(180deg,#e45160,#a82e3a)} .quick-display{display:grid;min-height:78px;place-items:center;margin-bottom:10px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(6,15,23,.72);font:800 3.7rem/.8 var(--display);font-variant-numeric:tabular-nums} .quick-display.placeholder{color:var(--muted-2)} .preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:9px} .preset-key{min-height:42px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--surface-2);cursor:pointer;font:800 1.08rem/1 var(--display)} .preset-key:hover{color:var(--text);border-color:var(--muted-2)} .quick-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px} .quick-key{min-height:54px;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(180deg,#142739,#10202f);cursor:pointer;font:800 1.7rem/1 var(--display)} .quick-key.utility{color:var(--muted);font-size:1rem} .quick-checkout-options{margin-top:10px;padding:10px;border:1px solid rgba(255,184,77,.35);border-radius:9px;background:var(--amber-soft)} .quick-checkout-options .form-label{color:var(--amber)} .quick-option-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .quick-option{min-height:40px;border:1px solid rgba(255,184,77,.35);border-radius:7px;color:#d9a24d;background:rgba(7,16,25,.45);cursor:pointer;font-weight:800} .quick-option.active{border-color:var(--amber);color:#111;background:var(--amber)} .quick-warning{min-height:20px;margin:8px 0 0;color:var(--red);font-size:.75rem;text-align:center} .stats-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:rgba(8,20,30,.88)} .stat{min-width:0;padding:16px;text-align:center} .stat + .stat{border-left:1px solid var(--line)} .stat:nth-child(5){border-left:0} .stat:nth-child(n+5){border-top:1px solid var(--line)} .stat span{display:block;overflow:hidden;color:var(--muted);font:700 .78rem/1 var(--body);letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .stat strong{display:block;margin-top:8px;font:800 clamp(2rem,5vw,3.6rem)/.8 var(--display);font-variant-numeric:tabular-nums} .stat small{display:block;margin-top:8px;color:var(--muted-2)} .match-details{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(8,20,30,.72)} .match-details summary{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 18px;cursor:pointer;list-style:none;font:800 1.25rem/1 var(--display);letter-spacing:.05em;text-transform:uppercase} .match-details summary::-webkit-details-marker{display:none} .match-details summary::after{content:'+';color:var(--green);font:700 1.5rem/1 var(--body)} .match-details[open] summary::after{content:'−'} .match-log{display:grid;gap:1px;border-top:1px solid var(--line);background:var(--line)} .match-log-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(160px,1.3fr) 82px 100px;gap:12px;align-items:center;min-height:52px;padding:8px 16px;background:rgba(8,20,30,.97)} .match-log-row strong{overflow:hidden;font-family:var(--display);font-size:1.15rem;letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .visit-darts{color:var(--muted);font-size:.86rem} .visit-score{font:800 1.45rem/1 var(--display);text-align:right} .visit-score.bust{color:var(--red)} .visit-remaining{color:var(--muted);font-size:.78rem;text-align:right} .log-empty{padding:24px 18px;color:var(--muted);text-align:center} .results-table-wrap{margin-top:28px;overflow-x:auto;border:1px solid var(--line);border-radius:10px} .results-table{width:100%;border-collapse:collapse;text-align:left} .results-table th,.results-table td{padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap} .results-table tr:last-child td{border-bottom:0} .results-table th{color:var(--muted);background:rgba(7,16,25,.55);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase} .results-table td{font-variant-numeric:tabular-nums} .results-table td:first-child{font:800 1.35rem/1 var(--display);letter-spacing:.03em;text-transform:uppercase} .winner-row td:first-child{color:var(--green)} .match-over{padding:30px;text-align:center} .trophy{display:grid;width:76px;height:76px;margin:0 auto 20px;place-items:center;border:1px solid rgba(255,184,77,.45);border-radius:50%;color:var(--amber);background:var(--amber-soft);font-size:2rem} .match-over h2{margin:0;font:800 clamp(3rem,8vw,6rem)/.9 var(--display);text-transform:uppercase} .match-over p{color:var(--muted)} .match-over-actions{display:flex;justify-content:center;gap:10px;margin-top:24px} .toast{position:fixed;z-index:80;left:50%;bottom:max(22px,env(safe-area-inset-bottom));max-width:calc(100vw - 28px);transform:translate(-50%,28px);padding:12px 16px;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);background:#122333;box-shadow:0 16px 40px rgba(0,0,0,.34);opacity:0;pointer-events:none;transition:opacity 160ms ease,transform 160ms ease} .toast.show{transform:translate(-50%,0);opacity:1} @media (max-width:1120px){.game-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.88fr)} .scoreboard-panel{grid-column:1} .turn-panel{grid-column:1} .input-panel{grid-column:2;grid-row:1 / span 2} .player-card{min-height:148px} .remaining{font-size:clamp(4.8rem,13vw,8rem)} .setup-grid{grid-template-columns:1fr} .setup-hero{grid-template-columns:1fr} .hero-note{max-width:52rem}} @media (max-width:760px){.app-shell{padding:8px} .topbar{position:sticky;z-index:20;top:0;grid-template-columns:1fr auto;min-height:62px;padding:8px 10px;border-radius:0 0 10px 10px} .brand-mark{width:36px;height:36px;border-width:3px} .brand-word{font-size:1.7rem} .live-label{display:none} .match-format{display:none} .setup-page{padding-top:38px} .setup-hero{padding:0 6px 32px} .hero-title{font-size:clamp(4.2rem,22vw,6.5rem)} .hero-note{padding-left:16px} .setup-card,.history-card{padding:18px 14px} .setup-info{display:grid} .select-grid{grid-template-columns:1fr} .game-page{padding-top:10px} .game-grid{display:flex;flex-direction:column;gap:10px} .scoreboard-panel{order:1;padding:8px} .cricket-scroll{max-height:none} .cricket-table{min-width:390px} .cricket-table tbody td{height:47px} .cricket-marker{width:34px;height:34px} .sequence-banner{min-height:108px} .sequence-card-head>strong{font-size:2.35rem} .sequence-track{grid-template-columns:repeat(7,minmax(0,1fr))} .scoreboard-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .player-card{display:block;min-height:132px} .player-main{padding:14px 10px 12px 18px} .player-name{margin-top:8px;font-size:clamp(1.65rem,8vw,2.45rem)} .team-members{margin-top:6px} .team-member{padding:3px 5px;font-size:.58rem} .player-state{font-size:.62rem} .player-state-dot{width:7px;height:7px} .remaining{margin-top:8px;font-size:clamp(4rem,23vw,6.8rem)} .player-counters{position:absolute;top:10px;right:8px;display:flex;border:0;background:transparent} .counter{display:flex;align-items:baseline;gap:3px;padding:0 5px} .counter + .counter{border:0;border-left:1px solid var(--line)} .counter span{font-size:.5rem} .counter strong{margin:0;font-size:1.35rem} .turn-panel{order:2;padding:14px} .panel-title{font-size:1.8rem} .throw-slots{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px} .throw-slot{min-height:64px;padding:4px;font-size:1.2rem} .checkout-box{margin-top:12px} .checkout-route{min-height:52px} .turn-actions{padding-top:8px} .input-panel{order:3;padding:13px 10px calc(13px + env(safe-area-inset-bottom))} .input-help{margin-bottom:10px} .multiplier-button{min-height:48px;font-size:1rem} .number-grid{gap:6px} .score-key{min-height:50px;border-radius:7px;font-size:1.5rem} .special-grid{gap:6px;margin-top:6px} .special-key{min-height:50px} .confirm-button{min-height:60px;margin-top:8px;font-size:1.65rem} .stats-strip{grid-template-columns:repeat(2,1fr);margin-top:10px} .stat:nth-child(odd){border-left:0} .stat:nth-child(n+3){border-top:1px solid var(--line)} .stat{padding:12px 8px} .stat strong{font-size:2.25rem} .match-details{margin-top:10px} .match-log-row{grid-template-columns:minmax(90px,.75fr) minmax(110px,1.25fr) 60px;gap:8px;padding:8px 10px} .visit-remaining{display:none} .results-table th,.results-table td{padding:11px 12px}} @media (max-width:430px){.choice-row.three{grid-template-columns:1fr} .scoreboard-list{grid-template-columns:1fr} .player-card{min-height:116px} .remaining{font-size:5rem} .choice-row{gap:7px} .game-choice-grid .choice-pill span{min-height:62px;padding:7px;font-size:1.13rem} .sequence-card{padding:12px 10px} .sequence-step{min-height:27px} .handicap-row{grid-template-columns:minmax(0,1fr) 92px;padding-left:10px} .setup-actions{flex-direction:column} .match-over-actions{flex-direction:column}}:root{--bg:#05090d;--surface:#0a1118;--surface-2:#0e1821;--surface-3:#14222d;--line:#1c2a34;--line-strong:#354956;--text:#f3f4ef;--muted:#8b9aa4;--muted-2:#52636f;--green:#2fe09a;--green-dark:#0b6647;--green-soft:rgba(47,224,154,.1);--dart-red:#e84957;--dart-red-soft:rgba(232,73,87,.11);--cream:#f0e4c6;--amber:#f8bd57;--radius:4px;--shadow:0 18px 48px rgba(0,0,0,.3);--display:'Barlow Condensed','Arial Narrow','Aptos Narrow',sans-serif} html{background:#05090d} body{position:relative;overflow-x:hidden;background:radial-gradient(circle at 14% -12%,rgba(47,224,154,.08),transparent 31rem),linear-gradient(135deg,#070d12 0%,#05090d 58%,#080d12 100%)} body::before{position:fixed;z-index:0;top:-19rem;right:-17rem;width:47rem;height:47rem;border:1px solid rgba(240,228,198,.08);border-radius:50%;background:radial-gradient(circle,var(--dart-red) 0 1.7%,#101820 1.9% 4%,var(--green-dark) 4.2% 7.2%,transparent 7.4%),repeating-radial-gradient(circle,transparent 0 9.6%,rgba(240,228,198,.12) 9.8% 10.1%,transparent 10.3% 18%),repeating-conic-gradient(from -9deg,rgba(240,228,198,.055) 0 8deg,transparent 8deg 18deg);box-shadow:0 0 100px rgba(0,0,0,.55) inset;content:'';opacity:.7;pointer-events:none} body::after{position:fixed;z-index:0;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.012) 5px 6px);content:'';pointer-events:none} #app{position:relative;z-index:1} .app-shell{width:100%;max-width:none;padding:0} .topbar{position:sticky;z-index:50;top:0;grid-template-columns:minmax(180px,1fr) auto minmax(280px,1fr);min-height:62px;padding:0 clamp(12px,2.2vw,34px);border:0;border-bottom:1px solid var(--line-strong);border-radius:0;background:rgba(5,10,14,.95);box-shadow:0 8px 28px rgba(0,0,0,.34);backdrop-filter:blur(18px)} .topbar::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:linear-gradient(90deg,var(--dart-red) 0 7%,transparent 7% 70%,var(--green) 90% 100%);content:'';opacity:.8} .brand{gap:10px} .brand-mark{width:36px;height:36px;border-width:3px;box-shadow:0 0 0 3px rgba(47,224,154,.08),0 0 18px rgba(47,224,154,.08)} .brand-mark::before{width:14px;height:14px;border-width:2px} .brand-mark::after{width:5px;height:5px;background:var(--dart-red)} .brand-word{font-size:clamp(1.65rem,2.6vw,2.1rem);letter-spacing:.06em} .live-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font:800 .72rem/1 var(--body);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap} .live-label strong{color:var(--text);font:800 1.08rem/1 var(--display);letter-spacing:.08em} .live-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(47,224,154,.1),0 0 16px rgba(47,224,154,.6);animation:arenaPulse 1.9s ease-in-out infinite} .setup-mode .live-pulse{background:var(--dart-red);box-shadow:0 0 0 5px rgba(232,73,87,.1),0 0 16px rgba(232,73,87,.45)} .paused-mode .live-pulse{background:var(--amber);box-shadow:0 0 0 5px rgba(248,189,87,.1),0 0 16px rgba(248,189,87,.42)} .topbar-actions{gap:8px} .match-format{color:#71828d;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase} .icon-button,.ghost-button,.secondary-button,.primary-button,.danger-button,.choice-pill span,.select-field select,.player-row input,.remove-player,.handicap-row,.handicap-row input,.setup-info,.conditional-settings,.input-mode-tabs,.multiplier-tabs,.score-key,.special-key,.confirm-button,.quick-display,.preset-key,.quick-key,.quick-checkout-options,.quick-option,.undo-button,.checkout-route,.checkout-alternative,.throw-slot{border-radius:3px} .icon-button{min-width:40px;min-height:40px;background:#0c151d} .ghost-button{min-height:40px;padding:0 13px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase} .primary-button{border-radius:3px;background:linear-gradient(135deg,#35eca6,#15ae70);box-shadow:0 0 28px rgba(47,224,154,.14);letter-spacing:.055em;text-transform:uppercase} .secondary-button{border-radius:3px;background:#101a23;letter-spacing:.04em} .setup-page{padding:0 clamp(12px,2.2vw,34px) 48px} .setup-hero{display:flex;min-height:142px;align-items:center;justify-content:space-between;gap:30px;padding:22px 4px 20px;border-bottom:1px solid var(--line)} .setup-title-block{min-width:0} .hero-kicker{gap:8px;color:var(--green);font-size:.7rem;letter-spacing:.18em} .hero-kicker::before{width:18px;height:5px;background:var(--dart-red);box-shadow:22px 0 0 var(--green)} .hero-title{max-width:none;margin:7px 0 0;font-size:clamp(3.3rem,6vw,5.7rem);line-height:.82;letter-spacing:.01em} .hero-title span{color:var(--cream);-webkit-text-stroke:0} .setup-status{display:flex;align-items:center;justify-content:flex-end;gap:0;border:1px solid var(--line);background:rgba(7,14,19,.72)} .setup-status span{position:relative;min-height:46px;padding:0 16px;display:inline-flex;align-items:center;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap} .setup-status span + span{border-left:1px solid var(--line)} .setup-status .ready{padding-left:32px;color:var(--green)} .setup-status .ready::before{position:absolute;left:15px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(47,224,154,.6);content:''} .setup-grid{grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:10px;padding-top:10px;align-items:start} .panel,.game-panel{border-color:var(--line-strong);border-radius:var(--radius);background:linear-gradient(145deg,rgba(13,22,29,.97),rgba(6,12,17,.98));box-shadow:none} .panel{position:relative} .panel::before{position:absolute;top:-1px;left:-1px;width:72px;height:3px;background:var(--green);content:''} .setup-card{padding:clamp(18px,2.5vw,30px)} .history-card{position:sticky;top:74px;padding:22px 18px} .history-card::before{background:var(--dart-red)} .panel-heading{margin-bottom:22px} .panel-heading h2{font-size:1.65rem;letter-spacing:.07em} .panel-heading p{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase} .form-section + .form-section{margin-top:22px;padding-top:22px} .form-label{color:#93a3ad;font-size:.68rem;letter-spacing:.16em} .game-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .game-choice-grid .choice-pill span{display:flex;min-height:74px;flex-direction:column;gap:8px;padding:12px 8px;font-size:clamp(1.05rem,1.8vw,1.45rem);letter-spacing:.035em;text-transform:uppercase} .game-choice-grid .choice-pill span::before{color:var(--muted-2);font:800 .52rem/1 var(--body);letter-spacing:.15em} .game-choice-grid .choice-pill:nth-child(1) span::before{content:'Countdown'} .game-choice-grid .choice-pill:nth-child(2) span::before{content:'Marks'} .game-choice-grid .choice-pill:nth-child(3) span::before{content:'1 → 20'} .game-choice-grid .choice-pill:nth-child(4) span::before{content:'S · D · T'} .choice-pill span{border-color:var(--line);background:#091119;letter-spacing:.04em;text-transform:uppercase} .choice-pill span:hover{border-color:var(--line-strong);background:#0d1821} .choice-pill input:checked + span{border-color:var(--green);color:var(--cream);background:linear-gradient(145deg,rgba(47,224,154,.14),rgba(8,18,24,.94));box-shadow:inset 0 -3px 0 var(--green),0 0 18px rgba(47,224,154,.06)} .choice-pill input:checked + span::before{color:var(--green)} .choice-pill.compact span{min-height:48px;font-size:1rem} .conditional-settings{background:rgba(3,9,13,.52)} .setup-info{border-left:3px solid var(--green);background:rgba(47,224,154,.055)} .team-info{border-left-color:var(--amber)} .select-field select,.player-row input,.handicap-row input{background:#081017} .player-number{width:36px;height:36px;border-radius:3px;border-color:var(--dart-red);color:var(--cream);background:var(--dart-red-soft);font-size:1rem} .player-row{grid-template-columns:36px minmax(0,1fr) 42px;gap:8px} .player-row input{min-height:48px} .history-list{gap:6px} .history-item{border-radius:3px;border-left:3px solid var(--line-strong);background:#080f15} .history-item:first-child{border-left-color:var(--green)} .empty-state{border-radius:3px;background:rgba(3,9,13,.34)} .setup-actions.final-action{position:sticky;z-index:5;bottom:0;margin-top:24px;padding:14px 0 0;border-top-color:var(--line-strong);background:linear-gradient(180deg,rgba(8,16,23,0),#081017 24%)} .game-page{padding:10px clamp(8px,1vw,16px) 34px} .game-grid{grid-template-columns:minmax(320px,1.08fr) minmax(250px,.72fr) minmax(380px,1fr);gap:8px;align-items:stretch} .game-panel{position:relative;overflow:hidden} .scoreboard-panel{padding:8px;box-shadow:inset 0 3px 0 var(--dart-red)} .turn-panel{padding:16px 14px;box-shadow:inset 0 3px 0 var(--amber)} .input-panel{padding:14px;box-shadow:inset 0 3px 0 var(--green)} .scoreboard-list{gap:7px} .player-card{min-height:178px;border-radius:2px;border-color:var(--line);background:linear-gradient(105deg,#0b141b,#070d12)} .player-card:not(.active){opacity:.82} .player-card.active{border-color:var(--green);background:linear-gradient(95deg,rgba(13,89,63,.32),#0a141b 55%);box-shadow:0 0 24px rgba(47,224,154,.06) inset} .player-card.active::before{width:5px} .player-main{padding:17px 16px 14px 22px} .player-state{font-size:.67rem} .player-state-dot{width:7px;height:7px} .player-name{margin-top:10px;font-size:clamp(1.8rem,3vw,2.8rem)} .remaining{margin-top:10px;color:var(--text);font-size:clamp(5.6rem,9vw,9.2rem);text-shadow:0 8px 30px rgba(0,0,0,.36)} .active .remaining{color:var(--cream);text-shadow:0 0 30px rgba(47,224,154,.14)} .player-counters{border-left-color:var(--line);background:rgba(2,7,10,.46)} .counter + .counter{border-top-color:var(--line)} .counter span{font-size:.62rem} .counter strong{font-size:2.35rem} .panel-title{color:var(--cream);font-size:1.55rem;letter-spacing:.09em} .turn-player{margin-top:6px;font-size:.65rem} .throw-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px} .throw-slot{min-height:70px;padding:5px;border-width:1px;background:#080f15;font-size:1.25rem} .throw-slot.filled{background:#111d26} .throw-slot.draft{border-color:var(--green);color:var(--cream);box-shadow:inset 0 -3px 0 var(--green)} .checkout-box{margin-top:14px} .checkout-label{font-size:.67rem} .checkout-route{min-height:58px;margin-top:7px;border-left:3px solid var(--amber);background:rgba(248,189,87,.07)} .checkout-alternative{border-left:2px solid rgba(248,189,87,.45)} .cricket-turn-summary{min-height:100px;margin-top:14px;border-radius:3px;border-left:3px solid var(--green);background:rgba(47,224,154,.06)} .turn-notice{min-height:34px;font-size:.72rem} .undo-button{min-height:46px;background:#0b151d;font-size:.74rem;text-transform:uppercase} .input-panel .panel-title{text-align:left} .input-help{margin:5px 0 10px;text-align:left} .input-mode-tabs{gap:3px;margin-bottom:8px;padding:3px} .input-mode-button{min-height:36px;font-size:.88rem} .multiplier-tabs{margin-bottom:8px} .multiplier-button{min-height:48px;font-size:1rem;background:#0a141b} .multiplier-button:nth-child(1).active{color:#111;background:var(--cream);box-shadow:inset 0 -3px 0 #fff} .multiplier-button:nth-child(2).active{color:#04130d;background:var(--green);box-shadow:inset 0 -3px 0 #72f5c2} .multiplier-button:nth-child(3).active{color:#fff;background:var(--dart-red);box-shadow:inset 0 -3px 0 #ff8b95} .number-grid{gap:5px} .score-key{min-height:clamp(46px,5.7vh,60px);border-color:#2d414e;background:linear-gradient(180deg,#14232d,#0b151c);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -3px 0 rgba(0,0,0,.25)} .score-key:hover{border-color:var(--green);background:#172833} .score-key:active{transform:translateY(2px);box-shadow:inset 0 2px 8px rgba(0,0,0,.45)} .special-grid{gap:5px;margin-top:5px} .special-key{min-height:50px;background:#101a22;font-size:.9rem} .special-key.bull{border-color:rgba(47,224,154,.7);color:#fff;background:radial-gradient(circle at 50% 50%,var(--dart-red) 0 18%,#0d6f4d 20% 48%,#0b151d 50%);text-shadow:0 1px 4px #000} .confirm-button{min-height:62px;margin-top:8px;background:linear-gradient(135deg,#38eca7,#14aa6c);box-shadow:0 0 26px rgba(47,224,154,.13),inset 0 -4px 0 rgba(0,0,0,.18);font-size:1.65rem} .quick-display{min-height:68px;margin-bottom:7px;border-left:3px solid var(--green);background:#050b0f} .preset-grid,.quick-numpad{gap:5px} .preset-key,.quick-key{border-radius:3px;background:linear-gradient(180deg,#14232d,#0b151c)} .cricket-table th,.cricket-table td{border-color:var(--line)} .cricket-table thead th{background:#070e13} .cricket-table tbody td{background:rgba(9,17,23,.8)} .cricket-table .active-side{background:rgba(47,224,154,.08)} .cricket-table thead .active-side{box-shadow:inset 0 3px 0 var(--green)} .cricket-marker.closed{border-color:var(--green);background:rgba(47,224,154,.08)} .sequence-scoreboard{gap:7px} .sequence-banner{min-height:112px;border-radius:3px;border-left:4px solid var(--green);background:linear-gradient(110deg,rgba(47,224,154,.12),rgba(6,12,17,.85))} .sequence-card-list{gap:6px} .sequence-card{border-radius:3px;background:#081017} .sequence-card.active{box-shadow:inset 4px 0 0 var(--green)} .sequence-step{border-radius:2px} .sequence-step.current{color:#04130d;background:var(--green)} .shared-round-track{border-radius:3px;background:#070e13} .stats-strip{margin-top:8px;border-radius:3px;border-color:var(--line-strong);background:#070e13} .stat{padding:12px 10px;background:linear-gradient(180deg,rgba(14,24,32,.92),rgba(7,14,19,.95))} .stat span{font-size:.63rem} .stat strong{color:var(--cream);font-size:clamp(1.9rem,3.7vw,3rem)} .stat small{margin-top:5px;font-size:.65rem} .match-details{margin-top:8px;border-radius:3px;background:rgba(6,12,17,.88)} .match-details summary{min-height:50px;font-size:1rem} .match-log-row{background:#080f15} .match-over{margin-top:8px;border-top:3px solid var(--green)} .trophy{border-radius:3px;transform:rotate(45deg)} .trophy + *{position:relative} .toast{border-radius:3px;border-left:3px solid var(--green);background:#111d25} @keyframes arenaPulse{0%,100%{opacity:.55;transform:scale(.86)} 50%{opacity:1;transform:scale(1)}} @media (max-width:1180px){.topbar{grid-template-columns:minmax(175px,1fr) auto minmax(225px,1fr)} .game-grid{grid-template-columns:minmax(0,1fr) minmax(345px,.82fr)} .scoreboard-panel{grid-column:1;grid-row:1} .turn-panel{grid-column:1;grid-row:2} .input-panel{grid-column:2;grid-row:1 / span 2} .remaining{font-size:clamp(5rem,11vw,8rem)}} @media (max-width:980px){.setup-grid{grid-template-columns:1fr} .history-card{position:static} .game-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .topbar{grid-template-columns:minmax(160px,1fr) auto minmax(180px,1fr)} .match-format{display:none}} @media (max-width:760px){body::before{top:-11rem;right:-12rem;width:30rem;height:30rem;opacity:.5} .topbar{grid-template-columns:minmax(130px,1fr) auto auto;min-height:56px;padding:0 8px 0 10px;border-radius:0} .brand-mark{width:32px;height:32px} .brand-word{font-size:1.45rem} .live-label{display:inline-flex;gap:6px} .live-text{display:none} .live-label strong{font-size:.88rem} .live-pulse{width:6px;height:6px} .ghost-button{min-width:50px;padding:0 7px;font-size:0} .ghost-button::before{content:'Nieuw';font-size:.62rem;letter-spacing:.06em} .setup-page{padding:0 7px 28px} .setup-hero{min-height:104px;padding:15px 4px 13px} .hero-title{margin-top:5px;font-size:clamp(2.8rem,13vw,4rem)} .setup-status{display:none} .setup-grid{gap:7px;padding-top:7px} .setup-card,.history-card{padding:17px 12px} .panel-heading{margin-bottom:17px} .form-section + .form-section{margin-top:18px;padding-top:18px} .game-choice-grid .choice-pill span{min-height:64px} .setup-actions.final-action{padding-top:10px} .game-page{padding:6px 5px 24px} .game-grid{display:flex;flex-direction:column;gap:6px} .scoreboard-panel{order:1;padding:6px} .turn-panel{order:2;padding:12px 9px} .input-panel{order:3;padding:12px 9px calc(12px + env(safe-area-inset-bottom))} .scoreboard-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px} .player-card{min-height:126px} .player-main{padding:13px 9px 10px 15px} .remaining{font-size:clamp(4rem,22vw,6.5rem)} .throw-slots{gap:5px;margin-top:10px} .throw-slot{min-height:60px;font-size:1.05rem} .panel-title{font-size:1.35rem} .input-panel .panel-title,.input-help{text-align:center} .number-grid{gap:4px} .score-key{min-height:49px} .special-grid{gap:4px} .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px} .stat{padding:10px 6px} .match-details{margin-top:6px}} @media (max-width:440px){.setup-shell .live-label{display:none} .setup-shell .topbar{grid-template-columns:1fr auto} .hero-title{font-size:2.75rem} .choice-row.three{grid-template-columns:repeat(3,minmax(0,1fr))} .scoreboard-list{grid-template-columns:1fr} .player-card{min-height:116px} .remaining{font-size:5rem} .game-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .game-choice-grid .choice-pill span{min-height:61px;font-size:1rem} .topbar-actions{gap:5px} .icon-button{min-width:38px}} .install-button{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(47,224,154,.42);border-radius:3px;color:var(--green);background:var(--green-soft);cursor:pointer;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .install-button::before{content:'↓';font-size:1rem} .install-button:hover{border-color:var(--green);background:rgba(47,224,154,.16)} .fullscreen-button.active{border-color:var(--green);color:var(--green);background:var(--green-soft)} .resume-page{display:grid;min-height:calc(100dvh - 62px);place-items:center;padding:clamp(18px,4vw,54px)} .resume-panel{width:min(100%,820px);overflow:hidden;border-top:3px solid var(--amber)} .resume-panel::before{background:var(--amber)} .resume-head{display:grid;grid-template-columns:94px minmax(0,1fr);gap:22px;align-items:center;padding:clamp(20px,4vw,36px);border-bottom:1px solid var(--line)} .resume-target{position:relative;display:grid;width:82px;height:82px;place-items:center;border:9px solid var(--green);border-radius:50%;background:#071016;box-shadow:0 0 0 7px rgba(47,224,154,.08)} .resume-target::before{width:34px;height:34px;border:8px solid var(--cream);border-radius:50%;content:''} .resume-target::after{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--dart-red);content:''} .resume-kicker{margin:0 0 8px;color:var(--amber);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase} .resume-title{margin:0;font:800 clamp(2.8rem,7vw,5.2rem)/.82 var(--display);letter-spacing:.035em;text-transform:uppercase} .resume-meta{margin:9px 0 0;color:var(--muted);font-size:.78rem;letter-spacing:.04em} .resume-body{padding:clamp(18px,4vw,34px)} .resume-now{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:end;padding:18px 20px;border:1px solid var(--green);border-left-width:4px;background:linear-gradient(100deg,rgba(47,224,154,.13),rgba(5,12,16,.78))} .resume-now-copy span,.resume-now-copy strong,.resume-now-copy small{display:block} .resume-now-copy span{color:var(--green);font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase} .resume-now-copy strong{margin-top:5px;font:800 2rem/.9 var(--display);letter-spacing:.04em;text-transform:uppercase} .resume-now-copy small{margin-top:6px;color:var(--muted)} .resume-readout{text-align:right} .resume-readout strong{display:block;color:var(--cream);font:800 clamp(4rem,10vw,6.4rem)/.68 var(--display);font-variant-numeric:tabular-nums} .resume-readout span{display:block;margin-top:10px;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase} .resume-competitors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px} .resume-competitor{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px;border:1px solid var(--line);background:#080f15} .resume-competitor.active{border-color:rgba(47,224,154,.52)} .resume-competitor span{overflow:hidden;font:800 1.15rem/1 var(--display);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .resume-competitor strong{color:var(--cream);font:800 1.65rem/1 var(--display);font-variant-numeric:tabular-nums} .resume-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin-top:18px} .resume-actions .primary-button,.resume-actions .secondary-button{min-height:58px} .resume-footnote{margin:13px 0 0;color:var(--muted-2);font-size:.7rem;text-align:center} .match-dock{display:none} .dock-player,.dock-readout,.dock-context{min-width:0} .dock-player{display:flex;align-items:center;gap:7px} .dock-player strong{overflow:hidden;font:800 1.05rem/1 var(--display);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .dock-player small{color:var(--green);font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .dock-readout{text-align:center} .dock-readout strong{color:var(--cream);font:800 2.25rem/.75 var(--display);font-variant-numeric:tabular-nums} .dock-readout span{display:block;margin-top:5px;color:var(--muted);font-size:.5rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .dock-context{color:var(--muted);font-size:.58rem;font-weight:800;line-height:1.35;text-align:right;text-transform:uppercase} .dock-context .awake{display:block;margin-top:3px;color:var(--green)} @media (display-mode:standalone){.topbar{min-height:calc(62px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)} .resume-page{min-height:calc(100dvh - 62px - env(safe-area-inset-top))}} @media (max-width:760px){.install-button{min-width:42px;padding:0 8px;font-size:0} .install-button::before{font-size:1.05rem} .game-page{padding-top:0} .match-dock{position:sticky;z-index:42;top:56px;display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(86px,.8fr);min-height:62px;align-items:center;gap:8px;margin:0 -5px 6px;padding:7px 10px;border-bottom:1px solid var(--line-strong);background:rgba(5,10,14,.97);box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 -2px 0 var(--green);backdrop-filter:blur(16px)} .turn-panel{order:1} .input-panel{order:2} .scoreboard-panel{order:3} .stats-strip{order:4}} @media (display-mode:standalone) and (max-width:760px){.topbar{min-height:calc(56px + env(safe-area-inset-top))} .match-dock{top:calc(56px + env(safe-area-inset-top))}} @media (max-width:540px){.game-shell .brand-word{display:none} .game-shell .topbar{grid-template-columns:42px minmax(58px,1fr) auto} .resume-page{display:block;min-height:0;padding:8px 6px 24px} .resume-head{grid-template-columns:64px minmax(0,1fr);gap:15px;padding:20px 15px} .resume-target{width:58px;height:58px;border-width:6px;box-shadow:0 0 0 4px rgba(47,224,154,.08)} .resume-target::before{width:24px;height:24px;border-width:6px} .resume-target::after{width:8px;height:8px} .resume-title{font-size:2.8rem} .resume-body{padding:13px 11px 16px} .resume-now{padding:14px 13px} .resume-now-copy strong{font-size:1.55rem} .resume-readout strong{font-size:4rem} .resume-competitors{grid-template-columns:1fr} .resume-actions{grid-template-columns:1fr} .dock-player small{display:none}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}} .brand-mark{background:linear-gradient(90deg,transparent 47%,rgba(244,247,245,.45) 48%,rgba(244,247,245,.45) 52%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(244,247,245,.45) 48%,rgba(244,247,245,.45) 52%,transparent 53%),radial-gradient(circle,var(--green) 0 8%,transparent 9% 27%,rgba(244,247,245,.88) 28% 34%,transparent 35% 55%,var(--green) 56% 64%,transparent 65%);border-width:2px;box-shadow:0 0 0 3px rgba(32,216,137,.08),0 0 24px rgba(32,216,137,.12)} .brand-mark::before,.brand-mark::after{display:none} .topbar{border-color:rgba(56,80,105,.86)} .panel,.game-panel{border-color:rgba(56,80,105,.72)} .primary-button{letter-spacing:.015em} .brand{color:inherit;text-decoration:none} .brand-logo{display:block;width:clamp(132px,16vw,184px);height:auto} .brand-mark{display:none !important} .install-button{display:none !important} @media (max-width:760px){.brand-logo{width:128px} .topbar{min-width:0} .topbar-actions,.match-format,.live-label{min-width:0} .match-format{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .game-shell,.setup-shell,.game-main,.scoreboard,.game-panel{min-width:0;max-width:100%} .table-scroll,.results-table-wrap,.cricket-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}} @media (max-width:430px){.brand-logo{width:112px} .match-format{display:none}}:focus-visible{outline:2px solid #33d67f;outline-offset:3px} button,input,select,textarea{min-height:44px} img{max-width:100%;height:auto} @media (max-width:760px){body{overflow-x:hidden} .app-shell,.screen,.match-layout,.setup-layout{max-width:100%;min-width:0} .table-wrap,.stats-table-wrap,.cricket-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}} .results-note{margin:.75rem 0 0;padding:.75rem .9rem;border:1px solid rgba(255,184,77,.28);border-radius:12px;background:rgba(255,184,77,.07);color:var(--muted,#aab4bd);font-size:.78rem;line-height:1.5} .results-note strong{color:#ffc46b} body{font-family:var(--of-font-body);color:var(--of-text);background:radial-gradient(circle at top right,rgba(86,203,180,.14),transparent 30%),linear-gradient(180deg,var(--of-mint-100),var(--of-mint-50))} button,input,select,textarea{border-radius:var(--of-radius-input)} button{transition:transform var(--of-motion-fast) var(--of-ease),box-shadow var(--of-motion-fast) var(--of-ease),filter var(--of-motion-fast) var(--of-ease)} button:active{transform:scale(.985)} .panel,.card,.setup-card,.player-card,.score-card,.stat,.modal,.dialog,.sheet{border-radius:var(--of-radius-card)} .modal,.dialog,.sheet{border-radius:var(--of-radius-dialog)} .score,.score-value,.remaining,.big-number{font-family:var(--of-font-score);font-variant-numeric:tabular-nums} @media (max-width:760px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}} .setup-shell{--surface:rgba(255,255,255,.84);--surface-2:rgba(255,255,255,.66);--surface-3:rgba(255,255,255,.96);--line:var(--of-border);--line-strong:rgba(15,28,25,.13);--muted:var(--of-text-muted);--cream:var(--of-text);--green:var(--of-primary);--green-soft:rgba(47,184,157,.09)} .setup-page{padding-top:1rem} .setup-hero{min-height:auto;margin:0 0 var(--of-space-4);padding:var(--of-space-5);border:1px solid var(--of-border);border-radius:28px;background:radial-gradient(circle at top right,rgba(86,203,180,.18),transparent 42%),rgba(255,255,255,.72);box-shadow:var(--of-shadow-sm)} .hero-kicker{color:var(--of-teal-700);font-family:var(--of-font-body);font-size:.72rem;font-weight:800;letter-spacing:.10em} .hero-title{color:var(--of-text);font-size:clamp(2.7rem,7vw,5.4rem);letter-spacing:-.045em;text-transform:none} .hero-title span{color:var(--of-teal-600)} .setup-status{border:0;background:transparent} .setup-status span,.setup-status span + span,.setup-status .ready{min-height:34px;padding:.4rem .65rem;border:1px solid var(--of-border)} .setup-status .ready::before{display:none} .setup-grid{gap:var(--of-space-4);padding-top:0} .setup-shell .panel{border:1px solid var(--of-border);border-radius:var(--of-radius-card);background:rgba(255,255,255,.78);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .setup-shell .panel::before{display:none} .setup-card,.history-card{padding:clamp(1rem,3vw,1.65rem)} .history-card{top:82px} .panel-heading{align-items:center;margin-bottom:var(--of-space-4)} .panel-heading h2{color:var(--of-text);font-family:var(--of-font-display);font-size:1.55rem;letter-spacing:-.015em;text-transform:none} .panel-heading p{color:var(--of-text-muted);letter-spacing:0;text-transform:none} .of-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--of-space-3)} .setup-info{margin-top:var(--of-space-3);padding:var(--of-space-4);border:1px solid rgba(47,184,157,.16);border-left:1px solid rgba(47,184,157,.16);border-radius:var(--of-radius-input);background:rgba(47,184,157,.055)} .setup-info strong{color:var(--of-teal-700);font-family:var(--of-font-body);font-size:.78rem;letter-spacing:.06em} .setup-info span{color:var(--of-text-muted)} .conditional-settings{border-radius:var(--of-radius-card);background:rgba(255,255,255,.55)} .secondary-button{border-color:var(--of-border);border-radius:var(--of-radius-button);background:white;color:var(--of-text);box-shadow:var(--of-shadow-xs);letter-spacing:0;text-transform:none} .setup-shell .primary-button{border-radius:var(--of-radius-button);background:var(--of-gradient-primary);color:#06120f;box-shadow:0 12px 28px rgba(47,184,157,.24);letter-spacing:0;text-transform:none} .setup-actions.final-action{border-top-color:var(--of-border);background:linear-gradient(180deg,rgba(244,251,250,0),rgba(244,251,250,.96) 28%)} .history-item,.player-row,.handicap-row{border-color:var(--of-border);border-radius:var(--of-radius-input);background:rgba(255,255,255,.78)} .player-row input,.handicap-row input,.select-field select{color:var(--of-text);background:white} .remove-player{border-radius:14px} @media (max-width:760px){.setup-page{padding:.75rem 0 2rem} .setup-hero{display:grid;gap:var(--of-space-4);padding:1.1rem} .setup-status{justify-content:flex-start} .of-game-grid{grid-template-columns:1fr} .setup-card,.history-card{padding:.85rem} .form-section{padding:.85rem} .setup-actions.final-action{margin-inline:-.15rem;padding:.85rem .15rem 0}} .match-shell-v2{min-height:100vh;background:radial-gradient(circle at 92% 0%,rgba(86,203,180,.17),transparent 28%),linear-gradient(180deg,var(--of-mint-100),var(--of-mint-50))} .match-page-v2{width:min(100% - 2rem,1360px);margin:0 auto;padding:1rem 0 2.5rem} .match-hero-v2{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1.15rem 1.3rem;border:1px solid var(--of-border);border-radius:26px;background:radial-gradient(circle at top right,rgba(86,203,180,.19),transparent 42%),rgba(255,255,255,.78);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .match-hero-copy{display:grid;gap:.05rem} .match-hero-kicker{color:var(--of-teal-700);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .match-hero-v2 h1{margin:0;color:var(--of-text);font-size:clamp(2.1rem,5vw,3.8rem);letter-spacing:-.045em;text-transform:none} .match-hero-v2 p{margin:0;color:var(--of-text-muted);font-size:.85rem} .match-hero-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;align-items:center} .match-hero-meta>span,.match-hero-meta>strong{min-height:34px;display:inline-flex;align-items:center;padding:.4rem .65rem;border:1px solid var(--of-border);border-radius:999px;background:rgba(255,255,255,.76);color:var(--of-text-muted);font-size:.72rem;font-weight:800} .match-hero-meta>strong{color:var(--of-text)} .premium-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem} .premium-player-card{position:relative;overflow:hidden;padding:1rem;border:1px solid var(--of-border);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset);transition:transform var(--of-motion-normal) var(--of-ease),box-shadow var(--of-motion-normal) var(--of-ease),border-color var(--of-motion-normal) var(--of-ease)} .premium-player-card::after{position:absolute;right:-38px;bottom:-46px;width:150px;height:150px;border-radius:50%;background:rgba(47,184,157,.07);content:""} .premium-player-card.active{transform:translateY(-3px);border-color:rgba(47,184,157,.5);background:radial-gradient(circle at top right,rgba(86,203,180,.19),transparent 46%),rgba(255,255,255,.96);box-shadow:0 0 0 3px rgba(47,184,157,.08),var(--of-shadow-md)} .premium-player-head{position:relative;z-index:1;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:.75rem;align-items:center} .premium-player-avatar{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:rgba(47,184,157,.12);color:var(--of-teal-700);font-family:var(--of-font-display);font-size:1.3rem;font-weight:800} .premium-player-card.active .premium-player-avatar{color:white;background:var(--of-gradient-primary)} .premium-player-name{min-width:0} .premium-player-name span{color:var(--of-text-muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .premium-player-name h2{margin:.1rem 0 0;overflow:hidden;color:var(--of-text);font-size:1.25rem;text-overflow:ellipsis;white-space:nowrap} .premium-player-index{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--of-border);border-radius:50%;background:rgba(255,255,255,.75);color:var(--of-text-muted);font-size:.7rem;font-weight:800} .premium-player-score{position:relative;z-index:1;display:grid;justify-items:center;gap:.1rem;padding:.95rem 0 .8rem} .premium-player-score span{color:var(--of-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase} .premium-player-score strong{color:var(--of-text);font-family:var(--of-font-score);font-size:clamp(3rem,8vw,5rem);line-height:.95;letter-spacing:-.06em;font-variant-numeric:tabular-nums} .premium-player-card.active .premium-player-score strong{color:var(--of-teal-700)} .premium-player-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem} .premium-player-stat{display:grid;gap:.15rem;min-width:0;padding:.55rem;border:1px solid var(--of-border);border-radius:14px;background:rgba(255,255,255,.62)} .premium-player-stat span{overflow:hidden;color:var(--of-text-muted);font-size:.6rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap} .premium-player-stat strong{color:var(--of-text);font-size:.88rem;font-variant-numeric:tabular-nums} .premium-player-last{position:relative;z-index:1;margin:.7rem 0 0;color:var(--of-text-muted);font-size:.68rem;text-align:center} .premium-match-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:1rem;align-items:start} .premium-match-main,.premium-match-side{min-width:0} .premium-match-main{display:grid;gap:1rem} .premium-match-side{position:sticky;top:84px;display:grid;gap:1rem} .premium-match-workspace .game-panel,.premium-match-workspace .stats-panel,.premium-match-workspace .match-log,.premium-match-workspace .input-panel,.premium-match-workspace .turn-panel{border-color:var(--of-border);border-radius:var(--of-radius-card);background:rgba(255,255,255,.82);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .legacy-scoreboard{display:none} @media (max-width:980px){.premium-match-workspace{grid-template-columns:1fr} .premium-match-side{position:static}} @media (max-width:760px){.match-page-v2{width:min(100% - 1rem,100%);padding-top:.55rem} .match-hero-v2{align-items:flex-start;padding:.9rem;border-radius:20px} .match-hero-meta{display:none} .premium-player-grid{grid-template-columns:1fr;gap:.7rem} .premium-player-card{padding:.8rem;border-radius:20px} .premium-player-score{padding:.75rem 0 .65rem} .premium-player-score strong{font-size:clamp(3.5rem,19vw,5.3rem)} .premium-player-stats{gap:.35rem} .premium-player-stat{padding:.45rem}} @media (max-width:360px){.premium-player-head{grid-template-columns:40px minmax(0,1fr) auto;gap:.55rem} .premium-player-avatar{width:40px;height:40px;border-radius:13px} .premium-player-name h2{font-size:1.05rem} .premium-player-stat span{font-size:.54rem} .premium-player-stat strong{font-size:.8rem}} .premium-input-panel{display:grid;gap:1rem;padding:clamp(.9rem,2.5vw,1.25rem);border-radius:26px !important} .premium-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem} .premium-control-head>div{min-width:0} .premium-control-kicker{color:var(--of-teal-700);font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .premium-control-head h2{margin:.1rem 0 .2rem;color:var(--of-text);font-family:var(--of-font-display);font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.025em;text-transform:none} .premium-control-head p{max-width:620px;margin:0;color:var(--of-text-muted);font-size:.8rem;line-height:1.45} .premium-entry-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:.4rem .65rem;border:1px solid var(--of-border);border-radius:999px;background:rgba(255,255,255,.76);color:var(--of-text-muted);font-size:.68rem;font-weight:800} .premium-entry-status.success{border-color:rgba(46,207,135,.22);background:rgba(46,207,135,.11);color:#08774b} .premium-entry-status.danger{border-color:rgba(232,75,75,.22);background:rgba(232,75,75,.10);color:#a72424} .premium-score-entry{display:grid;justify-items:center;gap:.15rem;padding:1rem;border:1px solid var(--of-border);border-radius:22px;background:radial-gradient(circle at top right,rgba(86,203,180,.14),transparent 45%),rgba(255,255,255,.7)} .premium-score-entry>span{color:var(--of-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .premium-score-entry small{color:var(--of-text-muted);font-size:.68rem} .premium-quick-display{min-height:auto;padding:.25rem 0;border:0;background:transparent;color:var(--of-text);font-family:var(--of-font-score);font-size:clamp(3.8rem,13vw,6.5rem);line-height:.95;letter-spacing:-.06em;box-shadow:none} .premium-quick-display.placeholder{color:var(--of-graphite-300)} .premium-control-section{display:grid;gap:.65rem} .premium-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem} .premium-section-label span{color:var(--of-text);font-size:.78rem;font-weight:800} .premium-section-label small{color:var(--of-text-muted);font-size:.65rem} .premium-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem} .premium-preset-key{min-height:46px;border:1px solid var(--of-border);border-radius:15px;background:rgba(255,255,255,.78);color:var(--of-text);box-shadow:var(--of-shadow-xs);font-family:var(--of-font-score);font-size:1rem} .premium-preset-key:hover{border-color:rgba(47,184,157,.35);background:rgba(47,184,157,.08)} .premium-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem} .premium-number-key,.premium-utility-key{min-height:58px;border:1px solid var(--of-border);border-radius:18px;background:rgba(255,255,255,.9);color:var(--of-text);box-shadow:var(--of-shadow-xs);font-family:var(--of-font-score);font-size:1.25rem} .premium-utility-key{color:var(--of-text-muted);font-family:var(--of-font-body);font-size:.76rem;font-weight:800} .premium-multiplier-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;padding:.4rem;border:1px solid var(--of-border);border-radius:20px;background:rgba(15,28,25,.045)} .premium-multiplier-tabs .multiplier-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:16px;background:transparent;color:var(--of-text-muted);font-size:.78rem;font-weight:800} .premium-multiplier-tabs .multiplier-button small{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;background:rgba(15,28,25,.06);color:var(--of-text-muted);font-size:.68rem} .premium-multiplier-tabs .multiplier-button.active{background:white;color:var(--of-text);box-shadow:var(--of-shadow-xs)} .premium-multiplier-tabs .multiplier-button.active small{color:white;background:var(--of-gradient-primary)} .premium-number-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem} .premium-score-key{min-height:54px;border:1px solid var(--of-border);border-radius:16px;background:rgba(255,255,255,.88);color:var(--of-text);box-shadow:var(--of-shadow-xs);font-family:var(--of-font-score);font-size:1.1rem} .premium-score-key:hover{border-color:rgba(47,184,157,.34);background:rgba(47,184,157,.08)} .premium-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem} .premium-special-key{min-height:50px;border:1px solid var(--of-border);border-radius:17px;background:rgba(255,255,255,.8);color:var(--of-text);box-shadow:var(--of-shadow-xs);font-size:.76rem;font-weight:800} .premium-special-key.miss-key{color:#9a6821;background:rgba(241,180,71,.10)} .premium-special-key.bull-key{color:#08774b;background:rgba(46,207,135,.10)} .premium-input-message{min-height:0;margin:0;padding:0;border:0;border-radius:14px;color:var(--of-text-muted);background:transparent;font-size:.72rem} .premium-input-message.visible{min-height:40px;padding:.7rem .8rem;border:1px solid rgba(241,180,71,.24);background:rgba(241,180,71,.08);color:#815a18} .premium-control-actions{display:grid;grid-template-columns:minmax(100px,.32fr) minmax(0,1fr);gap:.65rem;position:sticky;bottom:max(.5rem,env(safe-area-inset-bottom));z-index:25;padding:.55rem;border:1px solid var(--of-border);border-radius:22px;background:rgba(244,251,250,.90);box-shadow:var(--of-shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .premium-undo-action,.premium-confirm-button{min-height:54px;border-radius:17px;font-weight:800} .premium-undo-action{border:1px solid var(--of-border);background:white;color:var(--of-text-muted);box-shadow:var(--of-shadow-xs)} .premium-confirm-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:0;background:var(--of-gradient-primary);color:#05110e;box-shadow:0 12px 26px rgba(47,184,157,.22)} .premium-confirm-button.bust-ready{background:linear-gradient(135deg,#ff8f78,var(--of-red-500));color:white;box-shadow:0 12px 26px rgba(232,75,75,.2)} .premium-confirm-button:disabled,.premium-undo-action:disabled{opacity:.42;box-shadow:none;cursor:not-allowed} .premium-checkout-card{display:grid;gap:.45rem;padding:.85rem;border:1px solid rgba(255,147,51,.22);border-radius:18px;background:radial-gradient(circle at top right,rgba(255,178,77,.18),transparent 45%),rgba(255,255,255,.74);box-shadow:var(--of-shadow-xs)} .premium-checkout-card .checkout-label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;color:var(--of-text);font-weight:800} .premium-checkout-card .checkout-label small{color:var(--of-text-muted);font-size:.62rem;font-weight:750} .premium-checkout-card .checkout-route{color:var(--of-coral-600);font-family:var(--of-font-score);font-size:clamp(1.25rem,4vw,1.8rem);letter-spacing:-.025em} .premium-checkout-card .checkout-route.muted{color:var(--of-graphite-300)} .premium-checkout-card .checkout-alternatives{display:flex;flex-wrap:wrap;gap:.4rem} .premium-checkout-card .checkout-alternative{padding:.4rem .55rem;border:1px solid var(--of-border);border-radius:999px;background:rgba(255,255,255,.7);color:var(--of-text-muted);font-size:.65rem} .premium-checkout-card .checkout-alternative span{color:var(--of-text);font-weight:800} .turn-panel{padding:clamp(.9rem,2vw,1.15rem)} .turn-panel .panel-title{font-family:var(--of-font-display);text-transform:none;letter-spacing:-.015em} .throw-slots{gap:.55rem} .throw-slot{min-height:66px;border-color:var(--of-border);border-radius:17px;background:rgba(255,255,255,.64)} .throw-slot.filled{border-color:rgba(47,184,157,.26);background:rgba(47,184,157,.08)} .turn-notice{border-radius:15px} .turn-actions{display:none} @media (max-width:760px){.premium-input-panel{gap:.8rem;padding:.75rem;border-radius:20px !important} .premium-control-head{gap:.6rem} .premium-control-head p{font-size:.72rem} .premium-entry-status{min-height:30px;padding:.35rem .5rem;font-size:.6rem} .premium-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem} .premium-preset-key{min-height:42px;border-radius:13px;font-size:.9rem} .premium-number-key,.premium-utility-key{min-height:54px} .premium-number-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem} .premium-score-key{min-height:50px;border-radius:14px;font-size:1rem} .premium-control-actions{grid-template-columns:minmax(88px,.28fr) minmax(0,1fr);margin-inline:-.15rem;padding:.45rem;border-radius:19px} .premium-undo-action,.premium-confirm-button{min-height:52px}} @media (max-width:360px){.premium-section-label small{display:none} .premium-control-head p{max-width:210px} .premium-preset-key{min-width:0;padding-inline:.25rem;font-size:.82rem} .premium-score-key{min-width:0;padding-inline:.2rem} .premium-special-key{padding-inline:.25rem;font-size:.68rem} .premium-control-actions{grid-template-columns:84px minmax(0,1fr)}} @keyframes of-player-enter{from{opacity:.72;transform:translateY(4px) scale(.99)} to{opacity:1;transform:translateY(-3px) scale(1)}} @keyframes of-result-enter{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)}} @keyframes of-score-pulse{0%{transform:scale(.985);opacity:.82} 100%{transform:scale(1);opacity:1}} .premium-player-card.active{animation:of-player-enter var(--of-motion-slow) var(--of-ease) both} .premium-player-card.active .premium-player-score strong{animation:of-score-pulse var(--of-motion-normal) var(--of-ease) both} .premium-timeline{overflow:hidden;border:1px solid var(--of-border);border-radius:var(--of-radius-card);background:rgba(255,255,255,.82);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .premium-timeline>summary{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;cursor:pointer;list-style:none} .premium-timeline>summary::-webkit-details-marker{display:none} .premium-timeline>summary>span:first-child{display:grid;gap:.1rem} .premium-timeline>summary strong{color:var(--of-text);font-family:var(--of-font-display);font-size:1.2rem} .premium-timeline>summary small{color:var(--of-text-muted);font-size:.68rem} .timeline-count{display:grid;min-width:34px;height:34px;place-items:center;border-radius:999px;background:rgba(47,184,157,.12);color:var(--of-teal-700);font-size:.72rem;font-weight:800} .premium-timeline-list{display:grid;gap:0;max-height:520px;overflow-y:auto;padding:.2rem 1rem 1rem;scrollbar-width:thin} .timeline-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:.65rem;animation:of-result-enter var(--of-motion-normal) var(--of-ease) both} .timeline-rail{display:grid;grid-template-rows:36px minmax(20px,1fr);justify-items:center} .timeline-avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:13px;background:rgba(47,184,157,.12);color:var(--of-teal-700);font-size:.68rem;font-weight:800} .timeline-line{width:2px;height:100%;min-height:20px;background:linear-gradient(180deg,rgba(47,184,157,.28),rgba(47,184,157,.04))} .timeline-item:last-child .timeline-line{opacity:0} .timeline-card{display:grid;gap:.45rem;margin-bottom:.7rem;padding:.75rem .8rem;border:1px solid var(--of-border);border-radius:17px;background:rgba(255,255,255,.7)} .timeline-head,.timeline-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem} .timeline-head>div{min-width:0;display:grid} .timeline-head strong{overflow:hidden;color:var(--of-text);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap} .timeline-head span,.timeline-foot span,.timeline-foot small{color:var(--of-text-muted);font-size:.62rem} .timeline-score{color:var(--of-teal-700) !important;font-family:var(--of-font-score);font-size:1rem !important;font-weight:800} .timeline-item.bust .timeline-score{color:var(--of-danger) !important} .timeline-item.checkout .timeline-score,.timeline-item.shanghai .timeline-score{color:var(--of-coral-600) !important} .timeline-darts{color:var(--of-text);font-size:.72rem;font-weight:800;letter-spacing:.015em} .timeline-empty{display:grid;justify-items:center;gap:.3rem;padding:2rem 1rem;color:var(--of-text-muted);text-align:center} .timeline-empty>span{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:rgba(47,184,157,.1);color:var(--of-teal-700);font-size:1.3rem} .timeline-empty strong{color:var(--of-text)} .result-shell-v2{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(255,147,51,.16),transparent 34%),linear-gradient(180deg,var(--of-mint-100),var(--of-mint-50))} .result-page-v2{width:min(100% - 2rem,1180px);margin:0 auto;padding:1rem 0 3rem} .result-hero-v2{display:grid;justify-items:center;gap:.4rem;padding:clamp(1.5rem,5vw,3.2rem);border:1px solid var(--of-border);border-radius:30px;background:radial-gradient(circle at top center,rgba(255,178,77,.22),transparent 40%),rgba(255,255,255,.84);box-shadow:var(--of-shadow-lg),var(--of-shadow-inset);text-align:center;animation:of-result-enter var(--of-motion-slow) var(--of-ease) both} .result-trophy{display:grid;width:68px;height:68px;place-items:center;border-radius:23px;background:var(--of-gradient-accent);color:white;box-shadow:0 14px 32px rgba(255,147,51,.22);font-size:1.65rem} .result-kicker{margin:.4rem 0 0;color:var(--of-coral-600);font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase} .result-hero-v2 h1{margin:0;color:var(--of-text);font-size:clamp(2.5rem,8vw,5.8rem);letter-spacing:-.055em;text-transform:none} .result-hero-v2>p:last-of-type{max-width:680px;margin:0;color:var(--of-text-muted);line-height:1.55} .result-actions-v2{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:.8rem} .result-actions-v2 button{min-width:170px} .result-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0} .result-player-card{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--of-border);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:var(--of-shadow-sm)} .result-player-card.winner{border-color:rgba(255,147,51,.38);background:radial-gradient(circle at top right,rgba(255,178,77,.18),transparent 42%),rgba(255,255,255,.92);box-shadow:0 0 0 3px rgba(255,147,51,.08),var(--of-shadow-md)} .result-player-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.7rem;align-items:center} .result-avatar{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;background:rgba(47,184,157,.12);color:var(--of-teal-700);font-family:var(--of-font-display);font-size:1.25rem;font-weight:800} .result-player-card.winner .result-avatar{color:white;background:var(--of-gradient-accent)} .result-player-head span{color:var(--of-text-muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .result-player-head h3{margin:.05rem 0 0;color:var(--of-text);font-size:1.1rem} .result-player-primary{display:grid;justify-items:center;gap:.1rem;padding:.75rem;border:1px solid var(--of-border);border-radius:17px;background:rgba(255,255,255,.66)} .result-player-primary span{color:var(--of-text-muted);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .result-player-primary strong{color:var(--of-text);font-family:var(--of-font-score);font-size:2rem;line-height:1} .result-table-card{padding:1rem;margin-bottom:1rem} .result-section-head span{color:var(--of-teal-700);font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase} .result-section-head h2{margin:.1rem 0 1rem;color:var(--of-text);font-size:1.4rem;text-transform:none} .result-table-card .results-table-wrap{border:1px solid var(--of-border);border-radius:18px;background:rgba(255,255,255,.58)} .result-table-card .results-table th{background:rgba(47,184,157,.07);color:var(--of-text-muted)} .result-table-card .winner-row{background:rgba(255,178,77,.10)} @media (min-width:981px){.premium-match-main{grid-template-columns:minmax(0,1fr)} .premium-match-side .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))} .premium-player-grid:has(.premium-player-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))} .premium-player-grid:has(.premium-player-card:nth-child(3)){grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}} @media (min-width:761px) and (max-width:1100px){.match-page-v2{width:min(100% - 1.5rem,100%)} .premium-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .premium-match-workspace{gap:.8rem}} @media (max-width:760px){.premium-timeline-list{max-height:420px;padding-inline:.75rem} .premium-timeline>summary{min-height:62px;padding:.75rem} .timeline-item{grid-template-columns:34px minmax(0,1fr);gap:.5rem} .timeline-avatar{width:32px;height:32px;border-radius:11px} .timeline-card{padding:.65rem} .result-page-v2{width:min(100% - 1rem,100%);padding-top:.55rem} .result-hero-v2{padding:1.25rem .9rem;border-radius:22px} .result-trophy{width:58px;height:58px;border-radius:19px} .result-actions-v2{width:100%} .result-actions-v2 button{flex:1 1 140px;min-width:0} .result-player-grid{grid-template-columns:1fr;gap:.7rem} .result-table-card{padding:.75rem} .result-table-card .results-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}} .premium-input-panel button:focus-visible,.premium-timeline summary:focus-visible,.result-actions-v2 button:focus-visible,.timeline-card:focus-visible{outline:3px solid rgba(47,184,157,.35);outline-offset:3px} @media (prefers-reduced-motion:reduce){.premium-player-card.active,.premium-player-card.active .premium-player-score strong,.timeline-item,.result-hero-v2{animation:none !important}} @media (prefers-contrast:more){.premium-player-card,.premium-input-panel,.premium-timeline,.result-hero-v2,.result-player-card,.result-table-card{border-color:rgba(15,28,25,.35)}} body{color:var(--of-text-primary);background:var(--of-gradient-page)} .app-shell,.setup-shell,.game-shell,.match-shell-v2,.result-shell-v2{color:var(--of-text-primary);background:radial-gradient(circle at 88% -8%,rgba(32,200,200,.06),transparent 28%),radial-gradient(circle at 4% 4%,rgba(55,217,155,.06),transparent 30%),linear-gradient(180deg,var(--of-bg-page),var(--of-bg-deep))} .panel,.game-panel,.setup-shell .panel,.match-player-card,.premium-player-card,.premium-input-panel,.premium-timeline,.result-hero-v2,.result-player-card,.result-table-card{border-color:var(--of-border);color:var(--of-text-primary);background:var(--of-gradient-card);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .panel-heading h2,.hero-title,.match-hero-v2 h1,.premium-player-name h2,.result-hero-v2 h1,.result-player-head h3{color:var(--of-text-primary)} .panel-heading p,.setup-info span,.match-hero-v2 p,.premium-player-name span,.premium-player-last,.premium-player-stat span,.result-hero-v2>p:last-of-type{color:var(--of-text-secondary)} .player-row,.handicap-row,.history-item,.select-field select{border-color:var(--of-border);color:var(--of-text-primary);background:var(--of-bg-input)}.player-row input,.handicap-row input,.select-field select{color:var(--of-text-primary);background:var(--of-bg-input)} .secondary-button,.premium-undo-action{border-color:var(--of-border);color:var(--of-text-primary);background:var(--of-bg-card);box-shadow:var(--of-shadow-xs)} .primary-button,.premium-confirm-button,.setup-shell .primary-button{color:var(--of-text-inverse);background:var(--of-gradient-primary);box-shadow:var(--of-shadow-primary)} .premium-player-card.active,.match-player-card.active{border-color:var(--of-border-primary);background:radial-gradient(circle at top right,rgba(55,217,155,.10),transparent 46%),var(--of-gradient-card);box-shadow:0 0 0 3px rgba(55,217,155,.06),var(--of-shadow-md)} .premium-player-score strong,.match-player-score-block strong,.score,.score-value,.remaining,.big-number{color:var(--of-text-primary)}.premium-player-card.active .premium-player-score strong,.match-player-card.active .match-player-score-block strong{color:var(--of-primary-300)} .premium-player-stat,.match-player-stat,.result-player-primary,.timeline-card,.throw-slot,.premium-score-entry{border-color:var(--of-border);background:rgba(12,25,31,.72)} .premium-preset-key,.premium-number-key,.premium-utility-key,.premium-score-key,.premium-special-key,.multiplier-button,.quick-key,.score-key{border-color:var(--of-border);color:var(--of-text-primary);background:var(--of-bg-card)} .premium-score-key:hover,.premium-preset-key:hover{border-color:var(--of-border-primary);background:var(--of-bg-card-hover)}.premium-control-actions{border-color:var(--of-border);background:rgba(5,11,15,.90);box-shadow:var(--of-shadow-lg)} .premium-checkout-card{border-color:rgba(55,217,155,.20);background:radial-gradient(circle at top right,rgba(55,217,155,.08),transparent 46%),var(--of-gradient-card)}.premium-checkout-card .checkout-route{color:var(--of-primary-300)} .match-hero-v2,.setup-hero,.result-hero-v2{border-color:var(--of-border);background:radial-gradient(circle at top right,rgba(55,217,155,.08),transparent 44%),var(--of-gradient-card)} .match-hero-meta>span,.match-hero-meta>strong,.setup-status span,.of-status-chip{border-color:var(--of-border);color:var(--of-text-secondary);background:rgba(10,21,27,.82)} .timeline-avatar,.premium-player-avatar,.match-player-avatar,.result-avatar{color:var(--of-primary-300);background:rgba(55,217,155,.09)}.premium-player-card.active .premium-player-avatar,.match-player-card.active .match-player-avatar{color:var(--of-text-inverse);background:var(--of-gradient-primary)} .dark-setup-shell{min-height:100dvh;background:radial-gradient(circle at 90% -5%,rgba(32,200,200,.06),transparent 30%),radial-gradient(circle at 5% 5%,rgba(55,217,155,.07),transparent 28%),linear-gradient(180deg,var(--of-bg-page),var(--of-bg-deep))} .dark-setup-page{width:min(100% - 2rem,1240px);margin:0 auto;padding:1rem 0 3rem} .dark-setup-hero{display:flex;min-height:auto;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin:0 0 1rem;padding:clamp(1.1rem,3vw,1.65rem);border:1px solid var(--of-border);border-radius:26px;background:radial-gradient(circle at 88% 8%,rgba(55,217,155,.09),transparent 36%),var(--of-gradient-card);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .setup-kicker{margin-bottom:.7rem} .dark-setup-hero .hero-title{margin:0;color:var(--of-text-primary);font-size:clamp(2.6rem,6vw,5rem);line-height:.95;letter-spacing:-.055em;text-transform:none} .dark-setup-hero .hero-title span{color:var(--of-primary-400)} .dark-setup-hero .setup-title-block>p{max-width:560px;margin:.75rem 0 0;color:var(--of-text-secondary);font-size:.88rem} .dark-setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);gap:1rem;align-items:start} .dark-setup-card,.dark-history-card{padding:clamp(.85rem,2vw,1.15rem);border:1px solid var(--of-border);border-radius:24px;background:rgba(7,17,22,.74);box-shadow:var(--of-shadow-sm)} .dark-form-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.85rem;padding:.4rem;border:1px solid var(--of-border);border-radius:18px;background:rgba(255,255,255,.02)} .dark-form-progress span{display:grid;min-height:38px;place-items:center;border-radius:14px;color:var(--of-text-muted);font-size:.68rem;font-weight:800} .dark-form-progress span.active{color:var(--of-primary-300);background:rgba(55,217,155,.08)} .dark-setup-section{margin:0;padding:clamp(.85rem,2vw,1.15rem);border:1px solid var(--of-border);border-radius:21px;background:radial-gradient(circle at top right,rgba(55,217,155,.025),transparent 42%),rgba(12,25,31,.72)} .dark-setup-section + .dark-setup-section{margin-top:.75rem} .dark-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.9rem} .dark-section-heading>div{min-width:0} .dark-section-kicker{color:var(--of-primary-300);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .dark-section-heading h2,.dark-history-head h2{margin:.1rem 0 0;color:var(--of-text-primary);font-family:var(--of-font-display);font-size:1.45rem;letter-spacing:-.025em;text-transform:none} .dark-section-heading p{max-width:310px;margin:0;color:var(--of-text-muted);font-size:.7rem;line-height:1.4;text-align:right} .dark-setup-shell .of-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem} .dark-setup-shell .of-game-option__surface{min-height:92px;border-color:var(--of-border);background:linear-gradient(145deg,rgba(18,36,43,.92),rgba(8,18,23,.92))} .dark-setup-shell .of-game-option__icon{border:1px solid rgba(55,217,155,.12);color:var(--of-primary-300);background:rgba(55,217,155,.07)} .dark-setup-shell .of-game-option input:checked + .of-game-option__surface{border-color:rgba(55,217,155,.48);background:radial-gradient(circle at top right,rgba(55,217,155,.1),transparent 45%),linear-gradient(145deg,rgba(18,39,44,.96),rgba(8,20,24,.96));box-shadow:0 0 0 3px rgba(55,217,155,.06),var(--of-shadow-md)} .dark-setup-shell .of-game-option__body strong{color:var(--of-text-primary)} .dark-setup-shell .of-game-option__body span{color:var(--of-text-secondary)} .dark-conditional-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem;padding:.65rem;border:1px solid var(--of-border-soft);border-radius:18px;background:rgba(2,8,11,.28)} .dark-setting-group{display:grid;gap:.45rem} .dark-setup-shell .choice-row:not(.game-choice-grid){min-width:0;border-color:var(--of-border);background:rgba(255,255,255,.02)} .dark-setup-shell .choice-row:not(.game-choice-grid) .choice-pill span{min-height:42px;color:var(--of-text-secondary)} .dark-setup-shell .choice-row:not(.game-choice-grid) .choice-pill input:checked + span{color:var(--of-text-primary);background:linear-gradient(145deg,rgba(28,53,59,.95),rgba(15,31,37,.95));box-shadow:0 0 0 1px rgba(55,217,155,.16),var(--of-shadow-xs)} .dark-info-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.7rem;align-items:center;margin-top:.75rem;padding:.7rem;border:1px solid rgba(32,200,200,.13);border-radius:17px;background:rgba(32,200,200,.045)} .dark-info-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:var(--of-teal-400);background:rgba(32,200,200,.08);font-weight:800} .dark-info-card strong{display:block;color:var(--of-text-primary);font-size:.76rem} .dark-info-card div>span{display:block;margin-top:.15rem;color:var(--of-text-secondary);font-size:.68rem;line-height:1.45} .dark-setup-shell .select-grid{gap:.65rem} .dark-setup-shell .select-field{display:grid;gap:.4rem;padding:.65rem;border:1px solid var(--of-border);border-radius:17px;background:rgba(2,8,11,.24)} .dark-setup-shell .select-field select{min-height:48px;border-color:var(--of-border);color:var(--of-text-primary);background:var(--of-bg-input)} .dark-player-row{display:grid;grid-template-columns:30px 40px minmax(0,1fr) 40px;gap:.55rem;align-items:center;padding:.55rem;border:1px solid var(--of-border);border-radius:17px;background:rgba(5,13,17,.46)} .dark-player-row + .dark-player-row{margin-top:.5rem} .dark-player-row .player-number{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;color:var(--of-text-muted);background:rgba(255,255,255,.025);font-size:.65rem;font-weight:800} .dark-player-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:14px;color:var(--of-primary-300);background:rgba(55,217,155,.08);font-weight:800} .dark-player-field{display:grid;gap:.25rem} .dark-player-field>span{color:var(--of-text-muted);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .dark-player-field input{width:100%;min-height:44px;padding:.55rem .65rem;border-color:var(--of-border);color:var(--of-text-primary);background:var(--of-bg-input)} .dark-player-row .remove-player{width:40px;min-width:40px;height:40px;border:1px solid var(--of-border);border-radius:13px;color:var(--of-text-muted);background:rgba(255,255,255,.025)} .dark-player-row .remove-player:not(:disabled):hover{border-color:rgba(240,90,90,.24);color:#ff9a9a;background:rgba(240,90,90,.07)} .dark-add-player{width:100%;margin-top:.65rem;border-style:dashed;color:var(--of-primary-300)} .dark-handicap-row{border-color:var(--of-border);background:rgba(5,13,17,.46)} .dark-handicap-row strong{color:var(--of-text-primary)} .dark-handicap-row small{color:var(--of-text-muted)} .dark-handicap-row input{border-color:var(--of-border);color:var(--of-text-primary);background:var(--of-bg-input)} .dark-final-action{position:sticky;z-index:20;bottom:max(.55rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.38fr);gap:.8rem;align-items:center;margin-top:.8rem;padding:.65rem;border:1px solid var(--of-border);border-radius:20px;background:rgba(2,8,11,.88);box-shadow:var(--of-shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .dark-final-action>div{display:grid;gap:.1rem;padding-left:.25rem} .dark-final-action>div span{color:var(--of-text-primary);font-size:.76rem;font-weight:800} .dark-final-action>div small{color:var(--of-text-muted);font-size:.62rem} .dark-start-match{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:.55rem;border-radius:16px} .dark-history-card{position:sticky;top:82px} .dark-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-bottom:.75rem} .dark-history-count{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;color:var(--of-primary-300);background:rgba(55,217,155,.08);font-size:.7rem;font-weight:800} .dark-history-item{padding:.7rem;border:1px solid var(--of-border);border-radius:16px;background:rgba(5,13,17,.5)} .dark-history-item + .dark-history-item{margin-top:.5rem} .dark-history-item strong{color:var(--of-text-primary)} .dark-history-item time,.dark-history-item p{color:var(--of-text-muted)} .dark-empty-state{display:grid;justify-items:center;gap:.25rem;padding:1.5rem .75rem;border:1px dashed var(--of-border);border-radius:17px;color:var(--of-text-muted);text-align:center} .dark-empty-state>span{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;color:var(--of-primary-300);background:rgba(55,217,155,.07);font-size:1.15rem} .dark-empty-state strong{color:var(--of-text-primary)} .dark-empty-state p{margin:0;font-size:.68rem;line-height:1.45} @media (max-width:920px){.dark-setup-grid{grid-template-columns:1fr} .dark-history-card{position:static}} @media (max-width:680px){.dark-setup-page{width:min(100% - 1rem,100%);padding-top:.55rem} .dark-setup-hero{display:grid;gap:.9rem;padding:.9rem;border-radius:21px} .dark-setup-hero .hero-title{font-size:clamp(2.5rem,13vw,4rem)} .dark-setup-shell .of-game-grid{grid-template-columns:1fr} .dark-conditional-settings{grid-template-columns:1fr} .dark-section-heading{display:grid;gap:.25rem} .dark-section-heading p{max-width:none;text-align:left} .dark-final-action{grid-template-columns:1fr} .dark-final-action>div{display:none}} @media (max-width:390px){.dark-setup-card,.dark-history-card{padding:.65rem;border-radius:20px} .dark-setup-section{padding:.7rem;border-radius:18px} .dark-form-progress span{font-size:.6rem} .dark-player-row{grid-template-columns:28px 36px minmax(0,1fr) 36px;gap:.4rem;padding:.45rem} .dark-player-avatar,.dark-player-row .remove-player{width:36px;min-width:36px;height:36px} .dark-player-field input{min-width:0;padding-inline:.5rem}} .match-shell-v2{min-height:100dvh;background:radial-gradient(circle at 92% -8%,rgba(32,200,200,.055),transparent 30%),radial-gradient(circle at 4% 5%,rgba(55,217,155,.055),transparent 28%),linear-gradient(180deg,var(--of-bg-page),var(--of-bg-deep))} .match-page-v2{width:min(100% - 2rem,1380px);margin:0 auto;padding:1rem 0 3rem} .dark-match-header{display:grid;gap:.8rem;margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid var(--of-border);border-radius:24px;background:radial-gradient(circle at 88% 8%,rgba(55,217,155,.085),transparent 38%),var(--of-gradient-card);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .dark-match-header__main{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem} .dark-match-header__title{min-width:0} .dark-match-eyebrow{display:block;margin-bottom:.15rem;color:var(--of-primary-300);font-size:.62rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase} .dark-match-header h1{margin:0;color:var(--of-text-primary);font-size:clamp(2.35rem,5vw,4.25rem);line-height:.95;letter-spacing:-.055em;text-transform:none} .dark-match-header p{margin:.3rem 0 0;color:var(--of-text-secondary);font-size:.78rem} .dark-match-header__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem} .dark-match-chip{display:inline-flex;min-height:32px;align-items:center;gap:.4rem;padding:.35rem .6rem;border:1px solid var(--of-border);border-radius:999px;color:var(--of-text-secondary);background:rgba(7,17,22,.78);font-size:.65rem;font-weight:800} .dark-match-chip.live{border-color:rgba(55,217,155,.2);color:var(--of-primary-300);background:rgba(55,217,155,.08)} .dark-match-chip.live i{width:7px;height:7px;border-radius:50%;background:var(--of-primary-400);box-shadow:0 0 0 4px rgba(55,217,155,.08)} .dark-match-chip.timer{font-variant-numeric:tabular-nums} .dark-active-player-strip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;padding:.55rem .7rem;border:1px solid rgba(55,217,155,.13);border-radius:15px;background:rgba(55,217,155,.045)} .dark-active-player-strip span{color:var(--of-text-muted);font-size:.63rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase} .dark-active-player-strip strong{color:var(--of-primary-300);font-size:.78rem} .premium-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem;margin-bottom:1rem} .dark-match-player-card{position:relative;overflow:hidden;padding:.95rem;border:1px solid var(--of-border);border-radius:22px;background:linear-gradient(155deg,rgba(16,31,38,.96),rgba(7,16,21,.96));box-shadow:var(--of-shadow-sm),var(--of-shadow-inset);transition:transform var(--of-motion-normal) var(--of-ease),border-color var(--of-motion-normal) var(--of-ease),box-shadow var(--of-motion-normal) var(--of-ease),opacity var(--of-motion-normal) var(--of-ease)} .dark-match-player-card::after{position:absolute;right:-42px;bottom:-50px;width:160px;height:160px;border-radius:50%;background:rgba(55,217,155,.035);content:""} .dark-match-player-card:not(.active){opacity:.78} .dark-match-player-card.active{transform:translateY(-3px) scale(1.01);border-color:rgba(55,217,155,.5);background:radial-gradient(circle at top right,rgba(55,217,155,.11),transparent 42%),linear-gradient(155deg,rgba(17,38,43,.98),rgba(7,19,23,.98));box-shadow:0 0 0 3px rgba(55,217,155,.055),0 20px 52px rgba(0,0,0,.34)} .dark-match-player-head{position:relative;z-index:1;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:.7rem;align-items:center} .dark-match-player-avatar{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(55,217,155,.12);border-radius:16px;color:var(--of-primary-300);background:rgba(55,217,155,.075);font-size:1.1rem;font-weight:800} .dark-match-player-card.active .dark-match-player-avatar{color:var(--of-text-inverse);background:var(--of-gradient-primary);box-shadow:var(--of-shadow-primary)} .dark-match-player-name{min-width:0} .dark-match-player-name span{display:block;color:var(--of-text-muted);font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase} .dark-match-player-name h2{margin:.1rem 0 0;overflow:hidden;color:var(--of-text-primary);font-size:1.15rem;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap} .dark-match-player-index{display:grid;min-width:34px;height:34px;place-items:center;border:1px solid var(--of-border);border-radius:999px;color:var(--of-text-muted);background:rgba(255,255,255,.025);font-size:.62rem;font-weight:800} .dark-match-score-wrap{position:relative;z-index:1;display:grid;justify-items:center;gap:.1rem;padding:.8rem 0 .65rem} .dark-match-score-wrap>span{color:var(--of-text-muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .dark-match-score{color:var(--of-text-primary);font-family:var(--of-font-score);font-size:clamp(3.8rem,10vw,6.5rem);line-height:.9;letter-spacing:-.075em;font-variant-numeric:tabular-nums;text-shadow:0 10px 24px rgba(0,0,0,.32)} .dark-match-player-card.active .dark-match-score{color:var(--of-primary-300);text-shadow:0 0 28px rgba(55,217,155,.07),0 12px 28px rgba(0,0,0,.34)} .dark-match-player-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem} .dark-player-stat{display:grid;gap:.1rem;min-width:0;padding:.5rem;border:1px solid var(--of-border-soft);border-radius:13px;background:rgba(255,255,255,.02)} .dark-player-stat span{overflow:hidden;color:var(--of-text-muted);font-size:.54rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap} .dark-player-stat strong{color:var(--of-text-secondary);font-size:.82rem;font-variant-numeric:tabular-nums} .dark-match-player-foot{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:.45rem} .dark-match-player-foot>span{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:34px;padding:.35rem .45rem;border:1px solid var(--of-border-soft);border-radius:11px;background:rgba(2,8,11,.24)} .dark-match-player-foot small{color:var(--of-text-muted);font-size:.52rem} .dark-match-player-foot strong{color:var(--of-text-primary);font-size:.72rem;font-variant-numeric:tabular-nums} .dark-match-last-visit{position:relative;z-index:1;margin:.55rem 0 0;color:var(--of-text-muted);font-size:.62rem;text-align:center} @keyframes dark-flow-active-breathe{0%,100%{box-shadow:0 0 0 3px rgba(55,217,155,.045),0 20px 52px rgba(0,0,0,.34)} 50%{box-shadow:0 0 0 4px rgba(55,217,155,.075),0 22px 58px rgba(0,0,0,.38)}} .dark-match-player-card.active{animation:dark-flow-active-breathe 3s ease-in-out infinite} @media (max-width:980px){.dark-match-header__main{align-items:flex-start} .dark-match-header__meta{max-width:54%}} @media (max-width:760px){.match-page-v2{width:min(100% - 1rem,100%);padding-top:.55rem} .dark-match-header{padding:.8rem;border-radius:20px} .dark-match-header__main{display:grid;gap:.7rem} .dark-match-header__meta{max-width:none;justify-content:flex-start} .dark-match-chip.timer{display:none} .premium-player-grid{grid-template-columns:1fr;gap:.65rem} .dark-match-player-card{padding:.75rem;border-radius:19px} .dark-match-score{font-size:clamp(4rem,20vw,6rem)} .dark-match-player-card:not(.active){opacity:.68}} @media (max-width:390px){.dark-match-header__meta{gap:.35rem} .dark-match-chip{min-height:29px;padding:.3rem .45rem;font-size:.58rem} .dark-active-player-strip{min-height:40px} .dark-match-player-head{grid-template-columns:40px minmax(0,1fr) auto;gap:.5rem} .dark-match-player-avatar{width:40px;height:40px;border-radius:14px} .dark-match-score{font-size:clamp(3.8rem,19vw,5.1rem)} .dark-player-stat{padding:.42rem} .dark-player-stat span{font-size:.5rem} .dark-player-stat strong{font-size:.74rem}} @media (prefers-reduced-motion:reduce){.dark-match-player-card.active{animation:none}} .dark-turn-panel,.dark-input-panel{display:grid;gap:.85rem;padding:.9rem;border:1px solid var(--of-border);border-radius:22px;background:linear-gradient(155deg,rgba(16,31,38,.96),rgba(7,16,21,.96));box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .dark-turn-head,.dark-input-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem} .dark-control-kicker{display:block;color:var(--of-primary-300);font-size:.59rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .dark-turn-head h2,.dark-input-head h2{margin:.1rem 0 0;color:var(--of-text-primary);font-size:1.35rem;letter-spacing:-.02em;text-transform:none} .dark-input-head p{max-width:520px;margin:.2rem 0 0;color:var(--of-text-muted);font-size:.68rem;line-height:1.45} .dark-turn-total,.dark-entry-status{flex:0 0 auto;display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:.35rem .6rem;border:1px solid var(--of-border);border-radius:999px;color:var(--of-text-secondary);background:rgba(7,17,22,.82);font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums} .dark-turn-total{min-width:52px;font-family:var(--of-font-score);font-size:1rem} .dark-turn-total.success,.dark-entry-status.success{border-color:rgba(55,217,155,.22);color:var(--of-primary-300);background:rgba(55,217,155,.08)} .dark-turn-total.danger,.dark-entry-status.danger{border-color:rgba(240,90,90,.22);color:#ff9494;background:rgba(240,90,90,.08)} .dark-visit-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem} .dark-visit-slot{display:grid;justify-items:center;gap:.15rem;min-height:72px;align-content:center;border:1px solid var(--of-border);border-radius:16px;background:rgba(5,13,17,.58)} .dark-visit-slot span{color:var(--of-text-muted);font-size:.55rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase} .dark-visit-slot strong{color:var(--of-text-disabled);font-size:1rem} .dark-visit-slot.filled{border-color:rgba(55,217,155,.22);background:rgba(55,217,155,.055)} .dark-visit-slot.filled strong{color:var(--of-text-primary)} .dark-checkout-card{display:grid;gap:.5rem;padding:.8rem;border:1px solid rgba(55,217,155,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(55,217,155,.08),transparent 46%),rgba(7,17,22,.72)} .dark-checkout-card .checkout-label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem} .dark-checkout-card .checkout-label span{color:var(--of-text-primary);font-size:.72rem;font-weight:800} .dark-checkout-card .checkout-label small{color:var(--of-text-muted);font-size:.58rem} .dark-checkout-card .checkout-route{color:var(--of-primary-300);font-family:var(--of-font-score);font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.03em} .dark-checkout-card .checkout-alternatives{display:flex;flex-wrap:wrap;gap:.35rem} .dark-checkout-card .checkout-alternative{padding:.38rem .5rem;border:1px solid var(--of-border);border-radius:999px;color:var(--of-text-muted);background:rgba(255,255,255,.025);font-size:.6rem} .dark-score-display{display:grid;justify-items:center;gap:.1rem;padding:.85rem;border:1px solid var(--of-border);border-radius:18px;background:radial-gradient(circle at top right,rgba(55,217,155,.06),transparent 46%),rgba(5,13,17,.58)} .dark-score-display span{color:var(--of-text-muted);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .dark-score-display strong{color:var(--of-text-primary);font-family:var(--of-font-score);font-size:clamp(3.3rem,12vw,5.6rem);line-height:.9;letter-spacing:-.065em} .dark-control-block{display:grid;gap:.55rem} .dark-control-label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem} .dark-control-label span{color:var(--of-text-primary);font-size:.72rem;font-weight:800} .dark-control-label small{color:var(--of-text-muted);font-size:.58rem} .dark-score-chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem} .dark-score-chip{min-height:42px;border:1px solid var(--of-border);border-radius:999px;color:var(--of-text-secondary);background:rgba(255,255,255,.025);box-shadow:none;font-family:var(--of-font-score);font-size:.86rem} .dark-score-chip:hover{border-color:rgba(55,217,155,.28);color:var(--of-primary-300);background:rgba(55,217,155,.06)} .dark-keypad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem} .dark-keypad-key,.dark-board-key{min-height:56px;border:1px solid var(--of-border);border-radius:16px;color:var(--of-text-primary);background:linear-gradient(155deg,rgba(17,33,40,.95),rgba(8,17,22,.95));box-shadow:var(--of-shadow-xs);font-family:var(--of-font-score);font-size:1.15rem} .dark-keypad-key.utility{color:var(--of-text-muted);font-family:var(--of-font-body);font-size:.7rem;font-weight:800} .dark-keypad-key:hover,.dark-board-key:hover{border-color:rgba(55,217,155,.28);background:var(--of-bg-card-hover)} .dark-multiplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem} .dark-multiplier{display:flex;min-height:52px;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--of-border);border-radius:16px;color:var(--of-text-secondary);background:rgba(255,255,255,.025);box-shadow:none} .dark-multiplier small{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;color:var(--of-text-muted);background:rgba(255,255,255,.035);font-size:.65rem;font-weight:800} .dark-multiplier span{font-size:.72rem;font-weight:800} .dark-multiplier.single.active{border-color:rgba(55,217,155,.3);color:var(--of-primary-300);background:rgba(55,217,155,.07)} .dark-multiplier.double.active{border-color:rgba(32,200,200,.3);color:var(--of-teal-400);background:rgba(32,200,200,.07)} .dark-multiplier.triple.active{border-color:rgba(185,149,233,.3);color:var(--of-purple-400);background:rgba(185,149,233,.07)} .dark-multiplier.single.active small{color:var(--of-text-inverse);background:var(--of-gradient-primary)} .dark-multiplier.double.active small{color:#021113;background:var(--of-gradient-teal)} .dark-multiplier.triple.active small{color:#10091a;background:var(--of-gradient-purple)} .dark-board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.42rem} .dark-board-grid.cricket{grid-template-columns:repeat(3,minmax(0,1fr))} .dark-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem} .dark-special-key{min-height:48px;border:1px solid var(--of-border);border-radius:15px;color:var(--of-text-secondary);background:rgba(255,255,255,.025);box-shadow:none;font-size:.7rem;font-weight:800} .dark-special-key.miss{border-color:rgba(240,90,90,.16);color:#ff8f8f;background:rgba(240,90,90,.05)} .dark-special-key.outer{border-color:rgba(32,200,200,.16);color:var(--of-teal-400);background:rgba(32,200,200,.05)} .dark-special-key.bull{border-color:rgba(255,129,71,.2);color:var(--of-orange-400);background:rgba(255,129,71,.06)} .dark-input-warning{display:none} .dark-input-warning.visible{display:block;padding:.65rem .75rem;border:1px solid rgba(233,173,72,.2);border-radius:14px;color:#ffd182;background:rgba(233,173,72,.06);font-size:.66rem} .dark-bottom-actions{position:sticky;z-index:30;bottom:max(.5rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(92px,.28fr) minmax(0,1fr);gap:.55rem;padding:.5rem;border:1px solid var(--of-border);border-radius:19px;background:rgba(2,8,11,.9);box-shadow:var(--of-shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .dark-secondary-action,.dark-confirm-action{min-height:52px;border-radius:15px;font-weight:800} .dark-secondary-action{border:1px solid var(--of-border);color:var(--of-text-secondary);background:var(--of-bg-card)} .dark-confirm-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;color:var(--of-text-inverse);background:var(--of-gradient-primary);box-shadow:var(--of-shadow-primary)} .dark-confirm-action.bust{color:white;background:linear-gradient(135deg,var(--of-red-400),var(--of-red-700));box-shadow:0 12px 28px rgba(240,90,90,.16)} .dark-confirm-action:disabled,.dark-secondary-action:disabled{opacity:.44;box-shadow:none} .turn-actions,.premium-control-actions{display:none !important} @media (max-width:760px){.dark-turn-panel,.dark-input-panel{padding:.72rem;border-radius:19px} .dark-score-chip-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem} .dark-score-chip{min-width:0;min-height:40px;padding-inline:.2rem;font-size:.78rem} .dark-keypad-key,.dark-board-key{min-height:53px} .dark-board-grid{gap:.34rem} .dark-bottom-actions{margin-inline:-.1rem}} @media (max-width:390px){.dark-control-label small{display:none} .dark-visit-slot{min-height:64px} .dark-score-chip{font-size:.72rem} .dark-board-key{min-width:0;padding-inline:.2rem;font-size:1rem} .dark-multiplier span{font-size:.65rem} .dark-special-key{padding-inline:.25rem;font-size:.63rem} .dark-bottom-actions{grid-template-columns:86px minmax(0,1fr)}} .dark-stats-panel,.dark-timeline-panel{border:1px solid var(--of-border);border-radius:22px;background:linear-gradient(155deg,rgba(16,31,38,.96),rgba(7,16,21,.96));box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .dark-stats-panel{padding:.9rem} .dark-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;margin-bottom:.75rem} .dark-panel-heading h2{margin:.1rem 0 0;color:var(--of-text-primary);font-size:1.3rem;letter-spacing:-.02em;text-transform:none} .dark-panel-heading p{max-width:420px;margin:.2rem 0 0;color:var(--of-text-muted);font-size:.64rem;line-height:1.45} .dark-panel-player{display:inline-flex;min-height:32px;align-items:center;padding:.35rem .55rem;border:1px solid rgba(55,217,155,.17);border-radius:999px;color:var(--of-primary-300);background:rgba(55,217,155,.06);font-size:.63rem;font-weight:800} .dark-live-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem} .dark-live-stat{display:grid;gap:.12rem;min-width:0;padding:.65rem;border:1px solid var(--of-border-soft);border-radius:15px;background:rgba(255,255,255,.02)} .dark-live-stat span{overflow:hidden;color:var(--of-text-muted);font-size:.55rem;font-weight:800;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .dark-live-stat strong{color:var(--of-text-primary);font-family:var(--of-font-score);font-size:1.35rem;line-height:1;font-variant-numeric:tabular-nums} .dark-live-stat small{overflow:hidden;color:var(--of-text-muted);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap} .dark-live-stat.primary{border-color:rgba(55,217,155,.17);background:rgba(55,217,155,.045)} .dark-live-stat.primary strong{color:var(--of-primary-300)} .dark-live-stat.teal{border-color:rgba(32,200,200,.16);background:rgba(32,200,200,.04)} .dark-live-stat.teal strong{color:var(--of-teal-400)} .dark-live-stat.orange{border-color:rgba(255,129,71,.17);background:rgba(255,129,71,.045)} .dark-live-stat.orange strong{color:var(--of-orange-400)} .dark-live-stat.purple{border-color:rgba(185,149,233,.17);background:rgba(185,149,233,.045)} .dark-live-stat.purple strong{color:var(--of-purple-400)} .dark-timeline-panel{overflow:hidden} .dark-timeline-panel>summary{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem .9rem;cursor:pointer;list-style:none} .dark-timeline-panel>summary::-webkit-details-marker{display:none} .dark-timeline-panel>summary>span:first-child{display:grid;gap:.1rem} .dark-timeline-panel>summary strong{color:var(--of-text-primary);font-size:1rem} .dark-timeline-panel>summary small{color:var(--of-text-muted);font-size:.6rem} .dark-timeline-count{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;color:var(--of-primary-300);background:rgba(55,217,155,.07);font-size:.68rem;font-weight:800} .dark-timeline-list{display:grid;max-height:520px;overflow-y:auto;padding:.15rem .9rem .9rem;scrollbar-width:thin} .dark-timeline-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.55rem} .dark-timeline-rail{display:grid;grid-template-rows:34px minmax(18px,1fr);justify-items:center} .dark-timeline-avatar{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(55,217,155,.12);border-radius:12px;color:var(--of-primary-300);background:rgba(55,217,155,.07);font-size:.62rem;font-weight:800} .dark-timeline-line{width:2px;min-height:18px;background:linear-gradient(180deg,rgba(55,217,155,.22),rgba(55,217,155,.02))} .dark-timeline-item:last-child .dark-timeline-line{opacity:0} .dark-timeline-card{display:grid;gap:.42rem;margin-bottom:.58rem;padding:.65rem .7rem;border:1px solid var(--of-border-soft);border-radius:15px;background:rgba(255,255,255,.02)} .dark-timeline-head,.dark-timeline-foot{display:flex;align-items:center;justify-content:space-between;gap:.65rem} .dark-timeline-head>div{min-width:0;display:grid;gap:.04rem} .dark-timeline-head strong{overflow:hidden;color:var(--of-text-primary);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap} .dark-timeline-head span,.dark-timeline-foot span,.dark-timeline-foot small{color:var(--of-text-muted);font-size:.56rem} .dark-timeline-score{flex:0 0 auto;color:var(--of-primary-300) !important;font-family:var(--of-font-score);font-size:.96rem !important;font-weight:800} .dark-timeline-darts{color:var(--of-text-secondary);font-size:.66rem;font-weight:750;letter-spacing:.01em} .dark-timeline-item.bust .dark-timeline-card{border-color:rgba(240,90,90,.16);background:rgba(240,90,90,.035)} .dark-timeline-item.bust .dark-timeline-score{color:#ff8d8d !important} .dark-timeline-item.checkout .dark-timeline-card{border-color:rgba(55,217,155,.2);background:rgba(55,217,155,.04)} .dark-timeline-item.shanghai .dark-timeline-card{border-color:rgba(185,149,233,.19);background:rgba(185,149,233,.04)} .dark-timeline-item.shanghai .dark-timeline-score{color:var(--of-purple-400) !important} .dark-timeline-empty{display:grid;justify-items:center;gap:.25rem;padding:1.5rem .75rem;color:var(--of-text-muted);text-align:center} .dark-timeline-empty>span{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;color:var(--of-primary-300);background:rgba(55,217,155,.07);font-size:1.1rem} .dark-timeline-empty strong{color:var(--of-text-primary)} .dark-timeline-empty p{max-width:280px;margin:0;font-size:.62rem;line-height:1.45} @media (min-width:981px){.premium-match-side{gap:.75rem} .dark-stats-panel{position:sticky;top:82px}} @media (max-width:980px){.dark-live-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:760px){.dark-stats-panel{padding:.72rem;border-radius:19px} .dark-panel-heading{display:grid;gap:.45rem} .dark-panel-player{justify-self:start} .dark-live-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .dark-timeline-panel{border-radius:19px} .dark-timeline-list{max-height:430px;padding-inline:.72rem}} @media (max-width:390px){.dark-live-stat{padding:.55rem} .dark-live-stat strong{font-size:1.15rem} .dark-timeline-item{grid-template-columns:32px minmax(0,1fr);gap:.45rem} .dark-timeline-avatar{width:30px;height:30px;border-radius:10px} .dark-timeline-card{padding:.58rem}} .dark-match-feedback{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.7rem;align-items:center;margin-bottom:.8rem;padding:.68rem .75rem;border:1px solid var(--of-border);border-radius:17px;background:rgba(7,17,22,.82);box-shadow:var(--of-shadow-xs);animation:dark-feedback-in var(--of-motion-normal) var(--of-ease) both} .dark-match-feedback>span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;font-size:.72rem;font-weight:800} .dark-match-feedback div{display:grid;gap:.08rem} .dark-match-feedback strong{color:var(--of-text-primary);font-size:.78rem} .dark-match-feedback small{color:var(--of-text-secondary);font-size:.64rem} .dark-match-feedback.checkout{border-color:rgba(55,217,155,.22);background:rgba(55,217,155,.055)} .dark-match-feedback.checkout>span{color:var(--of-text-inverse);background:var(--of-gradient-primary)} .dark-match-feedback.bust{border-color:rgba(240,90,90,.22);background:rgba(240,90,90,.055)} .dark-match-feedback.bust>span{color:white;background:linear-gradient(135deg,var(--of-red-400),var(--of-red-700))} .dark-match-feedback.shanghai{border-color:rgba(185,149,233,.22);background:rgba(185,149,233,.055)} .dark-match-feedback.shanghai>span{color:#10091a;background:var(--of-gradient-purple)} .dark-match-feedback.max-score{border-color:rgba(255,129,71,.22);background:rgba(255,129,71,.055)} .dark-match-feedback.max-score>span{color:#180b05;background:var(--of-gradient-orange)} .dark-match-feedback.match-win{border-color:rgba(255,129,71,.26);background:radial-gradient(circle at right,rgba(255,129,71,.08),transparent 42%),rgba(7,17,22,.88)} .dark-match-feedback.match-win>span{color:white;background:var(--of-gradient-orange)} @keyframes dark-feedback-in{from{opacity:0;transform:translateY(-5px)} to{opacity:1;transform:translateY(0)}} .dark-result-shell{min-height:100dvh;background:radial-gradient(circle at 50% -12%,rgba(55,217,155,.09),transparent 34%),radial-gradient(circle at 90% 8%,rgba(255,129,71,.055),transparent 28%),linear-gradient(180deg,var(--of-bg-page),var(--of-bg-deep))} .dark-result-page{width:min(100% - 2rem,1180px);margin:0 auto;padding:1rem 0 3rem} .dark-result-hero{position:relative;overflow:hidden;display:grid;justify-items:center;gap:.35rem;padding:clamp(1.5rem,5vw,3.2rem);border:1px solid rgba(55,217,155,.22);border-radius:28px;background:radial-gradient(circle at top center,rgba(55,217,155,.12),transparent 42%),linear-gradient(155deg,rgba(17,36,42,.98),rgba(5,13,17,.98));box-shadow:var(--of-shadow-lg),var(--of-shadow-inset);text-align:center;animation:dark-result-enter var(--of-motion-slow) var(--of-ease) both} .dark-result-hero::before{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:38px 38px;content:""} .dark-result-orbit,.dark-result-kicker,.dark-result-hero h1,.dark-result-scoreline,.dark-result-copy,.dark-result-highlights,.dark-result-actions{position:relative;z-index:1} .dark-result-orbit{display:grid;width:72px;height:72px;place-items:center;margin-bottom:.25rem;border:1px solid rgba(55,217,155,.22);border-radius:24px;background:rgba(55,217,155,.08);box-shadow:0 18px 42px rgba(0,0,0,.32)} .dark-result-orbit span{display:grid;width:42px;height:42px;place-items:center;border-radius:15px;color:var(--of-text-inverse);background:var(--of-gradient-primary);box-shadow:var(--of-shadow-primary)} .dark-result-kicker{margin:.25rem 0 0;color:var(--of-primary-300);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .dark-result-hero h1{margin:0;color:var(--of-text-primary);font-size:clamp(2.8rem,8vw,6rem);line-height:.95;letter-spacing:-.06em;text-transform:none} .dark-result-scoreline{margin:.15rem 0 0;color:var(--of-primary-300);font-family:var(--of-font-score);font-size:1.35rem;letter-spacing:-.02em} .dark-result-copy{max-width:660px;margin:.35rem 0 0;color:var(--of-text-secondary);line-height:1.55} .dark-result-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;width:min(100%,760px);margin-top:1rem} .dark-result-highlight{display:grid;gap:.18rem;padding:.7rem;border:1px solid var(--of-border);border-radius:16px;background:rgba(5,13,17,.54)} .dark-result-highlight span{color:var(--of-text-muted);font-size:.56rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase} .dark-result-highlight strong{color:var(--of-text-primary);font-family:var(--of-font-score);font-size:1.35rem} .dark-result-highlight.primary{border-color:rgba(55,217,155,.2);background:rgba(55,217,155,.055)} .dark-result-highlight.primary strong{color:var(--of-primary-300)} .dark-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem} .dark-result-primary,.dark-result-secondary{display:inline-flex;min-height:52px;min-width:170px;align-items:center;justify-content:center;gap:.55rem;border-radius:16px;font-weight:800} .dark-result-primary{border:0;color:var(--of-text-inverse);background:var(--of-gradient-primary);box-shadow:var(--of-shadow-primary)} .dark-result-secondary{border:1px solid var(--of-border);color:var(--of-text-secondary);background:var(--of-bg-card)} .dark-result-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;margin:1rem 0} .dark-result-player-card{display:grid;gap:.75rem;padding:.9rem;border:1px solid var(--of-border);border-radius:21px;background:linear-gradient(155deg,rgba(16,31,38,.96),rgba(7,16,21,.96));box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .dark-result-player-card.winner{border-color:rgba(55,217,155,.35);background:radial-gradient(circle at top right,rgba(55,217,155,.09),transparent 42%),linear-gradient(155deg,rgba(17,38,43,.98),rgba(7,19,23,.98));box-shadow:0 0 0 3px rgba(55,217,155,.05),var(--of-shadow-md)} .dark-result-player-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.65rem;align-items:center} .dark-result-avatar{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;color:var(--of-primary-300);background:rgba(55,217,155,.08);font-weight:800} .dark-result-player-card.winner .dark-result-avatar{color:var(--of-text-inverse);background:var(--of-gradient-primary)} .dark-result-player-head>div{min-width:0} .dark-result-player-head span{color:var(--of-text-muted);font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .dark-result-player-head h3{margin:.08rem 0 0;overflow:hidden;color:var(--of-text-primary);font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap} .dark-result-winner-badge{display:inline-flex;min-height:30px;align-items:center;padding:.32rem .5rem;border:1px solid rgba(55,217,155,.18);border-radius:999px;color:var(--of-primary-300) !important;background:rgba(55,217,155,.07)} .dark-result-player-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem} .dark-result-player-stat{display:grid;gap:.1rem;padding:.55rem;border:1px solid var(--of-border-soft);border-radius:14px;background:rgba(255,255,255,.02)} .dark-result-player-stat span{color:var(--of-text-muted);font-size:.53rem;font-weight:800;text-transform:uppercase} .dark-result-player-stat strong{color:var(--of-text-primary);font-family:var(--of-font-score);font-size:1rem} .dark-result-breakdown{margin-bottom:1rem;padding:.9rem;border:1px solid var(--of-border);border-radius:22px;background:linear-gradient(155deg,rgba(16,31,38,.96),rgba(7,16,21,.96));box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .dark-result-breakdown .results-table-wrap{overflow-x:auto;border:1px solid var(--of-border);border-radius:16px;background:rgba(5,13,17,.48);-webkit-overflow-scrolling:touch} .dark-result-breakdown .results-table th{color:var(--of-text-muted);background:rgba(55,217,155,.04)} .dark-result-breakdown .results-table td{color:var(--of-text-secondary)} .dark-result-breakdown .winner-row{background:rgba(55,217,155,.05)} @keyframes dark-result-enter{from{opacity:0;transform:translateY(10px) scale(.99)} to{opacity:1;transform:translateY(0) scale(1)}} @media (max-width:760px){.dark-result-page{width:min(100% - 1rem,100%);padding-top:.55rem} .dark-result-hero{padding:1.2rem .8rem;border-radius:22px} .dark-result-orbit{width:62px;height:62px;border-radius:20px} .dark-result-highlights{grid-template-columns:repeat(2,minmax(0,1fr))} .dark-result-actions{width:100%} .dark-result-primary,.dark-result-secondary{flex:1 1 145px;min-width:0} .dark-result-player-grid{grid-template-columns:1fr;gap:.65rem} .dark-result-breakdown{padding:.72rem;border-radius:19px}} @media (max-width:390px){.dark-match-feedback{grid-template-columns:36px minmax(0,1fr);gap:.55rem;padding:.58rem} .dark-match-feedback>span{width:36px;height:36px;border-radius:12px} .dark-result-highlight{padding:.58rem} .dark-result-highlight strong{font-size:1.15rem}} @media (prefers-reduced-motion:reduce){.dark-match-feedback,.dark-result-hero{animation:none}} .match-shell-v2{overflow-x:clip} .match-page-v2,.premium-match-workspace,.premium-match-main,.premium-match-side,.premium-player-grid,.dark-match-player-card,.dark-turn-panel,.dark-input-panel{min-width:0} .dark-match-player-name h2,.dark-dock-player strong,.dark-panel-player,.dark-result-player-head h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dark-match-score,.dark-turn-total,.dark-score-display strong,.dark-live-stat strong,.dark-dock-readout strong{font-variant-numeric:tabular-nums} @keyframes dark-score-settle{from{opacity:.7;transform:translateY(-3px) scale(.985)} to{opacity:1;transform:translateY(0) scale(1)}} @keyframes dark-active-ring{0%,100%{border-color:rgba(55,217,155,.42)} 50%{border-color:rgba(78,230,173,.64)}} .dark-match-score,.dark-turn-total,.dark-score-display strong{animation:dark-score-settle var(--of-motion-normal) var(--of-ease) both} .dark-match-player-card.active{animation:dark-flow-active-breathe 3s ease-in-out infinite,dark-active-ring 3s ease-in-out infinite} .match-shell-v2.players-2 .premium-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .match-shell-v2.players-3 .premium-player-grid,.match-shell-v2.players-4 .premium-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .match-shell-v2.players-3 .dark-match-player-card,.match-shell-v2.players-4 .dark-match-player-card{padding:.8rem} .match-shell-v2.players-3 .dark-match-score,.match-shell-v2.players-4 .dark-match-score{font-size:clamp(3rem,7vw,5rem)} .match-shell-v2.mode-teams .dark-match-player-index{min-width:42px} .match-shell-v2.mode-teams .dark-match-player-index::first-letter{color:var(--of-primary-300)} .dark-match-dock{display:none;position:sticky;z-index:28;top:max(.4rem,env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem;align-items:center;margin-bottom:.65rem;padding:.58rem .65rem;border:1px solid rgba(55,217,155,.16);border-radius:17px;background:rgba(2,8,11,.88);box-shadow:var(--of-shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .dark-dock-player{display:grid;grid-template-columns:9px minmax(0,1fr);gap:.5rem;align-items:center;min-width:0} .dark-dock-player>div{min-width:0;display:grid} .dark-dock-player small,.dark-dock-readout span,.dark-dock-context{color:var(--of-text-muted);font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em} .dark-dock-player strong{color:var(--of-text-primary);font-size:.74rem} .dark-dock-pulse{width:8px;height:8px;border-radius:50%;background:var(--of-primary-400);box-shadow:0 0 0 4px rgba(55,217,155,.08)} .dark-dock-readout{display:grid;justify-items:end} .dark-dock-readout strong{color:var(--of-primary-300);font-family:var(--of-font-score);font-size:1.2rem;line-height:.9} .dark-dock-context{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;padding-top:.4rem;border-top:1px solid var(--of-border-soft)} .dark-dock-context>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dark-dock-awake{display:inline-flex;flex:0 0 auto;align-items:center;gap:.3rem;color:var(--of-primary-300)} .dark-dock-awake i{width:5px;height:5px;border-radius:50%;background:var(--of-primary-400)} .dark-variant-scoreboard{overflow:hidden;padding:.85rem;border-color:var(--of-border);background:linear-gradient(155deg,rgba(16,31,38,.96),rgba(7,16,21,.96))} .dark-variant-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-bottom:.7rem} .dark-variant-heading h2{margin:.1rem 0 0;color:var(--of-text-primary);font-size:1.25rem;text-transform:none} .dark-variant-chip{display:inline-flex;min-height:31px;align-items:center;padding:.34rem .52rem;border:1px solid rgba(55,217,155,.16);border-radius:999px;color:var(--of-primary-300);background:rgba(55,217,155,.06);font-size:.6rem;font-weight:800} .cricket-scroll{overflow-x:auto;border:1px solid var(--of-border);border-radius:17px;background:rgba(5,13,17,.48);-webkit-overflow-scrolling:touch} .cricket-table{min-width:470px;color:var(--of-text-secondary)} .cricket-table th,.cricket-table td{border-color:var(--of-border-soft)} .cricket-table thead th,.cricket-table tfoot th,.cricket-table tfoot td{background:rgba(55,217,155,.035)} .cricket-table .active-side{background:rgba(55,217,155,.055)} .cricket-member.throwing,.team-member.throwing{color:var(--of-primary-300)} .sequence-scoreboard{display:grid;gap:.7rem} .sequence-banner{border-color:rgba(55,217,155,.16);border-radius:17px;background:radial-gradient(circle at top right,rgba(55,217,155,.075),transparent 44%),rgba(5,13,17,.55)} .sequence-banner span,.sequence-banner small{color:var(--of-text-muted)} .sequence-banner strong{color:var(--of-primary-300)} .sequence-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.55rem} .dark-sequence-card{border-color:var(--of-border);border-radius:17px;background:rgba(5,13,17,.5)} .dark-sequence-card.active{border-color:rgba(55,217,155,.28);background:radial-gradient(circle at top right,rgba(55,217,155,.07),transparent 44%),rgba(7,19,23,.72);box-shadow:0 0 0 2px rgba(55,217,155,.04)} .dark-sequence-card .sequence-card-head h2,.dark-sequence-card .sequence-card-head strong{color:var(--of-text-primary)} .dark-sequence-card.active .sequence-card-head strong{color:var(--of-primary-300)} .shared-round-track{padding:.65rem;border:1px solid var(--of-border);border-radius:16px;background:rgba(5,13,17,.45)} .input-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem;border:1px solid var(--of-border);border-radius:16px;background:rgba(2,8,11,.36)} .input-mode-button{min-height:42px;border:0;border-radius:13px;color:var(--of-text-muted);background:transparent;box-shadow:none;font-size:.68rem;font-weight:800} .input-mode-button.active{color:var(--of-primary-300);background:rgba(55,217,155,.07);box-shadow:inset 0 0 0 1px rgba(55,217,155,.13)} @media (orientation:landscape) and (max-height:620px) and (min-width:640px){.match-page-v2{width:min(100% - 1rem,1380px);padding-top:.45rem} .dark-match-header{padding:.65rem .75rem} .dark-match-header h1{font-size:2.25rem} .dark-active-player-strip{display:none} .premium-player-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.55rem} .dark-match-player-card{padding:.65rem} .dark-match-score-wrap{padding-block:.45rem} .dark-match-score{font-size:clamp(2.8rem,8vw,4.4rem)} .premium-match-workspace{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:.65rem} .dark-live-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:760px){.dark-match-dock{display:grid} .match-shell-v2.players-2 .premium-player-grid,.match-shell-v2.players-3 .premium-player-grid,.match-shell-v2.players-4 .premium-player-grid{grid-template-columns:1fr} .match-shell-v2.players-3 .dark-match-player-card,.match-shell-v2.players-4 .dark-match-player-card{padding:.72rem} .dark-match-player-card:not(.active){opacity:.72} .dark-match-player-card.active{order:-1} .dark-variant-scoreboard{padding:.7rem;border-radius:19px} .dark-variant-heading{align-items:flex-start} .sequence-card-list{grid-template-columns:1fr}} @media (max-width:430px){.match-page-v2{width:min(100% - .75rem,100%)} .dark-match-header__meta .dark-match-chip:nth-child(3){display:none} .dark-match-player-foot>span{padding-inline:.35rem} .dark-match-player-foot small{font-size:.48rem} .dark-match-player-foot strong{font-size:.68rem} .dark-board-grid{gap:.28rem} .dark-board-key{min-height:50px;border-radius:13px}} @media (max-width:340px){.match-page-v2{width:calc(100% - .5rem)} .dark-match-header,.dark-match-player-card,.dark-turn-panel,.dark-input-panel,.dark-stats-panel,.dark-timeline-panel{border-radius:17px} .dark-match-header__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .dark-match-chip{justify-content:center} .dark-match-score{font-size:3.55rem} .dark-score-chip-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .dark-score-chip{min-height:38px;font-size:.67rem} .dark-bottom-actions{grid-template-columns:80px minmax(0,1fr);padding:.4rem} .dark-secondary-action,.dark-confirm-action{min-height:49px;font-size:.68rem}} @media (prefers-reduced-motion:reduce){.dark-match-player-card.active,.dark-match-score,.dark-turn-total,.dark-score-display strong{animation:none !important}} .dark-topbar{position:sticky;z-index:80;top:0;display:grid;grid-template-columns:minmax(120px,.7fr) auto minmax(220px,1fr);gap:.75rem;align-items:center;min-height:68px;padding:max(.55rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .55rem max(1rem,env(safe-area-inset-left));border-bottom:1px solid var(--of-border);background:rgba(2,8,11,.84);box-shadow:0 12px 32px rgba(0,0,0,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .dark-topbar-brand{display:inline-flex;width:fit-content;align-items:center} .dark-topbar-brand img{display:block;width:auto;max-width:142px;height:31px} .dark-topbar-status{display:grid;grid-template-columns:8px minmax(0,1fr);gap:.5rem;align-items:center;min-width:0;padding:.42rem .62rem;border:1px solid var(--of-border);border-radius:999px;background:rgba(14,27,33,.78)} .dark-topbar-status>div{min-width:0;display:grid} .dark-topbar-status small{color:var(--of-text-muted);font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .dark-topbar-status strong{overflow:hidden;color:var(--of-text-secondary);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap} .dark-topbar-dot{width:7px;height:7px;border-radius:50%;background:var(--of-text-muted)} .dark-topbar-status.live{border-color:rgba(55,217,155,.17);background:rgba(55,217,155,.055)} .dark-topbar-status.live .dark-topbar-dot{background:var(--of-primary-400);box-shadow:0 0 0 4px rgba(55,217,155,.08)} .dark-topbar-status.live strong{color:var(--of-primary-300)} .dark-topbar-status.paused{border-color:rgba(233,173,72,.17);background:rgba(233,173,72,.055)} .dark-topbar-status.paused .dark-topbar-dot{background:var(--of-warning)} .dark-topbar-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:.45rem} .dark-topbar-format{overflow:hidden;color:var(--of-text-muted);font-size:.58rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap} .dark-header-icon,.dark-topbar .fullscreen-button,.dark-header-new{flex:0 0 auto;min-height:40px;border:1px solid var(--of-border);border-radius:13px;color:var(--of-text-secondary);background:rgba(14,27,33,.82);box-shadow:none} .dark-header-icon{display:grid;width:40px;min-width:40px;place-items:center;padding:0} .dark-header-icon span{font-size:.65rem;font-weight:800} .dark-header-new{padding-inline:.7rem;color:var(--of-primary-300)} .dark-resume-shell{min-height:100dvh;background:radial-gradient(circle at 50% -12%,rgba(55,217,155,.08),transparent 34%),linear-gradient(180deg,var(--of-bg-page),var(--of-bg-deep))} .dark-resume-page{display:grid;width:min(100% - 2rem,860px);min-height:calc(100dvh - 90px);margin:0 auto;place-items:center;padding:1rem 0 3rem} .dark-resume-panel{width:100%;padding:clamp(1rem,3vw,1.45rem);border:1px solid var(--of-border);border-radius:26px;background:radial-gradient(circle at top right,rgba(55,217,155,.09),transparent 40%),linear-gradient(155deg,rgba(16,31,38,.98),rgba(5,13,17,.98));box-shadow:var(--of-shadow-lg),var(--of-shadow-inset)} .dark-resume-hero{display:grid;grid-template-columns:58px minmax(0,1fr);gap:.9rem;align-items:center} .dark-resume-icon{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(55,217,155,.17);border-radius:19px;color:var(--of-primary-300);background:rgba(55,217,155,.07);font-size:1.35rem} .dark-resume-kicker{margin:0;color:var(--of-primary-300);font-size:.62rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase} .dark-resume-hero h1{margin:.08rem 0 .2rem;color:var(--of-text-primary);font-size:clamp(2rem,6vw,4rem);line-height:.98;letter-spacing:-.05em;text-transform:none} .dark-resume-hero p:last-child{margin:0;color:var(--of-text-secondary);font-size:.72rem} .dark-resume-now{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;margin-top:1rem;padding:.85rem;border:1px solid rgba(55,217,155,.18);border-radius:19px;background:rgba(55,217,155,.05)} .dark-resume-now>div:first-child{min-width:0;display:grid;gap:.08rem} .dark-resume-now span,.dark-resume-now small{color:var(--of-text-muted);font-size:.58rem} .dark-resume-now>div:first-child>strong{overflow:hidden;color:var(--of-text-primary);font-size:1rem;text-overflow:ellipsis;white-space:nowrap} .dark-resume-readout{display:grid;justify-items:end} .dark-resume-readout strong{color:var(--of-primary-300);font-family:var(--of-font-score);font-size:2.5rem;line-height:.9} .dark-resume-readout span{text-transform:uppercase} .dark-resume-competitors{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;margin-top:.75rem} .dark-resume-competitor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.65rem;border:1px solid var(--of-border);border-radius:16px;background:rgba(255,255,255,.02)} .dark-resume-competitor.active{border-color:rgba(55,217,155,.2);background:rgba(55,217,155,.04)} .dark-resume-competitor>div{min-width:0;display:grid} .dark-resume-competitor span{color:var(--of-text-muted);font-size:.54rem;font-weight:800;text-transform:uppercase} .dark-resume-competitor strong{overflow:hidden;color:var(--of-text-secondary);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap} .dark-resume-competitor b{color:var(--of-text-primary);font-family:var(--of-font-score);font-size:1.2rem} .dark-resume-competitor.active b{color:var(--of-primary-300)} .dark-resume-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.45fr);gap:.55rem;margin-top:.85rem} .dark-resume-primary,.dark-resume-secondary{min-height:52px;border-radius:16px;font-weight:800} .dark-resume-primary{border:0;color:var(--of-text-inverse);background:var(--of-gradient-primary);box-shadow:var(--of-shadow-primary)} .dark-resume-secondary{border:1px solid var(--of-border);color:var(--of-text-secondary);background:var(--of-bg-card)} .dark-resume-footnote{margin:.75rem 0 0;color:var(--of-text-muted);font-size:.6rem;text-align:center} .dark-resume-footnote span{color:var(--of-primary-300)} .dark-dialog-overlay{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:rgba(0,5,7,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:dark-overlay-in var(--of-motion-fast) var(--of-ease) both} .dark-dialog{position:relative;width:min(100%,440px);padding:1.1rem;border:1px solid var(--of-border-strong);border-radius:24px;background:radial-gradient(circle at top right,rgba(240,90,90,.07),transparent 40%),linear-gradient(155deg,rgba(17,32,39,.99),rgba(5,13,17,.99));box-shadow:var(--of-shadow-lg);text-align:center;animation:dark-dialog-in var(--of-motion-normal) var(--of-ease) both} .dark-dialog-close{position:absolute;top:.65rem;right:.65rem;display:grid;width:36px;min-width:36px;height:36px;place-items:center;border:1px solid var(--of-border);border-radius:12px;color:var(--of-text-muted);background:rgba(255,255,255,.025)} .dark-dialog-icon{display:grid;width:58px;height:58px;margin:0 auto .7rem;place-items:center;border-radius:19px;color:#ff9b9b;background:rgba(240,90,90,.08);font-size:1.25rem} .dark-dialog-kicker{margin:0;color:#ff9b9b;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .dark-dialog h2{margin:.12rem 0 .35rem;color:var(--of-text-primary);font-size:1.8rem;text-transform:none} .dark-dialog>p:not(.dark-dialog-kicker){margin:0;color:var(--of-text-secondary);font-size:.72rem;line-height:1.55} .dark-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem} .dark-dialog-secondary,.dark-dialog-danger{min-height:50px;border-radius:15px;font-weight:800} .dark-dialog-secondary{border:1px solid var(--of-border);color:var(--of-text-secondary);background:var(--of-bg-card)} .dark-dialog-danger{border:0;color:white;background:linear-gradient(135deg,var(--of-red-400),var(--of-red-700));box-shadow:0 12px 28px rgba(240,90,90,.16)} .dark-toast{position:fixed;z-index:600;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:34px minmax(0,1fr);gap:.6rem;align-items:center;width:min(calc(100% - 2rem),440px);min-height:54px;padding:.55rem .65rem;border:1px solid var(--of-border-strong);border-radius:17px;color:var(--of-text-secondary);background:rgba(7,17,22,.96);box-shadow:var(--of-shadow-lg);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity var(--of-motion-normal) var(--of-ease),transform var(--of-motion-normal) var(--of-ease);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .dark-toast.show{opacity:1;transform:translate(-50%,0)} .dark-toast-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;color:var(--of-teal-400);background:rgba(32,200,200,.07);font-size:.7rem;font-weight:800} .dark-toast.success{border-color:rgba(55,217,155,.2)} .dark-toast.success .dark-toast-icon{color:var(--of-text-inverse);background:var(--of-gradient-primary)} .dark-toast.warning{border-color:rgba(233,173,72,.2)} .dark-toast.warning .dark-toast-icon{color:#221303;background:linear-gradient(135deg,#ffd27a,var(--of-warning))} @keyframes dark-overlay-in{from{opacity:0} to{opacity:1}} @keyframes dark-dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)} to{opacity:1;transform:translateY(0) scale(1)}} @media (max-width:760px){.dark-topbar{grid-template-columns:minmax(96px,1fr) auto;min-height:62px;padding-inline:.65rem} .dark-topbar-brand img{max-width:116px;height:27px} .dark-topbar-status{display:none} .dark-topbar-format{display:none} .dark-header-new{padding-inline:.55rem;font-size:.64rem} .dark-resume-page{width:min(100% - 1rem,100%);min-height:calc(100dvh - 76px);padding-top:.55rem} .dark-resume-panel{padding:.85rem;border-radius:21px} .dark-resume-actions{grid-template-columns:1fr} .dark-dialog-actions{grid-template-columns:1fr}} @media (max-width:390px){.dark-topbar .fullscreen-button{display:none} .dark-resume-hero{grid-template-columns:48px minmax(0,1fr);gap:.65rem} .dark-resume-icon{width:48px;height:48px;border-radius:16px} .dark-resume-now{padding:.7rem} .dark-resume-readout strong{font-size:2rem} .dark-resume-competitors{grid-template-columns:1fr} .dark-dialog{padding:.9rem;border-radius:20px}} @media (prefers-reduced-motion:reduce){.dark-dialog-overlay,.dark-dialog{animation:none}} .app-shell,.game-shell,.setup-shell,.dark-resume-shell,.dark-result-shell{min-height:var(--of-viewport-height)} .dark-topbar{min-height:var(--of-header-height);padding-top:max(.55rem,calc(env(safe-area-inset-top) + .35rem))} .match-page-v2,.dark-setup-page,.dark-resume-page,.dark-result-page{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)} .dark-bottom-actions,.dark-final-action{bottom:max(.5rem,calc(env(safe-area-inset-bottom) + .35rem))} .dark-dialog-overlay{min-height:var(--of-viewport-height)} .dark-dialog{max-height:calc(var(--of-viewport-height) - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain} .dark-toast{bottom:max(1rem,calc(env(safe-area-inset-bottom) + .75rem))} .dark-match-player-card,.dark-turn-panel,.dark-input-panel,.dark-stats-panel,.dark-timeline-panel,.dark-result-player-card,.dark-setup-section{contain:layout paint} .dark-confirm-action,.dark-start-match,.dark-result-primary,.dark-resume-primary{position:relative;overflow:hidden} .dark-confirm-action::after,.dark-start-match::after,.dark-result-primary::after,.dark-resume-primary::after{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12) 48%,transparent 76%);content:"";opacity:0;transform:translateX(-70%)} @media (hover:hover) and (pointer:fine){.dark-confirm-action:hover::after,.dark-start-match:hover::after,.dark-result-primary:hover::after,.dark-resume-primary:hover::after{opacity:1;transform:translateX(70%);transition:opacity var(--of-motion-fast) var(--of-ease),transform var(--of-motion-slow) var(--of-ease)}} .dark-keypad-key:active,.dark-board-key:active,.dark-score-chip:active,.dark-special-key:active,.dark-multiplier:active,.dark-secondary-action:active,.dark-confirm-action:active{transform:scale(.965)} .dark-board-key,.dark-keypad-key,.dark-score-chip,.dark-special-key,.dark-multiplier,.dark-confirm-action,.dark-secondary-action{user-select:none;-webkit-user-select:none} .dark-timeline-list,.cricket-scroll,.results-table-wrap,.chart-table-wrap,.checkout-table-wrap{overscroll-behavior:contain;scrollbar-gutter:stable} .dark-timeline-list{scroll-behavior:smooth} .of-keyboard-open .dark-bottom-actions,.of-keyboard-open .dark-final-action{position:relative;bottom:auto;margin-bottom:.35rem} .of-keyboard-open .dark-match-dock,.of-keyboard-open .dark-topbar{position:relative;top:auto} .of-keyboard-open .match-page-v2,.of-keyboard-open .dark-setup-page{padding-bottom:.5rem} .dark-match-player-card.active::before{position:absolute;z-index:2;left:.85rem;bottom:.75rem;width:7px;height:7px;border-radius:50%;background:var(--of-primary-400);content:""} .dark-match-player-card:not(.active) .dark-match-player-name>span::before{content:"○ "} .dark-match-player-card.active .dark-match-player-name>span::before{content:"● "} .dark-confirm-action:disabled,.dark-secondary-action:disabled,.dark-start-match:disabled,.dark-dialog-danger:disabled{cursor:not-allowed;filter:grayscale(.25)} @media (max-width:760px){.match-page-v2,.dark-setup-page,.dark-resume-page,.dark-result-page{padding-bottom:calc(1rem + env(safe-area-inset-bottom))} .dark-confirm-action,.dark-secondary-action{min-height:54px} .dark-keypad-key,.dark-board-key{min-height:54px} .dark-score-chip{min-height:42px} .dark-special-key,.dark-multiplier{min-height:48px}} @media (orientation:landscape) and (max-height:520px){.dark-topbar,.dark-match-dock,.dark-bottom-actions{position:relative;top:auto;bottom:auto} .dark-topbar{min-height:54px;padding-top:.4rem;padding-bottom:.4rem} .dark-match-header,.premium-player-grid{margin-bottom:.55rem}} @media (max-width:340px){.dark-topbar{padding-inline:.4rem} .dark-topbar-brand img{max-width:102px} .dark-header-icon{width:38px;min-width:38px} .dark-header-new{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto !important} .dark-confirm-action::after,.dark-start-match::after,.dark-result-primary::after,.dark-resume-primary::after{display:none} .dark-timeline-list{scroll-behavior:auto}} .match-page-v2,.dark-setup-page,.dark-result-page,.dark-resume-page{display:grid;gap:var(--of-gap-md)} .dark-match-header,.dark-setup-hero,.dark-result-hero,.dark-resume-panel,.dark-match-player-card,.dark-turn-panel,.dark-input-panel,.dark-stats-panel,.dark-timeline-panel,.dark-setup-section,.dark-result-player-card,.dark-result-breakdown{border-radius:var(--of-radius-container)} .premium-player-grid,.premium-match-workspace,.premium-match-main,.premium-match-side,.dark-live-stats-grid,.dark-result-player-grid,.dark-score-chip-grid,.dark-keypad-grid,.dark-board-grid,.dark-special-grid,.dark-multiplier-grid{gap:var(--of-gap-sm)} .dark-match-header,.dark-setup-hero,.dark-result-hero,.dark-resume-panel{box-shadow:var(--of-shadow-md),var(--of-shadow-inset)} .dark-match-player-card,.dark-turn-panel,.dark-input-panel,.dark-stats-panel,.dark-timeline-panel,.dark-setup-section,.dark-result-player-card,.dark-result-breakdown{box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .dark-match-player-card.active,.dark-result-player-card.winner,.dark-setup-shell .of-game-option input:checked + .of-game-option__surface{box-shadow:0 0 0 2px rgba(55,217,155,.06),var(--of-shadow-md)} .dark-match-player-name h2,.dark-input-head h2,.dark-turn-head h2,.dark-panel-heading h2,.dark-section-heading h2,.dark-history-head h2{font-weight:var(--of-weight-bold)} .dark-match-score,.dark-score-display strong,.dark-resume-readout strong,.dark-result-highlight strong{line-height:.92} .dark-player-stat,.dark-live-stat,.dark-result-player-stat,.dark-visit-slot,.dark-score-display,.dark-checkout-card{border-radius:var(--of-radius-component)} .dark-score-chip,.dark-keypad-key,.dark-board-key,.dark-special-key,.dark-multiplier,.dark-secondary-action,.dark-confirm-action{border-radius:var(--of-radius-control)} .dark-bottom-actions,.dark-final-action{border-radius:var(--of-radius-component)} .dark-turn-panel .dark-checkout-card,.dark-input-panel .dark-control-block,.dark-stats-panel .dark-live-stat,.dark-result-player-card .dark-result-player-stat{box-shadow:none} .dark-control-kicker,.dark-section-kicker,.dark-match-eyebrow,.dark-preview-kicker,.dark-result-kicker{font-size:var(--of-font-xs);letter-spacing:.09em} .dark-match-header p,.dark-input-head p,.dark-panel-heading p,.dark-section-heading p,.dark-result-copy,.dark-resume-footnote{color:var(--of-text-secondary)} .dark-match-player-card.active{transform:translateY(-2px)} @media (max-width:760px){.match-page-v2,.dark-setup-page,.dark-result-page,.dark-resume-page{gap:var(--of-gap-sm)} .dark-match-header,.dark-setup-hero,.dark-result-hero,.dark-resume-panel,.dark-match-player-card,.dark-turn-panel,.dark-input-panel,.dark-stats-panel,.dark-timeline-panel,.dark-setup-section,.dark-result-player-card,.dark-result-breakdown{border-radius:var(--of-radius-component)}} .match-page-v2,.dark-setup-page,.dark-result-page,.dark-resume-page{width:min(calc(100% - (2 * var(--of-page-gutter))),1380px);margin-inline:auto} .dark-setup-page,.dark-result-page,.dark-resume-page{max-width:1240px} .dark-match-header__main,.dark-panel-heading,.dark-section-heading,.dark-turn-head,.dark-input-head,.dark-history-head,.dark-variant-heading{min-width:0} .dark-match-header__title,.dark-match-header__meta,.dark-panel-heading>div,.dark-section-heading>div,.dark-turn-head>div,.dark-input-head>div{min-width:0} .dark-match-header h1,.dark-setup-hero h1,.dark-result-hero h1,.dark-resume-hero h1{overflow-wrap:anywhere} .dark-match-header__meta,.dark-match-player-stats,.dark-match-player-foot,.dark-live-stats-grid,.dark-result-highlights,.dark-result-player-stats{min-width:0} .dark-match-chip,.dark-topbar-format,.dark-panel-player,.dark-variant-chip{max-width:100%} .dark-match-chip,.dark-panel-player,.dark-variant-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dark-player-field input,.dark-handicap-row input,.dark-setup-shell select,.dark-score-display,.dark-input-warning{min-width:0;max-width:100%} .dark-score-chip-grid,.dark-keypad-grid,.dark-board-grid,.dark-special-grid,.dark-multiplier-grid{width:100%} .dark-score-chip,.dark-keypad-key,.dark-board-key,.dark-special-key,.dark-multiplier{min-width:0;padding-inline:clamp(.2rem,2vw,.7rem)} .dark-board-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .dark-board-grid.cricket{grid-template-columns:repeat(3,minmax(0,1fr))} .dark-bottom-actions,.dark-final-action{max-width:100%} .dark-timeline-card,.dark-history-item,.dark-result-player-card,.dark-sequence-card{overflow:hidden} .cricket-scroll,.results-table-wrap,.chart-table-wrap,.checkout-table-wrap{width:100%;max-width:100%} @media (max-width:1024px){.premium-match-workspace{grid-template-columns:minmax(0,1fr)} .premium-match-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} .dark-stats-panel{position:static} .dark-history-card{position:static}} @media (max-width:768px){.match-page-v2,.dark-setup-page,.dark-result-page,.dark-resume-page{width:calc(100% - 1rem)} .premium-match-side{grid-template-columns:1fr} .dark-match-header__main,.dark-panel-heading,.dark-section-heading,.dark-turn-head,.dark-input-head{display:grid;gap:.45rem} .dark-match-header__meta{max-width:100%;justify-content:flex-start} .dark-panel-heading p,.dark-section-heading p,.dark-input-head p{max-width:none;text-align:left} .dark-match-player-stats,.dark-match-player-foot,.dark-live-stats-grid,.dark-result-highlights{grid-template-columns:repeat(2,minmax(0,1fr))} .dark-setup-shell .select-grid{grid-template-columns:1fr} .dark-result-actions{display:grid;grid-template-columns:1fr;width:100%} .dark-result-primary,.dark-result-secondary{width:100%}} @media (max-width:430px){.match-page-v2,.dark-setup-page,.dark-result-page,.dark-resume-page{width:calc(100% - .75rem)} .dark-topbar{grid-template-columns:minmax(88px,1fr) auto;gap:.3rem} .dark-topbar-actions{gap:.25rem} .dark-header-new{min-width:0;max-width:82px;padding-inline:.45rem} .dark-match-header,.dark-setup-hero,.dark-result-hero,.dark-resume-panel,.dark-match-player-card,.dark-turn-panel,.dark-input-panel,.dark-stats-panel,.dark-timeline-panel,.dark-setup-section,.dark-result-player-card,.dark-result-breakdown{padding-inline:.65rem} .dark-match-player-head{grid-template-columns:40px minmax(0,1fr) 32px} .dark-match-player-index{min-width:32px;width:32px} .dark-match-player-stats,.dark-match-player-foot{gap:.3rem} .dark-player-stat,.dark-match-player-foot>span{padding:.38rem} .dark-live-stats-grid,.dark-result-highlights,.dark-result-player-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .dark-score-chip-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .dark-score-chip{padding-inline:.1rem} .dark-keypad-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .dark-board-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .dark-special-grid,.dark-multiplier-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .dark-bottom-actions{grid-template-columns:minmax(78px,.3fr) minmax(0,1fr);gap:.4rem;padding:.4rem} .dark-secondary-action,.dark-confirm-action{padding-inline:.5rem;font-size:.68rem} .dark-player-row{grid-template-columns:26px 36px minmax(0,1fr) 36px} .dark-resume-now{grid-template-columns:minmax(0,1fr) auto}} @media (max-width:360px){.match-page-v2,.dark-setup-page,.dark-result-page,.dark-resume-page{width:calc(100% - .5rem)} .dark-topbar-brand img{max-width:96px} .dark-header-icon{width:36px;min-width:36px} .dark-header-new{max-width:72px;font-size:.58rem} .dark-match-header h1{font-size:clamp(2rem,12vw,3rem)} .dark-match-chip{min-height:28px;padding-inline:.4rem} .dark-match-player-card{padding:.58rem} .dark-match-score{font-size:clamp(3.25rem,20vw,4.75rem)} .dark-player-stat span,.dark-match-player-foot small{font-size:.47rem} .dark-score-chip{min-height:38px;font-size:.64rem} .dark-keypad-key,.dark-board-key{min-height:48px;border-radius:11px;font-size:.95rem} .dark-special-key,.dark-multiplier{min-height:46px;padding-inline:.18rem} .dark-multiplier span{font-size:.6rem} .dark-bottom-actions{grid-template-columns:74px minmax(0,1fr)} .dark-player-row{grid-template-columns:24px 32px minmax(0,1fr) 32px;gap:.3rem} .dark-player-avatar,.dark-player-row .remove-player{width:32px;min-width:32px;height:32px}} @media (max-width:320px){.dark-topbar .fullscreen-button,.dark-header-new{display:none} .dark-match-header__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%} .dark-match-chip{justify-content:center} .dark-match-player-stats{grid-template-columns:repeat(3,minmax(0,1fr))} .dark-match-player-foot{grid-template-columns:repeat(3,minmax(0,1fr))} .dark-live-stats-grid,.dark-result-highlights,.dark-result-player-stats{grid-template-columns:1fr 1fr} .dark-resume-now{grid-template-columns:1fr} .dark-resume-readout{justify-items:start}} @media (orientation:landscape) and (max-height:600px){.match-page-v2{width:calc(100% - .75rem)} .dark-match-header__main{display:flex} .dark-match-header__meta{max-width:55%;justify-content:flex-end} .premium-player-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important} .premium-match-workspace{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)} .premium-match-side{grid-template-columns:1fr} .dark-bottom-actions{position:relative;bottom:auto}} .dark-topbar,.dark-match-dock,.dark-bottom-actions,.dark-final-action{position:-webkit-sticky;position:sticky} .of-ios .dark-topbar,.of-safari .dark-topbar{-webkit-transform:translateZ(0);transform:translateZ(0)} .of-ios.of-keyboard-open .dark-topbar,.of-ios.of-keyboard-open .dark-match-dock,.of-ios.of-keyboard-open .dark-bottom-actions,.of-ios.of-keyboard-open .dark-final-action{position:relative;top:auto;bottom:auto;transform:none} .of-firefox .dark-timeline-list,.of-firefox .cricket-scroll,.of-firefox .results-table-wrap{scrollbar-width:thin} .of-safari .dark-dialog,.of-ios .dark-dialog{-webkit-overflow-scrolling:touch} .of-android .dark-keypad-key,.of-android .dark-board-key,.of-android .dark-score-chip,.of-android .dark-special-key,.of-android .dark-multiplier{touch-action:manipulation} @supports (-webkit-touch-callout:none){.dark-match-score,.dark-score-display strong,.dark-resume-readout strong{-webkit-font-smoothing:antialiased}} .dark-match-player-card[aria-current="true"]{border-width:2px} .dark-match-player-card[aria-current="true"] .dark-match-player-name>span{color:var(--of-primary-300)} .input-mode-button[aria-pressed="true"],.dark-multiplier[aria-pressed="true"]{outline:1px solid rgba(78,230,173,.34);outline-offset:1px} .dark-board-key:focus-visible,.dark-keypad-key:focus-visible,.dark-score-chip:focus-visible,.dark-special-key:focus-visible,.dark-multiplier:focus-visible,.dark-confirm-action:focus-visible,.dark-secondary-action:focus-visible{z-index:2} .dark-input-warning[role="alert"]:empty{display:none} @media (prefers-contrast:more){.dark-match-player-card:not(.active){opacity:1} .dark-match-player-card.active,.dark-result-player-card.winner,.dark-checkout-card,.dark-match-feedback{border-width:2px} .dark-match-chip,.dark-score-chip,.dark-keypad-key,.dark-board-key,.dark-special-key,.dark-multiplier{color:var(--of-text-primary)}} .dark-session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--of-gap-sm)} .dark-session-option{position:relative;min-width:0} .dark-session-option>input{position:absolute;opacity:0;pointer-events:none} .dark-session-option__surface{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 30px;gap:.72rem;align-items:center;min-height:118px;padding:.82rem;border:1px solid var(--of-border);border-radius:var(--of-radius-container);background:radial-gradient(circle at top right,rgba(55,217,155,.035),transparent 42%),var(--of-gradient-card);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset);cursor:pointer;transition:transform var(--of-motion-fast) var(--of-ease),border-color var(--of-motion-fast) var(--of-ease),background var(--of-motion-fast) var(--of-ease)} .dark-session-option.practice .dark-session-option__surface{background:radial-gradient(circle at top right,rgba(32,200,200,.075),transparent 44%),var(--of-gradient-card)} .dark-session-option__icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--of-border);border-radius:17px;color:var(--of-text-primary);background:rgba(255,255,255,.025);font-family:var(--of-font-score);font-size:1.05rem;font-weight:800} .dark-session-option__body{display:grid;min-width:0;gap:.12rem} .dark-session-option__body small{color:var(--of-primary-300);font-size:.54rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .dark-session-option.practice .dark-session-option__body small{color:var(--of-teal-400)} .dark-session-option__body strong{color:var(--of-text-primary);font-size:1rem} .dark-session-option__body span{color:var(--of-text-secondary);font-size:.66rem;line-height:1.5} .dark-session-option__check{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--of-border);border-radius:50%;color:transparent;background:rgba(255,255,255,.025)} .dark-session-option>input:checked + .dark-session-option__surface{border-color:rgba(55,217,155,.36);background:radial-gradient(circle at top right,rgba(55,217,155,.09),transparent 44%),var(--of-bg-card-hover);box-shadow:0 0 0 2px rgba(55,217,155,.055),var(--of-shadow-md)} .dark-session-option.practice>input:checked + .dark-session-option__surface{border-color:rgba(32,200,200,.34);background:radial-gradient(circle at top right,rgba(32,200,200,.11),transparent 44%),var(--of-bg-card-hover)} .dark-session-option>input:checked + .dark-session-option__surface .dark-session-option__check{border-color:transparent;color:var(--of-text-inverse);background:var(--of-gradient-primary)} .dark-session-option>input:focus-visible + .dark-session-option__surface{outline:2px solid var(--of-primary-400);outline-offset:3px} .practice-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .dark-practice-info{border-color:rgba(32,200,200,.18);background:rgba(32,200,200,.045)} .dark-practice-player-lock{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(32,200,200,.16);border-radius:12px;color:var(--of-teal-400);background:rgba(32,200,200,.05);font-size:.58rem;font-weight:800} .dark-practice-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--of-gap-sm)} .dark-practice-goals>span{display:grid;gap:.12rem;padding:.68rem;border:1px solid var(--of-border);border-radius:var(--of-radius-component);background:rgba(255,255,255,.02)} .dark-practice-goals small{color:var(--of-text-muted);font-size:.52rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase} .dark-practice-goals strong{color:var(--of-text-primary);font-size:.72rem} .session-practice .dark-match-header,.dark-result-hero.practice{border-color:rgba(32,200,200,.2);background:radial-gradient(circle at top right,rgba(32,200,200,.09),transparent 40%),linear-gradient(155deg,rgba(16,31,38,.98),rgba(5,13,17,.98))} .match-shell-v2.players-1 .premium-player-grid{grid-template-columns:minmax(0,1fr)} .match-shell-v2.players-1 .dark-match-player-card{width:100%;max-width:none} .dark-match-player-card.practice .dark-match-player-index,.dark-result-winner-badge.practice{color:var(--of-teal-400);border-color:rgba(32,200,200,.18);background:rgba(32,200,200,.055)} .dark-result-player-card.practice{border-color:rgba(32,200,200,.17)} .history-item.practice{border-color:rgba(32,200,200,.13)} .dark-practice-results-table .winner-row td:first-child::after{content:" · practice";color:var(--of-teal-400);font-size:.56rem;font-weight:800} @media (hover:hover) and (pointer:fine){.dark-session-option__surface:hover{transform:translateY(-2px);border-color:rgba(55,217,155,.22)}} @media (max-width:760px){.dark-session-grid{grid-template-columns:1fr} .dark-session-option__surface{min-height:104px} .dark-practice-goals{grid-template-columns:1fr}} @media (max-width:390px){.dark-session-option__surface{grid-template-columns:44px minmax(0,1fr) 27px;gap:.55rem;padding:.68rem;border-radius:var(--of-radius-component)} .dark-session-option__icon{width:44px;height:44px;border-radius:14px}} .session-practice.game-cricket .dark-match-header,.session-practice.game-round-the-clock .dark-match-header,.session-practice.game-shanghai .dark-match-header{border-color:rgba(32,200,200,.2)} @media (max-width:760px){.practice-game-grid{grid-template-columns:1fr}} .dark-session-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .dark-session-option.bot .dark-session-option__surface{background:radial-gradient(circle at top right,rgba(139,92,246,.10),transparent 46%),var(--of-gradient-card)} .dark-session-option.bot .dark-session-option__body small{color:var(--of-purple-400,#a78bfa)} .dark-session-option.bot>input:checked + .dark-session-option__surface{border-color:rgba(139,92,246,.38);background:radial-gradient(circle at top right,rgba(139,92,246,.16),transparent 46%),var(--of-bg-card-hover);box-shadow:0 0 0 2px rgba(139,92,246,.06),var(--of-shadow-md)} .dark-session-option.bot>input:checked + .dark-session-option__surface .dark-session-option__check{background:linear-gradient(135deg,#8b5cf6,#20c8c8)} .dark-practice-player-lock.bot{width:44px;color:#bda7ff;border-color:rgba(139,92,246,.2);background:rgba(139,92,246,.07)} .dark-bot-info{border-color:rgba(139,92,246,.18);background:radial-gradient(circle at top right,rgba(139,92,246,.08),transparent 48%),rgba(139,92,246,.035)} .dark-bot-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--of-gap-sm)} .dark-bot-level-option{position:relative;min-width:0} .dark-bot-level-option>input{position:absolute;opacity:0;pointer-events:none} .dark-bot-level-option>span{display:grid;min-height:74px;align-content:center;gap:.18rem;padding:.7rem;border:1px solid var(--of-border);border-radius:var(--of-radius-component);background:rgba(255,255,255,.022);cursor:pointer;transition:transform var(--of-motion-fast) var(--of-ease),border-color var(--of-motion-fast) var(--of-ease),background var(--of-motion-fast) var(--of-ease)} .dark-bot-level-option small{color:var(--of-text-muted);font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .dark-bot-level-option strong{color:var(--of-text-primary);font-size:.76rem} .dark-bot-level-option>input:checked + span{border-color:rgba(139,92,246,.4);background:linear-gradient(145deg,rgba(139,92,246,.12),rgba(32,200,200,.045));box-shadow:inset 0 0 0 1px rgba(139,92,246,.07)} .dark-bot-level-option>input:checked + span small{color:#bda7ff} .dark-bot-level-option>input:focus-visible + span{outline:2px solid #a78bfa;outline-offset:3px} .dark-bot-name-field{display:grid;gap:.38rem} .dark-bot-name-field>span{color:var(--of-text-secondary);font-size:.65rem;font-weight:800} .dark-bot-name-field input{width:100%;min-height:48px;padding:.7rem .78rem;border:1px solid var(--of-border);border-radius:var(--of-radius-component);color:var(--of-text-primary);background:rgba(255,255,255,.025)} .session-bot .dark-match-header,.dark-result-hero.bot{border-color:rgba(139,92,246,.22);background:radial-gradient(circle at top right,rgba(139,92,246,.13),transparent 42%),linear-gradient(155deg,rgba(19,22,39,.99),rgba(5,13,17,.98))} .dark-match-player-card.bot-player,.dark-result-player-card.bot-player,.dark-resume-competitor.bot-player{border-color:rgba(139,92,246,.18);background:radial-gradient(circle at top right,rgba(139,92,246,.07),transparent 45%),var(--of-gradient-card)} .dark-match-player-card.bot-player .dark-match-player-index,.dark-result-player-card.bot-player .dark-result-avatar{color:#bda7ff;border-color:rgba(139,92,246,.2);background:rgba(139,92,246,.07)} .dark-active-player-strip.bot-turn,.dark-match-dock.bot-turn{border-color:rgba(139,92,246,.2)} .dark-bot-turn-panel{display:grid;justify-items:center;gap:.58rem;min-height:300px;align-content:center;text-align:center;border-color:rgba(139,92,246,.2);background:radial-gradient(circle at 50% 20%,rgba(139,92,246,.12),transparent 42%),var(--of-gradient-card)} .dark-bot-turn-panel h2{margin:0;color:var(--of-text-primary);font-size:clamp(1.35rem,4vw,2rem)} .dark-bot-turn-panel>p:not(.dark-control-kicker),.dark-bot-turn-panel>small{max-width:520px;margin:0;color:var(--of-text-secondary);line-height:1.55} .dark-bot-thinking-icon{display:flex;align-items:center;justify-content:center;gap:.34rem;width:72px;height:72px;border:1px solid rgba(139,92,246,.2);border-radius:24px;background:rgba(139,92,246,.07)} .dark-bot-thinking-icon span{width:8px;height:8px;border-radius:50%;background:#a78bfa;animation:of-bot-thinking 1.15s ease-in-out infinite} .dark-bot-thinking-icon span:nth-child(2){animation-delay:.14s} .dark-bot-thinking-icon span:nth-child(3){animation-delay:.28s} .dark-bot-turn-readout{display:grid;gap:.08rem;min-width:150px;padding:.68rem 1rem;border:1px solid var(--of-border);border-radius:var(--of-radius-component);background:rgba(0,0,0,.16)} .dark-bot-turn-readout span{color:var(--of-text-muted);font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .dark-bot-turn-readout strong{color:var(--of-text-primary);font-family:var(--of-font-score);font-size:2.1rem} @keyframes of-bot-thinking{0%,60%,100%{transform:translateY(0);opacity:.4} 30%{transform:translateY(-6px);opacity:1}} @media (hover:hover) and (pointer:fine){.dark-bot-level-option>span:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.28)}} @media (max-width:1080px){.dark-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:760px){.dark-session-grid,.dark-bot-level-grid{grid-template-columns:1fr} .dark-bot-level-option>span{min-height:64px} .dark-bot-turn-panel{min-height:260px}} @media (prefers-reduced-motion:reduce){.dark-bot-thinking-icon span{animation:none;opacity:1}} .dark-bot-level-option strong{display:flex;align-items:center;justify-content:space-between;gap:.45rem} .dark-bot-level-option strong em{display:inline-flex;align-items:center;min-height:20px;padding:.12rem .38rem;border:1px solid rgba(251,146,60,.22);border-radius:999px;color:#fdba74;background:rgba(251,146,60,.07);font-size:.5rem;font-style:normal;font-weight:800;letter-spacing:.06em} .dark-bot-level-option.elite>span{border-color:rgba(251,146,60,.14);background:radial-gradient(circle at top right,rgba(251,146,60,.06),transparent 46%),rgba(255,255,255,.022)} .dark-bot-level-option.elite>input:checked + span{border-color:rgba(251,146,60,.42);background:radial-gradient(circle at top right,rgba(251,146,60,.13),transparent 46%),linear-gradient(145deg,rgba(139,92,246,.11),rgba(32,200,200,.04));box-shadow:inset 0 0 0 1px rgba(251,146,60,.06)} .dark-bot-level-option.elite>input:focus-visible + span{outline-color:#fb923c} .dark-active-player-strip,.dark-active-player-strip strong,.dark-dock-player,.dark-result-player-head,.dark-match-player-head{min-width:0} .dark-active-player-strip>span{flex:0 0 auto} .dark-active-player-strip>strong{max-width:min(70%,34rem);overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap} .dark-match-header h1,.dark-result-hero h1,.dark-result-scoreline,.dark-resume-hero h1,.dark-bot-turn-panel h2,.dark-dialog h2{overflow-wrap:anywhere;word-break:break-word} .dark-bot-level-option small,.dark-bot-level-option strong,.dark-session-option__body strong,.dark-session-option__body span{min-width:0;overflow-wrap:anywhere} .dark-bot-turn-panel[aria-busy="true"]{cursor:progress} .dark-bot-turn-panel h2{max-width:100%} .dark-dialog{max-height:min(90dvh,720px);overflow-y:auto;overscroll-behavior:contain} @media (max-width:760px){.dark-bot-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .dark-bot-level-option>span{min-height:66px;padding:.58rem} .dark-bot-level-option small{font-size:.5rem;line-height:1.3} .dark-bot-level-option strong{font-size:.7rem} .dark-bot-turn-panel{min-height:min(260px,48dvh);padding-block:.85rem} .dark-result-hero h1{font-size:clamp(2.15rem,12vw,4rem)}} @media (max-width:430px){.dark-active-player-strip{gap:.45rem} .dark-active-player-strip>span{font-size:.55rem;letter-spacing:.06em} .dark-active-player-strip>strong{max-width:62%;font-size:.72rem} .dark-bot-level-option strong{align-items:flex-start} .dark-bot-level-option strong em{flex:0 0 auto} .dark-bot-turn-panel h2{font-size:clamp(1.2rem,7vw,1.65rem)}} @media (max-width:340px){.dark-bot-level-grid{grid-template-columns:1fr} .dark-active-player-strip{align-items:flex-start} .dark-active-player-strip>strong{max-width:58%;white-space:normal}} @media (orientation:landscape) and (max-height:520px){.dark-bot-turn-panel{min-height:210px;grid-template-columns:64px minmax(0,1fr) auto;justify-items:start;text-align:left} .dark-bot-thinking-icon{grid-row:1 / span 4;width:58px;height:58px;border-radius:18px} .dark-bot-turn-readout{grid-column:3;grid-row:1 / span 3;align-self:center}} @media (prefers-reduced-motion:reduce){.dark-bot-turn-panel[aria-busy="true"]{scroll-behavior:auto}}:root{color-scheme:dark;--of-bg-deep:#02080b;--of-bg-page:#050b0f;--of-bg-main:#071116;--of-bg-surface:#0a151b;--of-bg-card:#0e1b21;--of-bg-card-hover:#12242b;--of-bg-elevated:#162a32;--of-bg-input:#0b171d;--of-primary-300:#7ef0c1;--of-primary-400:#4ee6ad;--of-primary-500:#37d99b;--of-primary-600:#20bd82;--of-primary-700:#159969;--of-teal-400:#38dddd;--of-teal-500:#20c8c8;--of-teal-700:#118f98;--of-purple-400:#b995e9;--of-purple-500:#967be0;--of-purple-700:#695080;--of-orange-400:#ff9b64;--of-orange-500:#ff8147;--of-orange-700:#9b3f1d;--of-red-400:#ff7a7a;--of-red-500:#f05a5a;--of-red-700:#a72f37;--of-amber-500:#e9ad48;--of-success:var(--of-primary-500);--of-warning:var(--of-amber-500);--of-danger:var(--of-red-500);--of-selection:var(--of-teal-500);--of-text-primary:#f6f8f8;--of-text-secondary:#a8b3b7;--of-text-muted:#6f7e86;--of-text-disabled:#46545b;--of-text-inverse:#03100c;--of-border-soft:rgba(211,238,231,.06);--of-border:rgba(211,238,231,.11);--of-border-strong:rgba(211,238,231,.20);--of-border-primary:rgba(55,217,155,.46);--of-bg:var(--of-bg-page);--of-surface:rgba(14,27,33,.88);--of-surface-solid:var(--of-bg-card);--of-surface-dark:var(--of-bg-deep);--of-text:var(--of-text-primary);--of-primary:var(--of-primary-500);--of-primary-hover:var(--of-primary-400);--of-accent:var(--of-orange-500);--of-gradient-page:radial-gradient(circle at 82% -8%,rgba(32,200,200,.08),transparent 30%),radial-gradient(circle at 8% 8%,rgba(55,217,155,.08),transparent 28%),linear-gradient(180deg,var(--of-bg-page),var(--of-bg-deep));--of-gradient-card:linear-gradient(145deg,rgba(18,36,43,.94),rgba(10,21,27,.94));--of-gradient-card-soft:linear-gradient(145deg,rgba(19,39,46,.78),rgba(10,21,27,.84));--of-gradient-primary:linear-gradient(135deg,var(--of-primary-400),var(--of-primary-600));--of-gradient-teal:linear-gradient(135deg,var(--of-teal-400),var(--of-teal-700));--of-gradient-purple:linear-gradient(135deg,var(--of-purple-400),var(--of-purple-700));--of-gradient-orange:linear-gradient(135deg,var(--of-orange-400),var(--of-orange-700));--of-gradient-dark:linear-gradient(145deg,#102229,#030a0d);--of-font-display:'Barlow Condensed','Arial Narrow','Aptos Narrow',sans-serif;--of-font-body:'Manrope',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--of-font-score:'Barlow Condensed',var(--of-font-display);--of-font-2xs:.75rem;--of-font-xs:.8125rem;--of-font-sm:.9375rem;--of-font-md:1rem;--of-font-lg:1.125rem;--of-font-xl:1.375rem;--of-font-2xl:clamp(1.75rem,4vw,2.65rem);--of-font-3xl:clamp(2.5rem,8vw,5.2rem);--of-font-score-lg:clamp(3.5rem,16vw,7.5rem);--of-line-tight:1.04;--of-line-normal:1.5;--of-line-relaxed:1.7;--of-space-1:.25rem;--of-space-2:.5rem;--of-space-3:.75rem;--of-space-4:1rem;--of-space-5:1.25rem;--of-space-6:1.5rem;--of-space-7:2rem;--of-space-8:2.5rem;--of-space-9:3rem;--of-space-10:4rem;--of-space-11:5rem;--of-radius-xs:10px;--of-radius-sm:12px;--of-radius-md:18px;--of-radius-lg:24px;--of-radius-input:16px;--of-radius-button:18px;--of-radius-card:22px;--of-radius-dialog:24px;--of-radius-sheet:26px;--of-radius-pill:999px;--of-shadow-xs:0 6px 16px rgba(0,0,0,.18);--of-shadow-sm:0 12px 28px rgba(0,0,0,.22);--of-shadow-md:0 18px 48px rgba(0,0,0,.30);--of-shadow-lg:0 28px 72px rgba(0,0,0,.38);--of-shadow-primary:0 12px 28px rgba(55,217,155,.16),0 0 0 1px rgba(78,230,173,.08);--of-shadow-inset:inset 0 1px 0 rgba(255,255,255,.04);--of-motion-fast:150ms;--of-motion-normal:220ms;--of-motion-slow:300ms;--of-ease:cubic-bezier(.2,.8,.2,1);--of-touch:44px;--of-content-max:1180px;--of-app-max:1380px;--of-safe-bottom:max(1rem,env(safe-area-inset-bottom))} html{min-width:320px;color-scheme:dark;background:var(--of-bg-deep)} body{min-height:100dvh;margin:0;font-family:var(--of-font-body);color:var(--of-text-primary);background:var(--of-gradient-page);background-attachment:fixed;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} body::before{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -30%,rgba(55,217,155,.04),transparent 38%),radial-gradient(circle at 100% 45%,rgba(32,200,200,.035),transparent 34%);content:''} h1,h2,h3,h4,.display-title,.score-display,.score-number,.player-score{font-family:var(--of-font-display);letter-spacing:-.03em} .score-display,.score-number,.player-score,[data-score-value]{font-family:var(--of-font-score);font-variant-numeric:tabular-nums} a{color:var(--of-primary-400)}::selection{color:var(--of-text-inverse);background:var(--of-primary-400)} .of-card,.card,.feature-card,.game-card,.learn-card,.learn-level-card,.tool-shell,.chart-tool,.side-cta,.rule-card,.panel,.game-panel{border:1px solid var(--of-border);border-radius:var(--of-radius-card);background:var(--of-gradient-card);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset);color:var(--of-text-primary)} .of-button,button,.primary-button,.secondary-button,.nav-cta,.checkout-form button,.average-form button{min-height:var(--of-touch);border-radius:var(--of-radius-button);font-family:var(--of-font-body);font-weight:750;transition:transform var(--of-motion-fast) var(--of-ease),box-shadow var(--of-motion-fast) var(--of-ease),background var(--of-motion-fast) var(--of-ease),border-color var(--of-motion-fast) var(--of-ease),color var(--of-motion-fast) var(--of-ease)} .of-button--primary,.primary-button,.nav-cta,.checkout-form button,.average-form button{border:0;color:var(--of-text-inverse);background:var(--of-gradient-primary);box-shadow:var(--of-shadow-primary)} .of-button--secondary,.secondary-button{border:1px solid var(--of-border);color:var(--of-text-primary);background:rgba(14,27,33,.92);box-shadow:var(--of-shadow-xs)} .of-button--ghost{border:1px solid transparent;color:var(--of-text-secondary);background:transparent} .of-button--teal{border:0;color:#031113;background:var(--of-gradient-teal)}.of-button--purple{border:0;color:#10091a;background:var(--of-gradient-purple)}.of-button--orange{border:0;color:#180b05;background:var(--of-gradient-orange)} button:hover,.of-button:hover,.primary-button:hover,.secondary-button:hover,.nav-cta:hover{transform:translateY(-1px)}button:active,.of-button:active,.primary-button:active,.secondary-button:active,.nav-cta:active{transform:translateY(0) scale(.985)} button:disabled,.of-button:disabled{color:var(--of-text-disabled);background:#10191e;box-shadow:none;cursor:not-allowed;opacity:.62} input,select,textarea,.of-input{min-height:var(--of-touch);border:1px solid var(--of-border);border-radius:var(--of-radius-input);outline:0;color:var(--of-text-primary);background:var(--of-bg-input);box-shadow:var(--of-shadow-inset);caret-color:var(--of-primary-400)} input::placeholder,textarea::placeholder{color:var(--of-text-muted)}input:focus,select:focus,textarea:focus,.of-input:focus{border-color:var(--of-border-primary);box-shadow:0 0 0 3px rgba(55,217,155,.10)} .of-badge{display:inline-flex;align-items:center;gap:.35rem;min-height:28px;padding:.35rem .65rem;border:1px solid var(--of-border);border-radius:var(--of-radius-pill);color:var(--of-text-secondary);background:rgba(14,27,33,.74);font-size:var(--of-font-xs);font-weight:750} .of-badge--success{border-color:rgba(55,217,155,.22);color:var(--of-primary-300);background:rgba(55,217,155,.10)}.of-badge--info{border-color:rgba(32,200,200,.22);color:var(--of-teal-400);background:rgba(32,200,200,.09)}.of-badge--warning{border-color:rgba(233,173,72,.22);color:#ffd182;background:rgba(233,173,72,.09)}.of-badge--danger{border-color:rgba(240,90,90,.22);color:#ff9a9a;background:rgba(240,90,90,.09)} .of-dialog,.dialog,.modal,.bottom-sheet{border:1px solid var(--of-border);border-radius:var(--of-radius-dialog);color:var(--of-text-primary);background:var(--of-gradient-card);box-shadow:var(--of-shadow-lg)}:focus-visible{outline:3px solid rgba(78,230,173,.52);outline-offset:3px} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} @media(prefers-contrast:more){:root{--of-border:rgba(255,255,255,.24);--of-border-strong:rgba(255,255,255,.38);--of-text-secondary:#cad2d5;--of-text-muted:#a2adb2}} @media(max-width:430px){:root{--of-radius-card:20px;--of-space-7:1.75rem;--of-space-8:2rem}}:root{--of-viewport-height:100dvh;--of-viewport-offset-top:0px;--of-header-height:70px;--of-bottom-control-clearance:calc(88px + env(safe-area-inset-bottom));--of-focus-ring:0 0 0 3px rgba(78,230,173,.20)} html{min-height:100%;scroll-padding-top:calc(var(--of-header-height) + 1rem);-webkit-text-size-adjust:100%;text-size-adjust:100%} body{min-height:var(--of-viewport-height);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent} button,a,input,select,textarea,summary{touch-action:manipulation} button,[role="button"],a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent} button,input,select,textarea{font:inherit} input,select,textarea{font-size:max(16px,var(--of-font-md))} img,svg{max-width:100%} [hidden]{display:none !important}:target{scroll-margin-top:calc(var(--of-header-height) + 1rem)} .skip-link{position:fixed;z-index:1000;left:max(.75rem,env(safe-area-inset-left));top:max(.75rem,env(safe-area-inset-top));padding:.7rem .9rem;border:1px solid var(--of-border-primary);border-radius:14px;color:var(--of-text-inverse);background:var(--of-gradient-primary);box-shadow:var(--of-shadow-lg);font-weight:800;text-decoration:none;transform:translateY(-180%);transition:transform var(--of-motion-fast) var(--of-ease)} .skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--of-primary-400);outline-offset:3px;box-shadow:var(--of-focus-ring)} @media (hover:hover) and (pointer:fine){a:hover,button:hover{cursor:pointer}} @media (pointer:coarse){button,a,summary,input,select{min-height:var(--of-touch)}} @media (prefers-reduced-transparency:reduce){.site-header,.dark-topbar,.dark-match-dock,.dark-bottom-actions,.dark-toast,.dark-dialog-overlay{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}} @media (forced-colors:active){button,a,input,select,textarea,summary,.of-card,.dark-match-player-card,.dark-dialog,.dark-toast{forced-color-adjust:auto}}:root{--of-gap-xs:var(--of-space-2);--of-gap-sm:var(--of-space-3);--of-gap-md:var(--of-space-4);--of-gap-lg:var(--of-space-6);--of-gap-xl:var(--of-space-8);--of-radius-control:var(--of-radius-sm);--of-radius-component:var(--of-radius-md);--of-radius-container:var(--of-radius-lg);--of-control-sm:44px;--of-control-md:52px;--of-control-lg:56px;--of-icon-sm:32px;--of-icon-md:40px;--of-icon-lg:48px;--of-surface-1:var(--of-bg-surface);--of-surface-2:var(--of-bg-card);--of-surface-3:var(--of-bg-elevated);--of-info:var(--of-teal-500);--of-positive:var(--of-primary-500);--of-caution:var(--of-amber-500);--of-negative:var(--of-red-500)} body{font-size:var(--of-font-md);line-height:var(--of-line-normal)} h1,h2,h3,h4,p{text-wrap:pretty} button,.of-button,.primary-button,.secondary-button,.nav-cta,.dark-confirm-action,.dark-secondary-action,.dark-start-match,.dark-result-primary,.dark-result-secondary,.dark-resume-primary,.dark-resume-secondary{letter-spacing:-.01em} small,.form-label,.dark-control-kicker,.dark-section-kicker,.seo-kicker,.learn-card-eyebrow{line-height:1.35} button:disabled,.of-button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65)} [aria-current="page"],[aria-selected="true"],input:checked + span,input:checked + .of-game-option__surface{box-shadow:inset 0 0 0 1px rgba(78,230,173,.10)}:root{--of-page-gutter:clamp(.75rem,3vw,1.5rem);--of-mobile-gutter:.5rem;--of-sticky-offset:calc(var(--of-header-height) + .5rem)} html,body{width:100%;max-width:100%;overflow-x:clip} body>*{min-width:0} main,section,article,aside,header,footer,nav,form,div{min-width:0} img,video,canvas,iframe,svg{max-width:100%;height:auto} table{max-width:100%} @supports not (overflow:clip){html,body{overflow-x:hidden}}:root{--of-viewport-height:100vh} @supports (height:100dvh){:root{--of-viewport-height:100dvh}} html{min-height:100%;-moz-tab-size:4;tab-size:4} button,input,select,textarea{border-radius:0} button,input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;appearance:none} select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--of-text-muted) 50%),linear-gradient(135deg,var(--of-text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2.4rem} @supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.site-header,.dark-topbar,.dark-match-dock,.dark-bottom-actions,.dark-final-action,.dark-toast,.dark-dialog-overlay,.of-bottom-nav{background-color:rgba(3,12,16,.98) !important}} @supports not (overflow:clip){html,body,.match-shell-v2{overflow-x:hidden}} .of-firefox *{scrollbar-width:thin;scrollbar-color:rgba(55,217,155,.28) rgba(255,255,255,.03)} .of-ios body,.of-safari body{background-attachment:scroll !important} .of-ios input,.of-ios textarea,.of-ios select{font-size:16px !important} .of-ios .dark-bottom-actions,.of-ios .dark-final-action,.of-ios .dark-match-dock{transform:translateZ(0)} @media (hover:none){a:hover,button:hover{filter:none}} .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} [aria-disabled="true"],button:disabled,input:disabled,select:disabled,textarea:disabled{pointer-events:none} @media (prefers-contrast:more){:root{--of-text-secondary:#d5e1df;--of-text-muted:#b5c6c3;--of-border:rgba(255,255,255,.26);--of-border-soft:rgba(255,255,255,.18);--of-border-strong:rgba(255,255,255,.38)}:focus-visible{outline-width:3px;outline-color:#7fffd0}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} .of-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--of-space-3)} .of-action-card{position:relative;display:grid;min-height:132px;align-content:space-between;gap:var(--of-space-3);overflow:hidden;padding:var(--of-space-4);border:1px solid var(--of-border);border-radius:var(--of-radius-card);background:var(--of-surface);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset);color:var(--of-text);text-decoration:none;transition:transform var(--of-motion-normal) var(--of-ease),box-shadow var(--of-motion-normal) var(--of-ease),border-color var(--of-motion-normal) var(--of-ease)} .of-action-card::after{position:absolute;right:-28px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:rgba(47,184,157,.10);content:""} .of-action-card:hover{transform:translateY(-4px);border-color:rgba(47,184,157,.28);box-shadow:var(--of-shadow-md)} .of-action-card--primary{color:white;border-color:transparent;background:var(--of-gradient-primary)} .of-action-card--primary::after{background:rgba(255,255,255,.12)} .of-action-card--accent{background:linear-gradient(145deg,#fff8ef,#fff)} .of-action-card--blue{background:linear-gradient(145deg,#eff5ff,#fff)} .of-action-card__icon,.of-game-option__icon{position:relative;z-index:1;display:inline-grid;width:46px;height:46px;place-items:center;border-radius:16px;background:rgba(47,184,157,.13);color:var(--of-teal-700);font-size:1.05rem;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)} .of-action-card--primary .of-action-card__icon{background:rgba(255,255,255,.18);color:white} .of-action-card__body,.of-game-option__body{position:relative;z-index:1;display:grid;gap:.25rem} .of-action-card__body strong{font-size:var(--of-font-lg)} .of-action-card__body span{color:var(--of-text-muted);font-size:var(--of-font-sm);line-height:1.45} .of-action-card--primary .of-action-card__body span{color:rgba(255,255,255,.78)} .of-action-card__arrow{position:absolute;z-index:1;right:1rem;top:1rem;font-size:1.15rem;font-weight:800} .of-game-option{position:relative;display:grid;height:100%;cursor:pointer} .of-game-option input{position:absolute;opacity:0;pointer-events:none} .of-game-option__surface{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:var(--of-space-3);align-items:center;min-height:96px;padding:var(--of-space-4);border:1px solid var(--of-border);border-radius:var(--of-radius-card);background:rgba(255,255,255,.88);box-shadow:var(--of-shadow-xs),var(--of-shadow-inset);transition:transform var(--of-motion-normal) var(--of-ease),border-color var(--of-motion-normal) var(--of-ease),box-shadow var(--of-motion-normal) var(--of-ease),background var(--of-motion-normal) var(--of-ease)} .of-game-option:hover .of-game-option__surface{transform:translateY(-2px);border-color:rgba(47,184,157,.24);box-shadow:var(--of-shadow-sm)} .of-game-option input:checked + .of-game-option__surface{border-color:rgba(47,184,157,.58);background:radial-gradient(circle at top right,rgba(86,203,180,.18),transparent 40%),white;box-shadow:0 0 0 3px rgba(47,184,157,.10),var(--of-shadow-sm)} .of-game-option input:focus-visible + .of-game-option__surface{outline:3px solid rgba(47,184,157,.28);outline-offset:3px} .of-game-option__body strong{font-family:var(--of-font-display);font-size:1.25rem;letter-spacing:-.015em} .of-game-option__body span{color:var(--of-text-muted);font-size:.78rem;line-height:1.35} .of-game-option__check{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--of-border);border-radius:50%;color:transparent;background:rgba(255,255,255,.7)} .of-game-option input:checked + .of-game-option__surface .of-game-option__check{border-color:transparent;background:var(--of-gradient-primary);color:white} .choice-row:not(.game-choice-grid){gap:.55rem;padding:.35rem;border:1px solid var(--of-border);border-radius:var(--of-radius-button);background:rgba(15,28,25,.045)} .choice-row:not(.game-choice-grid) .choice-pill span{min-height:44px;border:0;border-radius:16px;background:transparent;box-shadow:none;color:var(--of-text-muted);font-family:var(--of-font-body);font-size:.88rem;font-weight:800;letter-spacing:0;text-transform:none} .choice-row:not(.game-choice-grid) .choice-pill input:checked + span{color:var(--of-text);background:white;box-shadow:var(--of-shadow-xs)} .form-section{padding:var(--of-space-4);border:1px solid var(--of-border);border-radius:var(--of-radius-card);background:rgba(255,255,255,.55)} .form-section + .form-section{margin-top:var(--of-space-4)} .form-label{color:var(--of-text-muted);font-family:var(--of-font-body);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .of-status-row{display:flex;flex-wrap:wrap;gap:.5rem} .of-status-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:34px;padding:.4rem .65rem;border:1px solid var(--of-border);border-radius:var(--of-radius-pill);background:rgba(255,255,255,.72);color:var(--of-text-muted);font-size:.72rem;font-weight:800} .of-status-chip--live{color:#08774b;background:rgba(46,207,135,.10)} .of-status-chip--live::before{width:7px;height:7px;border-radius:50%;background:var(--of-success);box-shadow:0 0 0 4px rgba(46,207,135,.12);content:""} .of-bottom-nav{position:fixed;z-index:80;left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(4,minmax(0,1fr));padding:.45rem;border:1px solid var(--of-border);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:var(--of-shadow-lg);backdrop-filter:blur(18px)} @media (max-width:820px){.of-action-grid{grid-template-columns:1fr}} @media (max-width:640px){.of-game-option__surface{min-height:82px;grid-template-columns:44px minmax(0,1fr) auto;padding:.85rem} .of-game-option__icon{width:42px;height:42px;border-radius:14px}} .of-action-card,.of-game-option__surface,.of-status-chip,.of-bottom-nav{border-color:var(--of-border);background:var(--of-gradient-card);color:var(--of-text-primary);box-shadow:var(--of-shadow-sm),var(--of-shadow-inset)} .of-action-card::after{background:rgba(55,217,155,.07)}.of-action-card--primary{color:var(--of-text-inverse);border-color:transparent;background:var(--of-gradient-primary);box-shadow:var(--of-shadow-primary)} .of-action-card--accent{background:radial-gradient(circle at top right,rgba(255,129,71,.08),transparent 44%),var(--of-gradient-card)}.of-action-card--blue{background:radial-gradient(circle at top right,rgba(32,200,200,.08),transparent 44%),var(--of-gradient-card)} .of-action-card__body span,.of-game-option__body span,.of-status-chip{color:var(--of-text-secondary)}.of-game-option__icon,.of-action-card__icon{color:var(--of-primary-300);background:rgba(55,217,155,.09)} .of-game-option input:checked + .of-game-option__surface{border-color:var(--of-border-primary);background:radial-gradient(circle at top right,rgba(55,217,155,.11),transparent 46%),var(--of-gradient-card);box-shadow:0 0 0 3px rgba(55,217,155,.08),var(--of-shadow-md)} .of-game-option__check{border-color:var(--of-border);background:var(--of-bg-surface)}.choice-row:not(.game-choice-grid){border-color:var(--of-border);background:rgba(255,255,255,.025)} .choice-row:not(.game-choice-grid) .choice-pill span{color:var(--of-text-secondary)}.choice-row:not(.game-choice-grid) .choice-pill input:checked + span{color:var(--of-text-primary);background:var(--of-bg-elevated);box-shadow:var(--of-shadow-xs)} .form-section{border-color:var(--of-border);background:rgba(14,27,33,.56)}.form-label{color:var(--of-text-secondary)}.of-status-chip{background:rgba(14,27,33,.78)}.of-status-chip--live{color:var(--of-primary-300);background:rgba(55,217,155,.09)} .homepage-action-grid{display:none} .of-card,.card,.panel,.game-panel,.feature-card,.tool-card,.learn-card,.learn-level-card,.rule-card,.article-card,.side-cta,.tool-shell,.chart-tool{border-radius:var(--of-radius-container)} .of-button,.primary-button,.secondary-button,.nav-cta,.dark-confirm-action,.dark-secondary-action,.dark-start-match,.dark-result-primary,.dark-result-secondary,.dark-resume-primary,.dark-resume-secondary,.dark-dialog-secondary,.dark-dialog-danger{min-height:var(--of-control-md);border-radius:var(--of-radius-component)} input,select,textarea,.of-input{border-radius:var(--of-radius-component)} .of-badge,.dark-match-chip,.dark-topbar-status,.dark-variant-chip,.dark-result-winner-badge,.dark-panel-player{min-height:30px} .of-action-card__icon,.of-game-option__icon,.dark-info-icon,.dark-avatar,.dark-match-player-avatar,.dark-result-avatar,.dark-resume-icon,.dark-toast-icon{flex:0 0 auto} .of-action-card,.of-game-option__surface,.article-card,.learn-card,.learn-level-card,.tool-card,.feature-card,.rule-card{transition:transform var(--of-motion-fast) var(--of-ease),border-color var(--of-motion-fast) var(--of-ease),background-color var(--of-motion-fast) var(--of-ease),box-shadow var(--of-motion-fast) var(--of-ease)} @media (hover:hover) and (pointer:fine){.of-action-card:hover,.of-game-option__surface:hover,.article-card:hover,.learn-card:hover,.learn-level-card:hover,.tool-card:hover,.feature-card:hover,.rule-card:hover{transform:translateY(-2px)}}:root{--body:var(--of-font-body);--display:var(--of-font-display);--display-font:var(--of-font-display);--font-body:var(--of-font-body);--font-display:var(--of-font-display);--font-score:var(--of-font-score);--of-type-label:.75rem;--of-type-ui:.875rem;--of-type-copy:1rem;--of-tracking-label:.045em;--of-tracking-display:-.025em} html{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} body,button,input,select,textarea{font-family:var(--of-font-body)} body{font-weight:500;line-height:1.6} button,input,select,textarea{font-size:1rem;font-weight:600;letter-spacing:0} h1,h2,h3,.dark-flow-title,.hero-title,.dark-match-header h1,.dark-result-hero h1,.dark-resume-hero h1,.dark-dialog h2,.dark-panel-heading h2,.dark-section-heading h2,.dark-bot-turn-panel h2,.seo-hero h1,.guide-hero h1,.tool-hero h1,.error-title{font-family:var(--of-font-display);font-weight:700;letter-spacing:var(--of-tracking-display);line-height:.98} h4,h5,h6,.dark-player-field>span,.form-label,.dark-bot-name-field>span{font-family:var(--of-font-body);font-weight:700;letter-spacing:0} p,li,label,td,th,small{line-height:1.55} .dark-match-score,.score-value,.player-score,.dark-score-display strong,.dark-resume-readout strong,.dark-result-highlight strong,.dark-result-player-stat strong,.dark-flow-player-score,.dark-flow-score-entry strong,.terminal-player strong,.result-score,.checkout-score,.counter strong,.dock-readout strong,.dark-dock-readout strong,.cricket-points strong,.sequence-target,.current-target{font-family:var(--of-font-score);font-variant-numeric:tabular-nums lining-nums;font-weight:700;letter-spacing:-.025em;line-height:.9} .dark-control-kicker,.dark-section-kicker,.dark-match-eyebrow,.dark-result-kicker,.dark-resume-kicker,.dark-dialog-kicker,.dark-flow-kicker,.dark-flow-preview-kicker,.seo-kicker,.learn-card-eyebrow,.premium-control-kicker,.dark-topbar-status small,.dark-match-player-name span,.dark-result-player-head span,.dark-result-highlight span,.dark-result-player-stat span,.dark-match-score-wrap>span,.dark-player-stat span,.dark-match-player-foot small,.dark-live-stat span,.dark-live-stat small,.dark-dock-player small,.dark-dock-readout span,.dark-dock-context,.dark-timeline-head span,.dark-timeline-foot span,.dark-timeline-foot small,.dark-resume-now span,.dark-resume-now small,.dark-resume-competitor span,.dark-practice-goals small,.dark-bot-turn-readout span,.dark-flow-player-head small,.dark-flow-player-stats span,.dark-flow-preview-grid small,.dark-flow-score-entry>span,.breadcrumbs,.chart-table th,.checkout-table th,.prose table th,.formula-panel span,.example-panel>span,.notice>span,.side-status small,.side-status>span,.guide-summary-card>span,.key-facts span,.tag{font-family:var(--of-font-body);font-size:var(--of-type-label);font-weight:700;letter-spacing:var(--of-tracking-label);line-height:1.35} .dark-match-chip,.dark-header-new,.dark-topbar-format,.dark-practice-player-lock,.dark-match-player-index,.dark-score-chip,.dark-variant-chip,.dark-special-key,.dark-multiplier span,.dark-multiplier small,.premium-entry-status,.player-state,.turn-player,.team-member,.cricket-member,.related-resources a,.side-links a,.guide-toc a,.footer-links a,.nav-cta{font-family:var(--of-font-body);font-size:.8125rem;font-weight:700;letter-spacing:.015em;line-height:1.35} .dark-player-field>span,.dark-bot-name-field>span,.checkout-form label,.average-form label,.tool-form label,.feedback-form label,.contact-form label{font-size:.8125rem;line-height:1.4} .dark-panel-heading p,.dark-section-heading p,.dark-result-copy,.dark-resume-footnote,.dark-bot-turn-panel>p:not(.dark-control-kicker),.dark-bot-turn-panel>small,.setup-info span,.dark-session-option__body span,.dark-flow-lead,.seo-lead,.prose p,.prose li,.learn-card p,.tool-card p,.guide-summary-card p{font-family:var(--of-font-body);font-size:clamp(.9375rem,.9rem + .2vw,1.0625rem);font-weight:500;line-height:1.65} .primary-button,.secondary-button,.dark-start-match,.dark-result-primary,.dark-result-secondary,.dark-resume-primary,.dark-resume-secondary,.dark-dialog-primary,.dark-dialog-secondary,.dark-dialog-danger,.dark-add-player,.nav-cta,.dark-header-new{font-family:var(--of-font-body);font-weight:700;letter-spacing:-.005em} .dark-topbar-format,.dark-match-chip,.dark-header-new,.dark-control-kicker,.dark-section-kicker,.dark-match-eyebrow,.dark-result-kicker,.dark-resume-kicker,.dark-dialog-kicker,.dark-flow-kicker,.dark-flow-preview-kicker,.seo-kicker,.learn-card-eyebrow,.premium-control-kicker{text-transform:uppercase} .dark-session-option__body strong,.dark-player-field>span,.dark-bot-name-field>span,.dark-panel-heading h2,.dark-section-heading h2,.dark-match-player-name h2,.dark-result-player-head h3,.dark-resume-competitor strong{text-transform:none;letter-spacing:0} .dark-bot-level-option small{font-size:.6875rem;letter-spacing:.025em;line-height:1.35} .dark-bot-level-option strong{font-family:var(--of-font-body);font-size:.8125rem;font-weight:700;letter-spacing:0;line-height:1.25} .dark-bot-level-option strong em{font-family:var(--of-font-body);font-size:.625rem;font-weight:800;letter-spacing:.04em} .dark-topbar-status strong,.dark-topbar-brand,.dark-match-player-name h2,.dark-result-player-head h3,.dark-resume-competitor strong{font-family:var(--of-font-body)} @media (max-width:760px){:root{--of-type-label:.71875rem;--of-type-ui:.84375rem} .dark-panel-heading p,.dark-section-heading p,.dark-result-copy,.dark-bot-turn-panel>p:not(.dark-control-kicker),.setup-info span,.dark-session-option__body span{font-size:.9375rem} .dark-bot-level-option small{font-size:.65625rem} .dark-bot-level-option strong{font-size:.78125rem}} @media (max-width:340px){:root{--of-type-label:.6875rem}} .visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important} .dark-setup-side-column{display:grid;align-content:start;gap:1rem;min-width:0} .dark-data-card{display:grid;gap:1rem;padding:clamp(1rem,2.2vw,1.35rem)} .dark-data-size{flex:0 0 auto;padding:.35rem .55rem;border:1px solid var(--of-border);border-radius:var(--of-radius-pill);color:var(--of-text-secondary);background:rgba(255,255,255,.025);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums} .dark-data-copy{margin:0;color:var(--of-text-secondary);font-size:.9rem;line-height:1.6} .dark-data-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem} .dark-data-summary>span,.dark-data-dialog-summary>span{min-width:0;padding:.7rem;border:1px solid var(--of-border-soft);border-radius:14px;background:rgba(255,255,255,.025)} .dark-data-summary small,.dark-data-dialog-summary small{display:block;margin-bottom:.22rem;color:var(--of-text-muted);font-size:.68rem;font-weight:700;letter-spacing:.045em;line-height:1.25;text-transform:uppercase} .dark-data-summary strong,.dark-data-dialog-summary strong{display:block;color:var(--of-text-primary);font-family:var(--of-font-body);font-size:.96rem;font-weight:750;line-height:1.2;overflow-wrap:anywhere} .dark-data-actions{display:grid;gap:.6rem} .dark-data-action{width:100%;min-height:46px;justify-content:center} .dark-data-action.primary{border-color:rgba(55,217,155,.34);color:var(--of-primary-300);background:rgba(55,217,155,.07)} .dark-data-clear{width:fit-content;min-height:40px;padding:.35rem 0;border:0;color:var(--of-red-400);background:transparent;font-family:var(--of-font-body);font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:.22em} .dark-data-clear:hover{color:#ff9a9a} .dark-data-dialog{width:min(94vw,620px)} .dark-data-dialog-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:100%;margin:.2rem 0 .4rem} .dark-dialog-icon.danger{color:var(--of-red-400);border-color:rgba(240,90,90,.32);background:rgba(240,90,90,.08)} @media (max-width:760px){.dark-setup-side-column{gap:.8rem} .dark-data-card{padding:1rem} .dark-data-dialog-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:340px){.dark-data-summary{grid-template-columns:1fr}} .form-label,.of-status-chip,.player-state,.cricket-member,.cricket-points small,.sequence-banner span,.sequence-card-head span,.sequence-card-meta,.shanghai-card-meta,.cricket-turn-summary span,.results-table th,.dark-form-progress span,.dark-section-kicker,.dark-section-heading p,.dark-player-field>span,.dark-bot-name-field>span,.dark-bot-level-option small,.dark-bot-level-option strong em,.dark-data-summary small,.dark-data-dialog-summary small,.dark-match-chip,.dark-match-eyebrow,.dark-match-player-index,.dark-match-player-name span,.dark-match-score-wrap>span,.dark-match-last-visit,.dark-match-player-foot small,.dark-player-stat span,.dark-active-player-strip>span,.dark-active-player-strip>strong,.dark-live-stat span,.dark-live-stat small,.dark-visit-slot span,.dark-score-display span,.dark-control-label span,.dark-control-label small,.dark-checkout-card .checkout-label span,.dark-checkout-card .checkout-label small,.dark-checkout-card .checkout-alternative,.dark-turn-total,.dark-entry-status,.dark-input-head p,.dark-input-warning.visible,.dark-timeline-panel>summary small,.dark-timeline-count,.dark-timeline-head strong,.dark-timeline-head span,.dark-timeline-foot span,.dark-timeline-foot small,.dark-timeline-darts,.dark-timeline-empty p,.dark-result-kicker,.dark-result-highlight span,.dark-result-player-head span,.dark-result-player-stat span,.dark-resume-kicker,.dark-resume-hero p:last-child,.dark-resume-competitor span,.dark-resume-competitor strong,.dark-resume-now span,.dark-resume-now small,.dark-resume-footnote,.dark-dialog-kicker,.dark-dialog>p:not(.dark-dialog-kicker),.dark-bot-turn-readout span,.dark-practice-player-lock,.dark-practice-goals small,.dark-practice-goals strong,.dark-dock-player small,.dark-dock-readout span,.dark-dock-context,.dark-topbar-format,.dark-topbar-status small,.dark-topbar-status strong,.dark-panel-heading p,.dark-info-card div>span,.dark-session-option__body small,.dark-session-option__body span{font-size:.75rem;line-height:1.38} .dark-section-kicker,.dark-match-eyebrow,.dark-dialog-kicker,.dark-result-kicker,.dark-resume-kicker,.dark-active-player-strip>span,.dark-form-progress span,.dark-data-summary small,.dark-data-dialog-summary small,.dark-bot-level-option small,.dark-bot-level-option strong em,.dark-topbar-format,.dark-topbar-status small{letter-spacing:.045em} .dark-bot-level-option>span{min-height:76px;padding:.7rem} .dark-bot-level-option strong{font-size:.875rem;line-height:1.3} .dark-bot-level-option strong em{min-height:22px;padding-inline:.42rem} .dark-active-player-strip{min-height:48px} .dark-active-player-strip>strong{font-size:.8125rem} .dark-data-summary>span,.dark-data-dialog-summary>span{padding:.75rem} @media (max-width:760px){.dark-bot-level-option>span{min-height:74px;padding:.65rem} .dark-bot-level-option strong{font-size:.8125rem}} @media (max-width:430px){.dark-active-player-strip{align-items:center} .dark-active-player-strip>span{flex:1 1 auto} .dark-active-player-strip>strong{max-width:58%}} .training-shell{min-height:var(--of-viewport-height,100dvh);background:radial-gradient(circle at 16% 8%,rgba(55,217,155,.09),transparent 27rem),radial-gradient(circle at 88% 4%,rgba(56,221,221,.075),transparent 24rem),var(--of-bg)} .training-page{width:min(100% - 2rem,1240px);margin-inline:auto;padding:clamp(1.2rem,3vw,2.25rem) 0 clamp(3rem,6vw,5rem)} .training-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:clamp(1rem,3vw,2rem);align-items:stretch;margin-bottom:1rem;padding:clamp(1.15rem,3.2vw,2.25rem);border:1px solid var(--of-border);border-radius:clamp(22px,3vw,34px);background:linear-gradient(140deg,rgba(16,34,41,.97),rgba(6,14,19,.96));box-shadow:var(--of-shadow-card);overflow:hidden} .training-hero h1{max-width:820px;margin:.7rem 0 .8rem;font-family:var(--of-font-display);font-size:clamp(2.35rem,6.8vw,5.5rem);font-weight:800;letter-spacing:-.045em;line-height:.93} .training-hero h1 span{color:var(--of-primary-300)} .training-hero p{max-width:720px;margin:0;color:var(--of-text-secondary);font-size:clamp(.95rem,1.7vw,1.08rem);line-height:1.65} .training-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem} .training-hero-actions .primary-button,.training-hero-actions .secondary-button{min-height:48px;justify-content:center;text-decoration:none} .training-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-self:stretch;padding:.8rem;border:1px solid rgba(55,217,155,.18);border-radius:22px;background:rgba(4,13,17,.72)} .training-summary-card>span{display:grid;align-content:center;min-width:0;min-height:94px;padding:.85rem;border:1px solid var(--of-border-soft);border-radius:16px;background:rgba(255,255,255,.025)} .training-summary-card small,.training-exercise-meta small{color:var(--of-text-muted);font-size:.75rem;font-weight:750;letter-spacing:.045em;line-height:1.35;text-transform:uppercase} .training-summary-card strong{margin-top:.2rem;color:var(--of-text-primary);font-family:var(--of-font-display);font-size:clamp(1.65rem,3vw,2.45rem);font-weight:800;line-height:1} .training-active-match{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.15rem} .training-active-match h2,.training-roadmap-card h2{margin:.2rem 0 .25rem;font-family:var(--of-font-body);font-size:1.05rem} .training-active-match p,.training-roadmap-card p{margin:0;color:var(--of-text-secondary);font-size:.88rem;line-height:1.55} .training-foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:clamp(1.2rem,3vw,2rem)} .training-foundation-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;min-width:0;padding:1rem;border:1px solid var(--of-border);border-radius:20px;background:rgba(8,18,23,.82)} .training-foundation-grid article>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(55,217,155,.28);border-radius:14px;color:var(--of-primary-300);background:rgba(55,217,155,.07);font-family:var(--of-font-display);font-size:1rem;font-weight:800} .training-foundation-grid small{color:var(--of-text-muted);font-size:.75rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase} .training-foundation-grid strong{display:block;margin-top:.15rem;color:var(--of-text-primary);font-size:.94rem} .training-foundation-grid p{margin:.35rem 0 0;color:var(--of-text-secondary);font-size:.8rem;line-height:1.5} .training-library{padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--of-border);border-radius:clamp(22px,3vw,30px);background:rgba(6,15,20,.8)} .training-library-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem} .training-library-head h2{margin:.25rem 0 .35rem;font-family:var(--of-font-display);font-size:clamp(1.6rem,3vw,2.45rem);line-height:1} .training-library-head p{max-width:720px;margin:0;color:var(--of-text-secondary);font-size:.88rem;line-height:1.55} .training-category-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem} .training-category-button{min-height:42px;padding:.55rem .78rem;border:1px solid var(--of-border);border-radius:var(--of-radius-pill);color:var(--of-text-secondary);background:rgba(255,255,255,.025);font-family:var(--of-font-body);font-size:.78rem;font-weight:750} .training-category-button.active{color:var(--of-primary-300);border-color:rgba(55,217,155,.38);background:rgba(55,217,155,.08)} .training-exercise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem} .training-exercise-card{display:grid;align-content:start;gap:.9rem;min-width:0;padding:1rem} .training-exercise-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center} .training-exercise-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(56,221,221,.28);border-radius:15px;color:var(--of-teal-400);background:rgba(56,221,221,.07);font-size:.82rem;font-weight:850} .training-exercise-card h2{margin:.12rem 0 0;font-family:var(--of-font-body);font-size:1.08rem;line-height:1.25} .training-exercise-card>p{margin:0;color:var(--of-text-secondary);font-size:.86rem;line-height:1.6} .training-phase-chip,.training-roadmap-status{width:fit-content;padding:.35rem .55rem;border:1px solid rgba(255,129,71,.26);border-radius:var(--of-radius-pill);color:var(--of-orange-400);background:rgba(255,129,71,.065);font-size:.75rem;font-weight:800;white-space:nowrap} .training-exercise-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem} .training-exercise-meta>span{min-width:0;padding:.65rem;border:1px solid var(--of-border-soft);border-radius:13px;background:rgba(255,255,255,.02)} .training-exercise-meta strong{display:block;margin-top:.2rem;color:var(--of-text-primary);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere} .training-planned-button{width:100%;min-height:48px;justify-content:center;margin-top:auto;color:var(--of-text-secondary)} .training-empty-category{grid-column:1 / -1;display:grid;justify-items:center;padding:clamp(2rem,7vw,4rem) 1rem;text-align:center} .training-empty-category>span{font-size:2rem;color:var(--of-primary-300)} .training-empty-category h2{margin:.7rem 0 .35rem} .training-empty-category p{max-width:600px;margin:0;color:var(--of-text-secondary);line-height:1.6} .training-roadmap-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem 1.15rem} .training-entry-card{border-color:rgba(56,221,221,.18);background:linear-gradient(145deg,rgba(10,28,34,.92),rgba(7,17,22,.95))} .training-header-button{border-color:rgba(56,221,221,.24);color:var(--of-teal-400)} @media (max-width:980px){.training-hero{grid-template-columns:1fr} .training-foundation-grid,.training-exercise-grid{grid-template-columns:1fr} .training-library-head{align-items:stretch;flex-direction:column} .training-category-tabs{justify-content:flex-start}} @media (max-width:620px){.training-page{width:min(100% - 1rem,1240px);padding-top:.6rem} .training-hero{padding:1rem;border-radius:22px} .training-hero h1{font-size:clamp(2.35rem,15vw,4rem)} .training-summary-card{grid-template-columns:1fr 1fr;padding:.55rem} .training-summary-card>span{min-height:78px;padding:.65rem} .training-active-match,.training-roadmap-card{align-items:stretch;flex-direction:column} .training-active-match .secondary-button,.training-roadmap-card .secondary-button{width:100%;justify-content:center} .training-foundation-grid article{padding:.85rem} .training-library{padding:.75rem;border-radius:20px} .training-category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .training-category-button{width:100%} .training-exercise-head{grid-template-columns:auto minmax(0,1fr)} .training-phase-chip{grid-column:1 / -1} .training-exercise-meta{grid-template-columns:1fr}} @media (max-width:340px){.training-summary-card{grid-template-columns:1fr} .training-hero-actions{display:grid} .training-hero-actions>*{width:100%}} .training-active-runtime{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.15rem;border-color:rgba(56,221,221,.24);background:linear-gradient(140deg,rgba(8,29,34,.94),rgba(7,17,22,.96))} .training-active-runtime h2{margin:.2rem 0 .3rem;font-family:var(--of-font-body);font-size:1.05rem} .training-active-runtime p{margin:0;color:var(--of-text-secondary);font-size:.86rem;line-height:1.55} .training-active-runtime-actions{display:flex;flex-wrap:wrap;gap:.55rem} .secondary-button.danger{color:#ff9b78;border-color:rgba(255,129,71,.28);background:rgba(255,129,71,.055)} .training-exercise-card.active{border-color:rgba(56,221,221,.32);box-shadow:0 0 0 1px rgba(56,221,221,.08),var(--of-shadow-card)} .training-planned-button.primary{color:var(--of-primary-300);border-color:rgba(55,217,155,.34);background:rgba(55,217,155,.07)} .training-runtime-page{width:min(100% - 2rem,1240px);margin-inline:auto;padding:clamp(.9rem,2.5vw,1.8rem) 0 clamp(3rem,6vw,5rem)} .training-runtime-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:clamp(1rem,2.8vw,1.55rem);border:1px solid var(--of-border);border-radius:24px;background:radial-gradient(circle at 12% 0%,rgba(55,217,155,.09),transparent 24rem),linear-gradient(145deg,rgba(15,32,38,.96),rgba(6,14,19,.97));box-shadow:var(--of-shadow-card)} .training-runtime-hero h1{margin:.35rem 0 .35rem;font-family:var(--of-font-display);font-size:clamp(2rem,5vw,3.9rem);letter-spacing:-.035em;line-height:.95} .training-runtime-hero p{max-width:760px;margin:0;color:var(--of-text-secondary);font-size:.9rem;line-height:1.55} .training-runtime-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem} .training-runtime-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:.85rem;margin-bottom:.85rem} .training-runtime-score,.training-runtime-stats,.training-runtime-input,.training-runtime-timeline{min-width:0;padding:1rem} .training-runtime-score-main{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:.55rem 0 .85rem} .training-runtime-score-main>strong{font-family:var(--of-font-display);font-size:clamp(4rem,10vw,7rem);font-weight:800;letter-spacing:-.05em;line-height:.78} .training-runtime-score-main>span{padding:.4rem .62rem;border:1px solid var(--of-border);border-radius:var(--of-radius-pill);color:var(--of-text-secondary);background:rgba(255,255,255,.025);font-size:.75rem;font-weight:800} .training-dart-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem} .training-dart-slot{display:grid;min-width:0;min-height:72px;place-content:center;padding:.55rem;border:1px dashed var(--of-border);border-radius:15px;color:var(--of-text-muted);background:rgba(255,255,255,.018);text-align:center} .training-dart-slot.filled{border-style:solid;border-color:rgba(55,217,155,.28);color:var(--of-text-primary);background:rgba(55,217,155,.055)} .training-dart-slot small{font-size:.75rem;font-weight:750} .training-dart-slot strong{margin-top:.1rem;font-family:var(--of-font-display);font-size:1.35rem} .training-runtime-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem} .training-runtime-actions>span{color:var(--of-text-muted);font-size:.75rem;font-weight:750} .training-runtime-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem} .training-runtime-stats>span{display:grid;align-content:center;min-height:80px;padding:.7rem;border:1px solid var(--of-border-soft);border-radius:14px;background:rgba(255,255,255,.02)} .training-runtime-stats small{color:var(--of-text-muted);font-size:.75rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase} .training-runtime-stats strong{margin-top:.2rem;font-family:var(--of-font-display);font-size:1.55rem;line-height:1} .training-runtime-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:.85rem} .training-runtime-section-head{display:flex;align-items:end;justify-content:space-between;gap:.75rem;margin-bottom:.8rem} .training-runtime-section-head h2{margin:.2rem 0 0;font-family:var(--of-font-body);font-size:1.05rem} .training-runtime-section-head>span{color:var(--of-text-muted);font-size:.75rem;font-weight:750} .training-multiplier-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.65rem} .training-multiplier-button{min-height:46px;border:1px solid var(--of-border);border-radius:13px;color:var(--of-text-secondary);background:rgba(255,255,255,.02);font-family:var(--of-font-body);font-size:.8rem;font-weight:800} .training-multiplier-button.active{color:var(--of-primary-300);border-color:rgba(55,217,155,.38);background:rgba(55,217,155,.08)} .training-segment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem} .training-segment-grid button,.training-special-grid button{min-width:0;min-height:56px;padding:.45rem .3rem;border:1px solid var(--of-border);border-radius:13px;color:var(--of-text-primary);background:rgba(255,255,255,.025);font-family:var(--of-font-body)} .training-segment-grid button:hover:not(:disabled),.training-special-grid button:hover:not(:disabled){border-color:rgba(55,217,155,.34);background:rgba(55,217,155,.065)} .training-segment-grid button>span{display:block;font-family:var(--of-font-display);font-size:1.2rem;font-weight:800;line-height:1} .training-segment-grid button>small,.training-special-grid button>span{display:block;margin-top:.18rem;color:var(--of-text-muted);font-size:.75rem;line-height:1.25} .training-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.65rem} .training-special-grid button>strong{display:block;font-size:.82rem} .training-runtime-input button:disabled{cursor:not-allowed;opacity:.42} .training-runtime-visits{display:grid;gap:.5rem;max-height:570px;overflow:auto} .training-runtime-visits article{display:grid;grid-template-columns:auto auto;gap:.15rem .65rem;align-items:center;padding:.65rem .7rem;border:1px solid var(--of-border-soft);border-radius:13px;background:rgba(255,255,255,.018)} .training-runtime-visits article>span{color:var(--of-text-secondary);font-size:.75rem;font-weight:750} .training-runtime-visits article>strong{justify-self:end;font-family:var(--of-font-display);font-size:1.25rem} .training-runtime-visits article>small{grid-column:1 / -1;color:var(--of-text-muted);font-size:.75rem;line-height:1.4} .training-runtime-empty{display:grid;justify-items:center;padding:2rem .7rem;color:var(--of-text-muted);text-align:center} .training-runtime-empty>span{color:var(--of-primary-300);font-size:1.5rem} .training-runtime-empty p{max-width:260px;margin:.45rem 0 0;font-size:.8rem;line-height:1.5} @media (max-width:920px){.training-runtime-dashboard,.training-runtime-workspace{grid-template-columns:1fr} .training-runtime-timeline{order:2} .training-runtime-visits{max-height:none}} @media (max-width:680px){.training-active-runtime,.training-runtime-hero{align-items:stretch;flex-direction:column} .training-active-runtime-actions,.training-runtime-hero-actions{display:grid;grid-template-columns:1fr} .training-active-runtime-actions>*,.training-runtime-hero-actions>*{width:100%;justify-content:center} .training-runtime-page{width:min(100% - 1rem,1240px);padding-top:.55rem} .training-runtime-hero{border-radius:20px} .training-runtime-score-main>strong{font-size:clamp(4rem,24vw,6rem)} .training-segment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:390px){.training-runtime-stats{grid-template-columns:1fr 1fr} .training-dart-slots{gap:.35rem} .training-dart-slot{min-height:64px;padding:.4rem .25rem} .training-runtime-actions{align-items:stretch;flex-direction:column} .training-runtime-actions>*{width:100%;justify-content:center;text-align:center} .training-segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .training-special-grid{grid-template-columns:1fr}} .training-phase-chip.playable{color:var(--of-primary-300);border-color:rgba(55,217,155,.34);background:rgba(55,217,155,.08)} .training-setup-page,.training-result-page{width:min(100% - 2rem,1120px);margin-inline:auto;padding:clamp(1rem,3vw,2rem) 0 clamp(3rem,6vw,5rem)} .training-setup-hero,.count-up-result-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:clamp(1rem,3vw,1.7rem);border:1px solid var(--of-border);border-radius:24px;background:radial-gradient(circle at 12% 0%,rgba(55,217,155,.1),transparent 24rem),linear-gradient(145deg,rgba(15,32,38,.96),rgba(6,14,19,.97));box-shadow:var(--of-shadow-card)} .training-setup-hero h1,.count-up-result-hero h1{margin:.35rem 0 .4rem;font-family:var(--of-font-display);font-size:clamp(2.2rem,6vw,4.6rem);letter-spacing:-.04em;line-height:.92} .training-setup-hero h1 span,.count-up-result-hero h1 span{color:var(--of-primary-300)} .training-setup-hero p,.count-up-result-hero p{max-width:720px;margin:0;color:var(--of-text-secondary);font-size:.92rem;line-height:1.6} .count-up-setup-card{padding:clamp(1rem,3vw,1.5rem)} .count-up-setup-head,.count-up-history-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem} .count-up-setup-head h2,.count-up-history-head h2{margin:.2rem 0 .3rem;font-family:var(--of-font-body);font-size:1.2rem} .count-up-setup-head p{margin:0;color:var(--of-text-secondary);font-size:.84rem;line-height:1.5} .count-up-round-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:0;padding:0;border:0} .count-up-round-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .count-up-round-option{position:relative;display:block;cursor:pointer} .count-up-round-option input{position:absolute;opacity:0;pointer-events:none} .count-up-round-option span{display:grid;place-items:center;min-height:96px;padding:.8rem;border:1px solid var(--of-border);border-radius:16px;background:rgba(255,255,255,.02);text-align:center} .count-up-round-option strong{font-family:var(--of-font-display);font-size:2rem;line-height:1} .count-up-round-option small{margin-top:.25rem;color:var(--of-text-muted);font-size:.75rem} .count-up-round-option input:checked + span{color:var(--of-primary-300);border-color:rgba(55,217,155,.4);background:rgba(55,217,155,.08);box-shadow:0 0 0 1px rgba(55,217,155,.08)} .count-up-round-option input:focus-visible + span{outline:2px solid var(--of-primary-300);outline-offset:3px} .count-up-custom-field{display:grid;gap:.35rem;margin-top:1rem} .count-up-custom-field>span{color:var(--of-text-secondary);font-size:.8rem;font-weight:800} .count-up-custom-field input{min-height:50px;padding:.75rem .85rem;border:1px solid var(--of-border);border-radius:14px;color:var(--of-text-primary);background:rgba(255,255,255,.025);font:inherit} .count-up-custom-field small{color:var(--of-text-muted);font-size:.75rem;line-height:1.4} .count-up-setup-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1rem} .count-up-setup-preview>span{padding:.75rem;border:1px solid var(--of-border-soft);border-radius:14px;background:rgba(255,255,255,.018)} .count-up-setup-preview small{display:block;color:var(--of-text-muted);font-size:.75rem;font-weight:750;text-transform:uppercase} .count-up-setup-preview strong{display:block;margin-top:.2rem;font-size:.86rem} .count-up-start-button{width:100%;min-height:52px;justify-content:center;margin-top:1rem} .count-up-runtime-progress{width:min(100%,620px);height:8px;margin-top:.8rem;overflow:hidden;border-radius:var(--of-radius-pill);background:rgba(255,255,255,.07)} .count-up-runtime-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--of-primary-400),var(--of-teal-400))} .count-up-runtime-progress-label{display:block;margin-top:.35rem;color:var(--of-text-muted);font-size:.75rem;font-weight:750} .count-up-history-card{margin-top:1rem;padding:1rem} .count-up-history-card.empty{display:flex;align-items:center;justify-content:space-between;gap:1rem} .count-up-history-card.empty h2{margin:.2rem 0 .3rem;font-size:1.05rem} .count-up-history-card.empty p{max-width:680px;margin:0;color:var(--of-text-secondary);font-size:.84rem;line-height:1.55} .count-up-history-head>span{color:var(--of-text-muted);font-size:.75rem;font-weight:750} .count-up-history-list{display:grid;gap:.5rem} .count-up-history-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(110px,.6fr) minmax(110px,.6fr) auto;gap:.75rem;align-items:center;width:100%;min-height:68px;padding:.7rem .8rem;border:1px solid var(--of-border-soft);border-radius:14px;color:var(--of-text-primary);background:rgba(255,255,255,.018);text-align:left} .count-up-history-row:hover{border-color:rgba(55,217,155,.28);background:rgba(55,217,155,.045)} .count-up-history-row small{display:block;color:var(--of-text-muted);font-size:.75rem;line-height:1.3} .count-up-history-row strong{display:block;margin-top:.14rem;font-size:.92rem} .count-up-result-hero.personal-best{border-color:rgba(55,217,155,.38);box-shadow:0 0 0 1px rgba(55,217,155,.08),var(--of-shadow-card)} .count-up-result-badge{display:grid;min-width:220px;place-items:center;padding:1rem;border:1px solid rgba(55,217,155,.25);border-radius:20px;background:rgba(55,217,155,.055);text-align:center} .count-up-result-badge small,.count-up-result-badge span{color:var(--of-text-muted);font-size:.75rem;font-weight:750;text-transform:uppercase} .count-up-result-badge strong{margin:.25rem 0;font-family:var(--of-font-display);font-size:3rem;line-height:1} .count-up-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:.8rem} .count-up-result-grid article{display:grid;min-height:120px;align-content:center;padding:.85rem;border:1px solid var(--of-border);border-radius:18px;background:rgba(8,18,23,.85)} .count-up-result-grid small{color:var(--of-text-muted);font-size:.75rem;font-weight:750;text-transform:uppercase} .count-up-result-grid strong{margin:.2rem 0;font-family:var(--of-font-display);font-size:2.2rem;line-height:1} .count-up-result-grid span{color:var(--of-text-secondary);font-size:.75rem;line-height:1.4} .count-up-result-chart{padding:1rem} .count-up-result-bars{display:flex;align-items:end;gap:.35rem;min-height:220px;padding:1rem .2rem .3rem;overflow-x:auto;border-top:1px solid var(--of-border-soft)} .count-up-result-bar{display:grid;grid-template-rows:1fr auto;align-items:end;min-width:28px;height:180px} .count-up-result-bar>span{display:block;width:100%;min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--of-teal-400),var(--of-primary-400))} .count-up-result-bar small{margin-top:.35rem;color:var(--of-text-muted);font-size:.75rem;text-align:center} .count-up-result-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding:1rem} .count-up-result-actions h2{margin:.2rem 0 .3rem;font-size:1.05rem} .count-up-result-actions p{max-width:620px;margin:0;color:var(--of-text-secondary);font-size:.82rem;line-height:1.5} .count-up-result-actions>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem} @media (max-width:760px){.training-setup-hero,.count-up-result-hero,.count-up-history-card.empty,.count-up-result-actions{align-items:stretch;flex-direction:column} .count-up-round-options,.count-up-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .count-up-result-badge{min-width:0} .count-up-history-row{grid-template-columns:minmax(0,1fr) auto} .count-up-history-row>span:nth-child(2),.count-up-history-row>span:nth-child(3){grid-column:1 / -1} .count-up-result-actions>div:last-child{display:grid;justify-content:stretch} .count-up-result-actions button{width:100%;justify-content:center}} @media (max-width:430px){.training-setup-page,.training-result-page{width:min(100% - 1rem,1120px);padding-top:.55rem} .training-setup-hero,.count-up-result-hero{border-radius:20px} .count-up-round-options,.count-up-setup-preview,.count-up-result-grid{grid-template-columns:1fr}} .bobs-27-setup-hero{background:radial-gradient(circle at 12% 0%,rgba(56,221,221,.11),transparent 24rem),linear-gradient(145deg,rgba(13,29,38,.97),rgba(6,14,19,.98))} .count-up-custom-field select{width:100%;min-height:50px;padding:.75rem .85rem;border:1px solid var(--of-border);border-radius:14px;color:var(--of-text-primary);background:rgba(255,255,255,.025);font:inherit} .bobs-27-toggle{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;margin-top:1rem;padding:.85rem;border:1px solid var(--of-border);border-radius:15px;background:rgba(255,255,255,.018);cursor:pointer} .bobs-27-toggle input{width:22px;height:22px;accent-color:var(--of-primary-400)} .bobs-27-toggle strong,.bobs-27-toggle small{display:block} .bobs-27-toggle strong{font-size:.88rem} .bobs-27-toggle small{margin-top:.2rem;color:var(--of-text-muted);font-size:.75rem;line-height:1.45} .bobs-27-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:1rem} .bobs-27-rule-grid>span{padding:.75rem;border:1px solid var(--of-border-soft);border-radius:14px;background:rgba(255,255,255,.018)} .bobs-27-rule-grid small,.bobs-27-rule-grid strong{display:block} .bobs-27-rule-grid small{color:var(--of-text-muted);font-size:.75rem;font-weight:750;text-transform:uppercase} .bobs-27-rule-grid strong{margin-top:.25rem;font-size:.82rem;line-height:1.35} .bobs-27-target-callout{display:grid;grid-template-columns:auto auto 1fr;gap:.5rem;align-items:center;margin:.75rem 0;padding:.7rem .8rem;border:1px solid rgba(56,221,221,.28);border-radius:14px;background:rgba(56,221,221,.055)} .bobs-27-target-callout small{color:var(--of-text-muted);font-size:.75rem;font-weight:750;text-transform:uppercase} .bobs-27-target-callout strong{color:var(--of-teal-300);font-family:var(--of-font-display);font-size:1.55rem} .bobs-27-target-callout span{justify-self:end;color:var(--of-text-secondary);font-size:.75rem;font-weight:750} .bobs-27-runtime-progress span{background:linear-gradient(90deg,var(--of-teal-400),var(--of-primary-400))} .bobs-27-history-card{border-color:rgba(56,221,221,.15)} .bobs-27-history-row:hover{border-color:rgba(56,221,221,.3);background:rgba(56,221,221,.045)} .bobs-27-result-hero{background:radial-gradient(circle at 12% 0%,rgba(56,221,221,.11),transparent 24rem),linear-gradient(145deg,rgba(13,29,38,.97),rgba(6,14,19,.98))} .bobs-27-result-bars{min-height:250px} .bobs-27-result-bar{min-width:34px;height:205px} .bobs-27-result-bar>span.positive{background:linear-gradient(180deg,var(--of-primary-300),var(--of-primary-500))} .bobs-27-result-bar>span.negative{background:linear-gradient(180deg,#ff9b78,#d95f36)} .bobs-27-result-bar small{writing-mode:vertical-rl;transform:rotate(180deg);max-height:42px;overflow:hidden} @media (max-width:760px){.bobs-27-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .bobs-27-target-callout{grid-template-columns:auto 1fr} .bobs-27-target-callout span{grid-column:1 / -1;justify-self:start}} @media (max-width:430px){.bobs-27-rule-grid{grid-template-columns:1fr} .bobs-27-toggle{align-items:start}} .training-segment-grid button.current-target,.training-special-grid button.current-target{color:var(--of-teal-200);border-color:rgba(56,221,221,.48);background:rgba(56,221,221,.11);box-shadow:0 0 0 1px rgba(56,221,221,.09)} .checkout-setup-hero,.checkout-result-hero{background:radial-gradient(circle at 12% 0%,rgba(154,112,255,.13),transparent 24rem),linear-gradient(145deg,rgba(22,24,43,.97),rgba(6,14,19,.98))} .checkout-difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;padding:0;border:0} .checkout-difficulty-grid legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .checkout-difficulty-option{position:relative;display:block;cursor:pointer} .checkout-difficulty-option input{position:absolute;opacity:0;pointer-events:none} .checkout-difficulty-option span{display:grid;min-height:112px;align-content:center;padding:.8rem;border:1px solid var(--of-border);border-radius:16px;background:rgba(255,255,255,.018)} .checkout-difficulty-option strong,.checkout-difficulty-option small,.checkout-difficulty-option em{display:block} .checkout-difficulty-option strong{font-size:.95rem} .checkout-difficulty-option small{margin-top:.2rem;color:var(--of-primary-300);font-size:.78rem;font-weight:800} .checkout-difficulty-option em{margin-top:.35rem;color:var(--of-text-muted);font-size:.75rem;font-style:normal;line-height:1.35} .checkout-difficulty-option input:checked + span{border-color:rgba(154,112,255,.45);background:rgba(154,112,255,.09);box-shadow:0 0 0 1px rgba(154,112,255,.08)} .checkout-difficulty-option input:focus-visible + span{outline:2px solid var(--of-primary-300);outline-offset:3px} .checkout-custom-range,.checkout-setup-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem} .checkout-darts-head{margin-top:1.2rem} .checkout-dart-options{grid-template-columns:repeat(3,minmax(0,1fr))} .checkout-dart-option span{min-height:82px} .checkout-advice-toggle{margin-top:1rem} .checkout-rule-grid{margin-top:1rem} .checkout-runtime-progress span{background:linear-gradient(90deg,#9a70ff,var(--of-primary-400))} .checkout-runtime-target{display:grid;grid-template-columns:auto auto 1fr;gap:.55rem;align-items:center;margin:.75rem 0;padding:.7rem .8rem;border:1px solid rgba(154,112,255,.32);border-radius:14px;background:rgba(154,112,255,.065)} .checkout-runtime-target small{color:var(--of-text-muted);font-size:.75rem;font-weight:750;text-transform:uppercase} .checkout-runtime-target strong{color:#c8b6ff;font-family:var(--of-font-display);font-size:1.7rem} .checkout-runtime-target span{justify-self:end;color:var(--of-text-secondary);font-size:.75rem;font-weight:750} .checkout-runtime-routes{display:grid;gap:.35rem;margin-bottom:.75rem;padding:.75rem;border:1px solid var(--of-border-soft);border-radius:14px;background:rgba(255,255,255,.018)} .checkout-runtime-routes small{color:var(--of-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase} .checkout-runtime-routes span{display:block;padding:.42rem .55rem;border-radius:9px;color:var(--of-text-secondary);background:rgba(255,255,255,.025);font-size:.78rem;font-weight:750} .checkout-runtime-routes span.primary{color:#d9ceff;background:rgba(154,112,255,.11)} .checkout-runtime-routes.blind{border-style:dashed} .checkout-history-card{border-color:rgba(154,112,255,.15)} .checkout-history-row:hover{border-color:rgba(154,112,255,.32);background:rgba(154,112,255,.045)} .checkout-result-list-card{padding:1rem} .checkout-result-attempts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem} .checkout-result-attempt{display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--of-border-soft);border-radius:15px;background:rgba(255,255,255,.018)} .checkout-result-attempt>div{display:grid;grid-template-columns:1fr auto;gap:.25rem .6rem;align-items:center} .checkout-result-attempt>div small{color:var(--of-text-muted);font-size:.75rem;text-transform:uppercase} .checkout-result-attempt>div strong{grid-row:1 / 3;grid-column:2;font-family:var(--of-font-display);font-size:1.8rem} .checkout-result-attempt>div span{color:var(--of-text-secondary);font-size:.78rem;font-weight:800} .checkout-result-attempt p,.checkout-result-attempt>small,.checkout-result-attempt em{margin:0;font-size:.75rem;line-height:1.4} .checkout-result-attempt p{color:var(--of-text-primary);font-weight:750} .checkout-result-attempt>small,.checkout-result-attempt em{color:var(--of-text-muted)} .checkout-result-attempt em{font-style:normal} .checkout-result-attempt.success{border-color:rgba(55,217,155,.3);background:rgba(55,217,155,.045)} .checkout-result-attempt.danger{border-color:rgba(255,120,104,.28);background:rgba(255,120,104,.04)} .checkout-result-attempt.missed{border-color:rgba(255,255,255,.12)} .training-runtime-visits article.success{border-color:rgba(55,217,155,.25)} .training-runtime-visits article.danger{border-color:rgba(255,120,104,.25)} @media (max-width:760px){.checkout-difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .checkout-result-attempts{grid-template-columns:1fr} .checkout-runtime-target{grid-template-columns:auto 1fr} .checkout-runtime-target span{grid-column:1 / -1;justify-self:start}} @media (max-width:430px){.checkout-difficulty-grid,.checkout-custom-range,.checkout-setup-columns,.checkout-dart-options{grid-template-columns:1fr}} .training-insights-shell{--insight-accent:var(--of-primary-400)} .training-insights-page{display:grid;gap:1rem;padding-bottom:3rem} .training-insights-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--of-border);border-radius:22px;background:radial-gradient(circle at 12% 0%,rgba(154,112,255,.15),transparent 25rem),radial-gradient(circle at 100% 100%,rgba(56,221,221,.08),transparent 22rem),linear-gradient(145deg,rgba(20,22,42,.98),rgba(5,14,19,.98))} .training-insights-hero h1{max-width:760px;margin:.45rem 0 .55rem} .training-insights-hero p{max-width:780px;margin:0;color:var(--of-text-secondary);line-height:1.6} .training-insights-filterbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:end;padding:.85rem;border:1px solid var(--of-border-soft);border-radius:17px;background:rgba(255,255,255,.018)} .training-insights-filterbar>div{min-width:0} .training-insights-filterbar>div>small{display:block;margin:0 0 .4rem .1rem;color:var(--of-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase} .training-insights-tabs{display:flex;gap:.4rem;min-width:0;overflow-x:auto;scrollbar-width:thin} .training-insights-tabs button{flex:0 0 auto;min-height:42px;padding:.58rem .75rem;border:1px solid var(--of-border);border-radius:12px;color:var(--of-text-secondary);background:rgba(255,255,255,.018);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer} .training-insights-tabs button.active{color:#e6ddff;border-color:rgba(154,112,255,.42);background:rgba(154,112,255,.1)} .training-insights-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem} .training-insights-summary article{min-width:0;padding:.8rem;border:1px solid var(--of-border-soft);border-radius:16px;background:rgba(255,255,255,.018)} .training-insights-summary article.streak{border-color:rgba(154,112,255,.28);background:rgba(154,112,255,.055)} .training-insights-summary small,.training-insights-summary strong,.training-insights-summary span{display:block} .training-insights-summary small{color:var(--of-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase} .training-insights-summary strong{margin-top:.25rem;overflow-wrap:anywhere;font-family:var(--of-font-display);font-size:clamp(1.25rem,2.8vw,1.8rem)} .training-insights-summary span{margin-top:.25rem;color:var(--of-text-muted);font-size:.75rem;line-height:1.35} .training-goals-panel,.training-activity-panel,.training-personal-best-panel,.training-recent-panel{padding:1rem} .training-insights-section-head{display:flex;justify-content:space-between;gap:.8rem;align-items:start;margin-bottom:.8rem} .training-insights-section-head h2{margin:.25rem 0 0} .training-insights-section-head p{max-width:720px;margin:.3rem 0 0;color:var(--of-text-muted);font-size:.78rem;line-height:1.5} .training-insights-section-head>span{flex:0 0 auto;padding:.4rem .55rem;border:1px solid var(--of-border-soft);border-radius:999px;color:var(--of-text-muted);font-size:.75rem;font-weight:800} .training-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem} .training-goal-card{padding:.75rem;border:1px solid var(--of-border-soft);border-radius:15px;background:rgba(255,255,255,.018)} .training-goal-card.complete{border-color:rgba(55,217,155,.28);background:rgba(55,217,155,.045)} .training-goal-head{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center} .training-goal-head>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(154,112,255,.28);border-radius:11px;color:#ccbaff;background:rgba(154,112,255,.08);font-size:.75rem;font-weight:900} .training-goal-head small,.training-goal-head strong{display:block} .training-goal-head small{color:var(--of-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase} .training-goal-head strong{margin-top:.15rem;font-size:.88rem} .training-goal-head em{color:var(--of-text-secondary);font-size:.75rem;font-style:normal;font-weight:850} .training-goal-progress{height:7px;margin-top:.65rem;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)} .training-goal-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9a70ff,var(--of-primary-400))} .training-goal-card.complete .training-goal-progress span{background:linear-gradient(90deg,#37d99b,var(--of-primary-400))} .training-goal-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.6rem;align-items:end;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--of-border-soft)} .training-goal-form label span{display:block;margin:0 0 .3rem .1rem;color:var(--of-text-muted);font-size:.75rem;font-weight:800} .training-goal-form input{width:100%;min-height:44px;padding:.65rem .7rem;border:1px solid var(--of-border);border-radius:12px;color:var(--of-text-primary);background:rgba(255,255,255,.025);font:inherit} .training-activity-chart{display:flex;gap:.35rem;align-items:end;min-height:210px;padding:.75rem .25rem .1rem;overflow-x:auto;border-top:1px solid var(--of-border-soft)} .training-activity-bar{display:grid;grid-template-rows:165px auto;flex:1 0 24px;min-width:24px;max-width:56px;align-items:end;gap:.35rem} .training-activity-bar>span{display:block;width:100%;min-height:3px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#b095ff,rgba(154,112,255,.3))} .training-activity-bar small{display:block;overflow:hidden;color:var(--of-text-muted);font-size:.75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap} .training-activity-empty,.training-insights-empty{display:grid;place-items:center;min-height:150px;padding:1rem;color:var(--of-text-muted);text-align:center} .training-activity-empty span,.training-insights-empty span{font-size:1.8rem} .training-insight-exercise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem} .training-insight-exercise-card{display:grid;gap:.65rem;padding:1rem} .training-insight-exercise-head{display:flex;justify-content:space-between;gap:.7rem;align-items:start} .training-insight-exercise-head h2{margin:.22rem 0 0} .training-insight-exercise-head>span{flex:0 0 auto;color:var(--of-text-muted);font-size:.75rem;font-weight:800} .training-insight-exercise-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem} .training-insight-exercise-values span{padding:.6rem;border:1px solid var(--of-border-soft);border-radius:12px;background:rgba(255,255,255,.018)} .training-insight-exercise-values small,.training-insight-exercise-values strong{display:block} .training-insight-exercise-values small{color:var(--of-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase} .training-insight-exercise-values strong{margin-top:.18rem;font-family:var(--of-font-display);font-size:1.35rem} .training-insight-sparkline{width:100%;min-height:72px;color:#aa8bff;overflow:visible} .training-insight-sparkline polyline{stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} .training-insight-sparkline circle{fill:currentColor} .training-insight-sparkline.empty{display:grid;place-items:center;min-height:72px;border:1px dashed var(--of-border-soft);border-radius:12px;color:var(--of-text-muted);font-size:.75rem} .training-insight-change{margin:0;color:var(--of-text-muted);font-size:.75rem;font-weight:800} .training-insight-change.positive{color:#62dca9} .training-insight-change.negative{color:#ff9b87} .training-insight-exercise-card>small{color:var(--of-text-muted);font-size:.75rem} .training-insights-two-column{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.7rem} .training-personal-best-list,.training-recent-list{display:grid;gap:.45rem} .training-personal-best-row,.training-recent-row{width:100%;min-height:58px;padding:.65rem .7rem;border:1px solid var(--of-border-soft);border-radius:13px;color:var(--of-text-primary);background:rgba(255,255,255,.018);font:inherit;text-align:left;cursor:pointer} .training-personal-best-row{display:flex;justify-content:space-between;gap:.7rem;align-items:center} .training-personal-best-row small,.training-personal-best-row strong{display:block} .training-personal-best-row small{color:var(--of-text-muted);font-size:.75rem} .training-personal-best-row strong{margin-top:.18rem;font-size:.8rem} .training-recent-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(130px,1.3fr) auto auto;gap:.55rem;align-items:center;font-size:.76rem} .training-recent-row small,.training-recent-row strong{display:block} .training-recent-row small{color:var(--of-text-muted);font-size:.75rem} .training-recent-row>span:nth-child(2),.training-recent-row>span:nth-child(3){color:var(--of-text-secondary)} .training-personal-best-row:hover,.training-recent-row:hover{border-color:rgba(154,112,255,.3);background:rgba(154,112,255,.045)} .training-insights-launch-card{align-items:center} @media (max-width:1000px){.training-insights-summary{grid-template-columns:repeat(3,minmax(0,1fr))} .training-insight-exercise-grid{grid-template-columns:1fr}} @media (max-width:760px){.training-insights-hero,.training-insights-filterbar,.training-insights-two-column{grid-template-columns:1fr} .training-insights-hero-actions{justify-self:start} .training-goal-grid,.training-goal-form{grid-template-columns:1fr} .training-recent-row{grid-template-columns:minmax(0,1fr) auto} .training-recent-row>span:nth-child(2),.training-recent-row>span:nth-child(3){grid-column:1 / -1} .training-recent-row>span:last-child{grid-column:2;grid-row:1}} @media (max-width:430px){.training-insights-summary{grid-template-columns:repeat(2,minmax(0,1fr))} .training-insights-section-head,.training-insight-exercise-head{display:grid} .training-insights-section-head>span,.training-insight-exercise-head>span{justify-self:start} .training-insight-exercise-values{grid-template-columns:1fr} .training-insights-tabs button{min-height:44px}} .training-programs-page,.training-program-run-page,.training-program-result-page{display:grid;gap:1rem;padding-bottom:3rem} .training-programs-hero,.training-program-run-hero,.training-program-result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--of-border);border-radius:22px;background:radial-gradient(circle at 10% 0%,rgba(154,112,255,.16),transparent 25rem),radial-gradient(circle at 100% 100%,rgba(56,221,221,.08),transparent 20rem),linear-gradient(145deg,rgba(20,22,42,.98),rgba(5,14,19,.98))} .training-programs-hero h1,.training-program-run-hero h1,.training-program-result-hero h1{margin:.45rem 0 .55rem}.training-programs-hero p,.training-program-run-hero p,.training-program-result-hero p{max-width:780px;margin:0;color:var(--of-text-secondary);line-height:1.6} .training-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.training-program-card{display:grid;gap:.8rem;padding:1rem;overflow:hidden}.training-program-card.starter{border-color:rgba(55,217,155,.2)}.training-program-card.club{border-color:rgba(154,112,255,.22)}.training-program-card.match{border-color:rgba(255,170,82,.2)}.training-program-card.active{box-shadow:0 0 0 1px rgba(154,112,255,.16),0 20px 50px rgba(0,0,0,.18)} .training-program-card-head,.training-program-day-head,.training-program-week-head{display:flex;justify-content:space-between;gap:.75rem;align-items:start}.training-program-card-head h2,.training-program-day-head h3,.training-program-week-head h2{margin:.22rem 0 0}.training-program-card-head>span,.training-program-week-head>span{flex:0 0 auto;padding:.38rem .55rem;border:1px solid var(--of-border-soft);border-radius:999px;color:var(--of-text-muted);font-size:.75rem;font-weight:800}.training-program-card>p{margin:0;color:var(--of-text-secondary);font-size:.8rem;line-height:1.55} .training-program-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.training-program-card-metrics span{padding:.55rem;border:1px solid var(--of-border-soft);border-radius:12px;background:rgba(255,255,255,.018)}.training-program-card-metrics small,.training-program-card-metrics strong{display:block}.training-program-card-metrics small{color:var(--of-text-muted);font-size:.75rem;font-weight:800}.training-program-card-metrics strong{margin-top:.15rem;font-family:var(--of-font-display);font-size:1.15rem} .training-program-active-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border-color:rgba(154,112,255,.28);background:radial-gradient(circle at 0 50%,rgba(154,112,255,.1),transparent 20rem),rgba(255,255,255,.02)}.training-program-active-card h2{margin:.22rem 0 .25rem}.training-program-active-card p{margin:0;color:var(--of-text-muted);font-size:.8rem} .training-program-history,.training-program-result-sessions{padding:1rem}.training-program-history-list,.training-program-result-list{display:grid;gap:.45rem}.training-program-history-row,.training-program-result-row{display:grid;gap:.7rem;align-items:center;width:100%;min-height:62px;padding:.65rem .75rem;border:1px solid var(--of-border-soft);border-radius:13px;color:var(--of-text-primary);background:rgba(255,255,255,.018);font:inherit;text-align:left;cursor:pointer}.training-program-history-row{grid-template-columns:minmax(150px,1.5fr) minmax(90px,.6fr) minmax(70px,.4fr) auto}.training-program-result-row{grid-template-columns:auto minmax(130px,1.3fr) minmax(130px,1fr) auto}.training-program-history-row:hover,.training-program-result-row:hover{border-color:rgba(154,112,255,.3);background:rgba(154,112,255,.045)}.training-program-history-row small,.training-program-history-row strong,.training-program-result-row small,.training-program-result-row strong{display:block}.training-program-history-row small,.training-program-result-row small{color:var(--of-text-muted);font-size:.75rem}.training-program-history-row strong,.training-program-result-row strong{margin-top:.15rem;font-size:.82rem}.training-program-result-row em{color:var(--of-text-secondary);font-size:.75rem;font-style:normal} .training-program-run-progress,.training-program-result-badge{display:grid;min-width:170px;justify-items:end;padding:.85rem;border:1px solid rgba(154,112,255,.28);border-radius:17px;background:rgba(154,112,255,.07)}.training-program-run-progress small,.training-program-run-progress strong,.training-program-run-progress span,.training-program-result-badge small,.training-program-result-badge strong,.training-program-result-badge span{display:block}.training-program-run-progress small,.training-program-result-badge small{color:var(--of-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.training-program-run-progress strong,.training-program-result-badge strong{margin:.2rem 0;font-family:var(--of-font-display);font-size:2rem}.training-program-run-progress span,.training-program-result-badge span{color:var(--of-text-secondary);font-size:.75rem} .training-program-next-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem}.training-program-next-card h2{margin:.22rem 0 .3rem}.training-program-next-card p{margin:0;color:var(--of-text-muted);font-size:.8rem}.training-program-next-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem} .training-program-week-card{display:grid;gap:.8rem;padding:1rem}.training-program-week-head p{max-width:650px;margin:.3rem 0 0;color:var(--of-text-muted);font-size:.8rem}.training-program-week-progress,.training-program-day-progress{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}.training-program-week-progress>span,.training-program-day-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9a70ff,var(--of-primary-400))}.training-program-day-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.6rem}.training-program-day-card{padding:.75rem;border:1px solid var(--of-border-soft);border-radius:15px;background:rgba(255,255,255,.018)}.training-program-day-card.current{border-color:rgba(154,112,255,.32);background:rgba(154,112,255,.045)}.training-program-day-card.complete{border-color:rgba(55,217,155,.25);background:rgba(55,217,155,.035)}.training-program-day-head small{display:block;color:var(--of-text-muted);font-size:.75rem;font-weight:800}.training-program-day-head h3{font-size:.95rem}.training-program-day-head>span{color:var(--of-text-secondary);font-size:.75rem;font-weight:850}.training-program-day-progress{margin:.6rem 0;height:5px}.training-program-day-card ol{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.training-program-day-card li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;align-items:center;min-height:60px;padding:.55rem;border:1px solid var(--of-border-soft);border-radius:12px;background:rgba(255,255,255,.015)}.training-program-day-card li.current{border-color:rgba(154,112,255,.35)}.training-program-day-card li.completed{border-color:rgba(55,217,155,.22)}.training-program-day-card li.locked{opacity:.62}.training-program-step-index{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--of-border);border-radius:9px;color:var(--of-text-secondary);font-size:.75rem;font-weight:900}.training-program-day-card li small,.training-program-day-card li strong,.training-program-day-card li em{display:block}.training-program-day-card li small,.training-program-day-card li em{color:var(--of-text-muted);font-size:.75rem}.training-program-day-card li strong{margin-top:.1rem;font-size:.78rem}.training-program-day-card li em{margin-top:.18rem;font-style:normal}.training-program-step-state{color:var(--of-text-muted);font-size:.75rem;font-weight:800}.training-program-day-card li button{grid-column:2/-1;justify-self:start;padding:.35rem .5rem;border:1px solid var(--of-border);border-radius:9px;color:var(--of-text-secondary);background:rgba(255,255,255,.02);font:inherit;font-size:.75rem;font-weight:800;cursor:pointer} .training-program-result-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.training-program-result-breakdown article{padding:.8rem;border:1px solid var(--of-border-soft);border-radius:15px;background:rgba(255,255,255,.018)}.training-program-result-breakdown small,.training-program-result-breakdown strong,.training-program-result-breakdown span{display:block}.training-program-result-breakdown small{color:var(--of-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.training-program-result-breakdown strong{margin-top:.2rem;font-family:var(--of-font-display);font-size:1.25rem}.training-program-result-breakdown span{margin-top:.22rem;color:var(--of-text-muted);font-size:.75rem}.training-program-result-row>span:first-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--of-border);border-radius:9px;color:var(--of-text-secondary);font-size:.75rem;font-weight:900}.training-programs-launch-card{align-items:center;border-color:rgba(154,112,255,.2)}.training-runtime-program-banner{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem .85rem;border:1px solid rgba(154,112,255,.28);border-radius:15px;background:rgba(154,112,255,.055)}.training-runtime-program-banner strong,.training-runtime-program-banner small{display:block}.training-runtime-program-banner small{margin-top:.15rem;color:var(--of-text-muted);font-size:.75rem} @media(max-width:1000px){.training-program-grid{grid-template-columns:1fr}.training-program-result-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.training-programs-hero,.training-program-run-hero,.training-program-result-hero{grid-template-columns:1fr}.training-program-active-card,.training-program-next-card,.training-runtime-program-banner{display:grid}.training-program-next-actions{justify-content:start}.training-program-run-progress,.training-program-result-badge{min-width:0;justify-items:start}.training-program-history-row{grid-template-columns:minmax(0,1fr) auto}.training-program-history-row>span:nth-child(2),.training-program-history-row>span:nth-child(3){grid-column:1/-1}.training-program-history-row>span:last-child{grid-column:2;grid-row:1}.training-program-result-row{grid-template-columns:auto minmax(0,1fr) auto}.training-program-result-row em{grid-column:2/-1}} @media(max-width:430px){.training-program-card-metrics,.training-program-result-breakdown{grid-template-columns:1fr}.training-program-card-head,.training-program-week-head,.training-program-day-head{display:grid}.training-program-card-head>span,.training-program-week-head>span{justify-self:start}.training-program-next-actions>button,.training-program-active-card>button{width:100%}.training-program-day-card li{grid-template-columns:auto minmax(0,1fr)}.training-program-step-state,.training-program-day-card li button{grid-column:2}} .training-phase-chip.foundation{color:#d9ccff;border-color:rgba(154,112,255,.34);background:rgba(154,112,255,.09)} .training-exercise-card[data-training-exercise="catch-40"],.training-exercise-card[data-training-exercise="around-clock-doubles"],.training-exercise-card[data-training-exercise="doubles-ladder"],.training-exercise-card[data-training-exercise="hundred-doubles"]{border-color:rgba(154,112,255,.18);background:radial-gradient(circle at 100% 0%,rgba(154,112,255,.055),transparent 15rem),rgba(255,255,255,.018)} .doubles-foundation-locked{min-height:46px;white-space:normal;line-height:1.35} .doubles-foundation-launch-card{align-items:center;border-color:rgba(154,112,255,.22);background:radial-gradient(circle at 0% 50%,rgba(154,112,255,.09),transparent 22rem),rgba(255,255,255,.018)} .doubles-foundation-runtime-progress>span{background:linear-gradient(90deg,#9a70ff,var(--of-primary-400))} .doubles-foundation-target-callout{border-color:rgba(154,112,255,.32);background:rgba(154,112,255,.065)} .doubles-foundation-result-hero{background:radial-gradient(circle at 10% 0%,rgba(154,112,255,.16),transparent 24rem),radial-gradient(circle at 100% 100%,rgba(56,221,221,.07),transparent 20rem),linear-gradient(145deg,rgba(20,22,42,.98),rgba(5,14,19,.98))} .doubles-foundation-result-visits{padding:1rem} .training-runtime-program-banner + .training-runtime-hero,.doubles-foundation-result-shell .count-up-result-actions{scroll-margin-top:1rem} @media (max-width:760px){.doubles-foundation-launch-card{display:grid} .doubles-foundation-locked{width:100%}} .catch-40-setup-hero,.catch-40-result-hero{border-color:rgba(255,178,79,.24);background:radial-gradient(circle at 10% 0%,rgba(255,178,79,.14),transparent 28rem),radial-gradient(circle at 100% 100%,rgba(154,112,255,.08),transparent 24rem),linear-gradient(145deg,rgba(22,22,38,.98),rgba(5,14,19,.98))} .catch-40-setup-card{display:grid;gap:1rem} .catch-40-route-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem} .catch-40-route-preview span{padding:.7rem;border:1px solid var(--of-border-soft);border-radius:14px;background:rgba(255,255,255,.018)} .catch-40-route-preview small,.catch-40-route-preview strong{display:block} .catch-40-route-preview small{color:var(--of-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase} .catch-40-route-preview strong{margin-top:.2rem;font-family:var(--of-font-display);font-size:1.35rem} .catch-40-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .catch-40-runtime-progress>span{background:linear-gradient(90deg,#ffb24f,#9a70ff)} .catch-40-runtime-target{border-color:rgba(255,178,79,.22);background:rgba(255,178,79,.045)} .catch-40-result-page{display:grid;gap:1rem} .catch-40-result-list-card{padding:1rem} .catch-40-result-attempts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem} .catch-40-result-attempt{min-width:0;padding:.65rem;border:1px solid var(--of-border-soft);border-radius:13px;background:rgba(255,255,255,.018)} .catch-40-result-attempt.success{border-color:rgba(55,217,155,.22);background:rgba(55,217,155,.035)} .catch-40-result-attempt.missed{border-color:rgba(255,110,110,.16)} .catch-40-result-attempt small,.catch-40-result-attempt strong,.catch-40-result-attempt span{display:block} .catch-40-result-attempt small{color:var(--of-text-muted);font-size:.75rem} .catch-40-result-attempt strong{margin-top:.15rem;font-family:var(--of-font-display);font-size:1rem} .catch-40-result-attempt span{margin-top:.12rem;color:var(--of-text-secondary);font-size:.75rem} .catch-40-result-attempt p{min-height:2.4em;margin:.45rem 0;overflow-wrap:anywhere;color:var(--of-text-secondary);font-size:.75rem;line-height:1.4} .catch-40-history-card{border-color:rgba(255,178,79,.16)} .catch-40-history-row strong{color:var(--of-text-primary)} @media (max-width:1100px){.catch-40-result-attempts{grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:820px){.catch-40-route-preview,.catch-40-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .catch-40-result-attempts{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:560px){.catch-40-result-attempts{grid-template-columns:repeat(2,minmax(0,1fr))} .training-runtime-page .training-dart-slots{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:360px){.catch-40-route-preview,.catch-40-rule-grid,.catch-40-result-attempts{grid-template-columns:1fr}}

/* Ocheflow V1.26.0 · Training Centre stabilisation */
.doubles-official-setup-card .doubles-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.doubles-official-setup-card .doubles-setup-grid.ladder{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}.doubles-official-setup-card .doubles-setup-grid.hundred{grid-template-columns:minmax(240px,520px)}.doubles-target-list{grid-column:auto}.doubles-official-rule-grid{margin-top:18px}.training-foundation-grid.official{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.doubles-official-history-row>span:first-child{min-width:210px}.doubles-official-setup-card input[type="text"]{width:100%}.doubles-foundation-result-visits .training-runtime-visits{max-height:520px;overflow:auto}.training-exercise-card[data-training-exercise="around-clock-doubles"],.training-exercise-card[data-training-exercise="doubles-ladder"],.training-exercise-card[data-training-exercise="hundred-doubles"]{border-color:rgba(64,220,165,.24)}
@media (max-width:760px){.doubles-official-setup-card .doubles-setup-grid,.doubles-official-setup-card .doubles-setup-grid.ladder,.doubles-official-setup-card .doubles-setup-grid.hundred{grid-template-columns:1fr}.doubles-official-history-row>span:first-child{min-width:0}.training-foundation-grid.official{grid-template-columns:1fr}.doubles-foundation-result-visits .training-runtime-visits{max-height:none}}

/* Ocheflow V1.26.0 Training Centre stabilisation */
.training-category-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:.15rem}.training-category-button{flex:0 0 auto}.training-history-filter-note{color:var(--of-text-muted)}@media (max-width:680px){.training-library-head{gap:.75rem}.training-category-tabs{width:100%;justify-content:flex-start}.count-up-history-card.empty{align-items:stretch;flex-direction:column}.count-up-history-card.empty>button{width:100%;justify-content:center}.count-up-history-row{grid-template-columns:minmax(0,1fr) auto}.count-up-history-row>span:nth-child(2),.count-up-history-row>span:nth-child(3){grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:-.25rem}.count-up-history-row>span:nth-child(2) small,.count-up-history-row>span:nth-child(3) small{display:block}.count-up-history-row>span:nth-child(2) strong,.count-up-history-row>span:nth-child(3) strong{margin:0;text-align:right}.training-runtime-input,.training-runtime-score,.training-runtime-stats,.training-runtime-timeline{min-width:0}}@media (max-width:360px){.training-runtime-page,.training-setup-page,.training-result-page{width:min(100% - .75rem,1240px)}.training-segment-grid{gap:.35rem}.training-segment-grid button,.training-special-grid button{min-height:54px;padding:.4rem .2rem}.training-segment-grid button>span{font-size:1.08rem}.training-segment-grid button>small,.training-special-grid button>span{font-size:.68rem}.training-multiplier-tabs{gap:.35rem}.training-multiplier-button{min-height:44px;font-size:.74rem}}

/* Ocheflow V1.26.0 · 121 Checkout Challenge · one-screen gameplay */
.checkout-121-session-page{height:calc(100dvh - 70px);min-height:0;overflow:hidden;padding:.55rem max(.55rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left));background:radial-gradient(circle at 8% 0,rgba(56,221,221,.08),transparent 28%),var(--of-bg-deep)}
.checkout-121-statusbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.6rem;height:52px;padding:.42rem .7rem;border:1px solid var(--of-border);border-radius:15px;background:rgba(10,21,27,.9);overflow:hidden}.checkout-121-statusbar>div:first-child{display:grid;min-width:0}.checkout-121-statusbar strong{font-size:.9rem;color:var(--of-text-primary)}.checkout-121-statusbar .dark-section-kicker{font-size:.56rem}.checkout-121-status-actions{display:flex;gap:.35rem}.checkout-121-status-actions button{min-height:32px;padding:.35rem .58rem;font-size:.68rem}.checkout-121-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.05)}.checkout-121-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--of-primary-400),var(--of-teal-300));transition:width .2s ease}
.checkout-121-game-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(390px,1.28fr);gap:.55rem;height:calc(100% - 58px);margin-top:.55rem;min-height:0}.checkout-121-score-panel,.checkout-121-input-panel{min-height:0;overflow:hidden;padding:.65rem}.checkout-121-score-panel{display:grid;grid-template-rows:auto auto minmax(48px,auto) auto auto;align-content:start;gap:.48rem}.checkout-121-target{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:.4rem}.checkout-121-target>div{display:grid;align-content:center;min-height:72px;padding:.45rem .6rem;border:1px solid var(--of-border);border-radius:13px;background:rgba(255,255,255,.025)}.checkout-121-target small,.checkout-121-mini-stats small,.checkout-121-routes small{color:var(--of-text-muted);font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.checkout-121-target strong{font-family:var(--of-font-display);font-size:2.35rem;line-height:.9;color:var(--of-text-primary)}.checkout-121-target>div:first-child strong{color:var(--of-primary-400)}.checkout-121-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.checkout-121-mini-stats span{display:grid;gap:.08rem;min-width:0;padding:.35rem .4rem;border:1px solid var(--of-border);border-radius:11px;background:rgba(255,255,255,.018)}.checkout-121-mini-stats strong{overflow:hidden;font-size:.7rem;color:var(--of-text-secondary);text-overflow:ellipsis;white-space:nowrap}.checkout-121-routes{display:flex;align-items:center;gap:.35rem;min-height:46px;padding:.4rem .5rem;border:1px solid rgba(56,221,221,.18);border-radius:12px;background:rgba(56,221,221,.045);overflow-x:auto;scrollbar-width:none}.checkout-121-routes::-webkit-scrollbar{display:none}.checkout-121-routes small{flex:0 0 auto}.checkout-121-routes span{flex:0 0 auto;padding:.28rem .42rem;border-radius:8px;background:rgba(255,255,255,.04);color:var(--of-text-secondary);font-size:.68rem;font-weight:700}.checkout-121-routes span.primary{color:var(--of-primary-300);background:rgba(55,217,155,.09)}.checkout-121-routes.blind{justify-content:space-between}.checkout-121-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem}.checkout-121-dart-slot{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.32rem;min-height:32px;padding:.28rem .38rem;border:1px solid var(--of-border);border-radius:9px;background:rgba(255,255,255,.018)}.checkout-121-dart-slot small{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.04);color:var(--of-text-muted);font-size:.55rem}.checkout-121-dart-slot strong{font-size:.72rem;color:var(--of-text-muted)}.checkout-121-dart-slot.filled{border-color:rgba(55,217,155,.24);background:rgba(55,217,155,.045)}.checkout-121-dart-slot.filled strong{color:var(--of-text-primary)}.checkout-121-dart-slot.visit-2{border-left-color:rgba(56,221,221,.34)}.checkout-121-dart-slot.visit-3{border-left-color:rgba(255,176,64,.4)}.checkout-121-score-actions{display:flex;align-items:center;gap:.4rem}.checkout-121-score-actions button{min-height:34px;padding:.38rem .58rem;font-size:.66rem}.checkout-121-score-actions span{margin-left:auto;color:var(--of-text-muted);font-size:.68rem;font-weight:700}
.checkout-121-input-panel{display:grid;grid-template-rows:38px minmax(0,1fr) 46px;gap:.42rem}.checkout-121-input-panel .training-multiplier-tabs{margin:0}.checkout-121-input-panel .training-multiplier-button{min-height:38px;padding:.35rem;font-size:.72rem}.checkout-121-segment-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:.34rem;min-height:0}.checkout-121-segment-grid button{min-height:0;height:100%;padding:.22rem}.checkout-121-segment-grid button>span{font-size:1.15rem}.checkout-121-segment-grid button>small{font-size:.57rem}.checkout-121-special-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem}.checkout-121-special-grid button{min-height:46px;padding:.25rem}.checkout-121-special-grid button strong{font-size:.8rem}.checkout-121-special-grid button span{font-size:.56rem}
.checkout-121-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;border:0;padding:0;margin:0}.checkout-121-mode-option{cursor:pointer}.checkout-121-mode-option input{position:absolute;opacity:0;pointer-events:none}.checkout-121-mode-option span{display:grid;gap:.2rem;height:100%;padding:.8rem;border:1px solid var(--of-border);border-radius:14px;background:rgba(255,255,255,.02)}.checkout-121-mode-option strong{color:var(--of-text-primary)}.checkout-121-mode-option small,.checkout-121-mode-option em{color:var(--of-text-muted);font-size:.72rem;font-style:normal}.checkout-121-mode-option input:checked+span{border-color:rgba(55,217,155,.45);background:rgba(55,217,155,.07);box-shadow:0 0 0 1px rgba(55,217,155,.08)}.checkout-121-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
@media(max-width:760px){.training-121-shell .dark-topbar{grid-template-columns:auto 1fr auto;min-height:48px;padding:max(.3rem,env(safe-area-inset-top)) .45rem .3rem}.training-121-shell .dark-topbar-brand img{max-width:94px;height:23px}.training-121-shell .dark-topbar-status{display:none}.training-121-shell .dark-topbar-format,.training-121-shell .dark-header-icon{display:none}.training-121-shell .dark-header-new{min-height:30px;padding:.3rem .48rem;font-size:.62rem}.checkout-121-session-page{height:calc(100dvh - 49px);padding:.3rem max(.3rem,env(safe-area-inset-right)) max(.3rem,env(safe-area-inset-bottom)) max(.3rem,env(safe-area-inset-left))}.checkout-121-statusbar{height:42px;padding:.25rem .45rem;border-radius:11px}.checkout-121-statusbar .dark-section-kicker{font-size:.48rem}.checkout-121-statusbar strong{font-size:.72rem}.checkout-121-status-actions button{min-height:28px;padding:.22rem .4rem;font-size:.58rem}.checkout-121-game-grid{display:grid;grid-template-columns:1fr;grid-template-rows:168px minmax(0,1fr);gap:.3rem;height:calc(100% - 45px);margin-top:.3rem}.checkout-121-score-panel,.checkout-121-input-panel{padding:.35rem;border-radius:12px}.checkout-121-score-panel{grid-template-rows:48px 30px 30px 48px 28px;gap:.25rem}.checkout-121-target{grid-template-columns:1fr 1fr .72fr;gap:.25rem}.checkout-121-target>div{min-height:48px;padding:.22rem .35rem;border-radius:9px}.checkout-121-target small{font-size:.46rem}.checkout-121-target strong{font-size:1.65rem}.checkout-121-mini-stats{gap:.2rem}.checkout-121-mini-stats span{padding:.18rem .25rem;border-radius:8px}.checkout-121-mini-stats small{font-size:.43rem}.checkout-121-mini-stats strong{font-size:.55rem}.checkout-121-routes{min-height:30px;padding:.18rem .3rem;gap:.2rem;border-radius:8px}.checkout-121-routes small{font-size:.44rem}.checkout-121-routes span{padding:.16rem .25rem;font-size:.53rem}.checkout-121-slots{grid-template-columns:repeat(9,minmax(0,1fr));gap:.16rem}.checkout-121-dart-slot{display:grid;grid-template-columns:1fr;place-items:center;min-height:48px;padding:.12rem;border-radius:7px}.checkout-121-dart-slot small{width:14px;height:14px;font-size:.42rem}.checkout-121-dart-slot strong{font-size:.5rem}.checkout-121-score-actions{gap:.22rem}.checkout-121-score-actions button{min-height:28px;padding:.2rem .38rem;font-size:.54rem}.checkout-121-score-actions span{font-size:.54rem}.checkout-121-input-panel{grid-template-rows:30px minmax(0,1fr) 34px;gap:.25rem}.checkout-121-input-panel .training-multiplier-button{min-height:30px;padding:.16rem;font-size:.58rem}.checkout-121-segment-grid{gap:.2rem}.checkout-121-segment-grid button{border-radius:8px;padding:.08rem}.checkout-121-segment-grid button>span{font-size:.95rem}.checkout-121-segment-grid button>small{display:none}.checkout-121-special-grid{gap:.2rem}.checkout-121-special-grid button{min-height:34px;border-radius:8px;padding:.1rem}.checkout-121-special-grid button strong{font-size:.65rem}.checkout-121-special-grid button span{display:none}.checkout-121-mode-grid,.checkout-121-setup-grid{grid-template-columns:1fr}}
@media(max-width:350px) and (max-height:650px){.training-121-shell .dark-topbar-brand{display:none}.training-121-shell .dark-topbar{grid-template-columns:1fr auto}.checkout-121-session-page{height:calc(100dvh - 48px)}.checkout-121-statusbar{height:38px}.checkout-121-game-grid{grid-template-rows:155px minmax(0,1fr);height:calc(100% - 41px)}.checkout-121-score-panel{grid-template-rows:43px 27px 27px 43px 25px}.checkout-121-target strong{font-size:1.45rem}.checkout-121-dart-slot{min-height:43px}.checkout-121-input-panel{grid-template-rows:27px minmax(0,1fr) 31px}.checkout-121-input-panel .training-multiplier-button{min-height:27px}.checkout-121-special-grid button{min-height:31px}}
@media(min-width:761px) and (max-height:760px){.checkout-121-session-page{height:calc(100dvh - 70px)}.checkout-121-target>div{min-height:62px}.checkout-121-score-panel{gap:.35rem}.checkout-121-dart-slot{min-height:28px}.checkout-121-input-panel{grid-template-rows:34px minmax(0,1fr) 40px}.checkout-121-input-panel .training-multiplier-button{min-height:34px}.checkout-121-special-grid button{min-height:40px}}

/* V1.27.0 — 41–60 Checkout Training */
.checkout-4160-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-4160-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-4160-dart-slot.inactive{opacity:.34;background:rgba(255,255,255,.025)}.checkout-4160-target{grid-template-columns:1fr 1fr .72fr}.checkout-4160-routes{min-width:0}.checkout-4160-map-card{padding:1rem}.checkout-4160-target-map{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.45rem;margin-top:.8rem}.checkout-4160-target-stat{display:grid;place-items:center;gap:.12rem;min-height:76px;padding:.45rem;border:1px solid var(--of-border);border-radius:12px;background:rgba(255,255,255,.025)}.checkout-4160-target-stat small{color:var(--of-text-muted);font-weight:800}.checkout-4160-target-stat strong{font-size:1rem}.checkout-4160-target-stat span{font-size:.65rem;color:var(--of-text-muted)}.checkout-4160-target-stat.best{border-color:rgba(55,217,155,.48);background:rgba(55,217,155,.08)}.checkout-4160-target-stat.weakest{border-color:rgba(255,123,84,.48);background:rgba(255,123,84,.08)}
@media(max-width:760px){.checkout-4160-game-grid{grid-template-rows:168px minmax(0,1fr)}.checkout-4160-score-panel{grid-template-rows:48px 30px 30px 48px 28px}.checkout-4160-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-4160-target-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem}.checkout-4160-target-stat{min-height:58px;padding:.3rem}.checkout-4160-order-grid,.checkout-4160-setup-grid{grid-template-columns:1fr}}
@media(max-width:350px) and (max-height:650px){.checkout-4160-game-grid{grid-template-rows:155px minmax(0,1fr)}.checkout-4160-score-panel{grid-template-rows:43px 27px 27px 43px 25px}}

/* V1.28.0 — 99 Darts at XX */
.target-99-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.target-99-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.target-99-setup-grid label,.target-99-setup-grid article{display:grid;align-content:start;gap:.28rem;padding:.8rem;border:1px solid var(--of-border);border-radius:14px;background:rgba(255,255,255,.02)}.target-99-setup-grid span{font-size:.66rem;font-weight:800;color:var(--of-text-muted);text-transform:uppercase;letter-spacing:.07em}.target-99-setup-grid strong{font-size:1rem}.target-99-setup-grid small{color:var(--of-text-muted);font-size:.7rem}.target-99-session-page{height:calc(100dvh - 72px);min-height:0;padding:.55rem;overflow:hidden}.target-99-statusbar{height:54px}.target-99-statusbar>div:first-child{min-width:190px}.target-99-progress{flex:1;height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.target-99-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--of-primary-500),var(--of-accent-400))}.target-99-game-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(390px,1.18fr);gap:.55rem;height:calc(100% - 60px);margin-top:.55rem;min-height:0}.target-99-score-panel,.target-99-input-panel{min-height:0;overflow:hidden;padding:.7rem}.target-99-score-panel{display:grid;grid-template-rows:auto auto auto minmax(58px,1fr) auto;gap:.48rem}.target-99-target{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;min-height:74px;padding:.55rem .7rem;border:1px solid rgba(55,217,155,.25);border-radius:14px;background:rgba(55,217,155,.055)}.target-99-target small{color:var(--of-text-muted);font-size:.6rem;font-weight:800;text-transform:uppercase}.target-99-target strong{font-family:var(--of-font-display);font-size:3rem;line-height:.85;color:var(--of-primary-400)}.target-99-target span{font-size:.7rem;font-weight:800;color:var(--of-text-secondary)}.target-99-score-row,.target-99-rings,.target-99-live-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.target-99-score-row span,.target-99-rings span,.target-99-live-footer span{display:grid;gap:.1rem;padding:.4rem;border:1px solid var(--of-border);border-radius:11px;background:rgba(255,255,255,.018)}.target-99-score-row small,.target-99-rings small,.target-99-live-footer small{color:var(--of-text-muted);font-size:.52rem;font-weight:800;text-transform:uppercase}.target-99-score-row strong,.target-99-rings strong,.target-99-live-footer strong{font-size:.82rem}.target-99-current-visit{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:.45rem;min-height:0;padding:.45rem;border:1px solid var(--of-border);border-radius:12px;background:rgba(255,255,255,.02)}.target-99-current-visit>div:first-child{display:grid;gap:.12rem}.target-99-current-visit small{color:var(--of-text-muted);font-size:.55rem;font-weight:800;text-transform:uppercase}.target-99-current-visit strong{font-size:1rem}.target-99-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.target-99-input-panel{display:grid;grid-template-rows:64px minmax(0,1fr) 54px;gap:.45rem}.target-99-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.45rem .65rem;border:1px solid rgba(56,221,221,.22);border-radius:13px;background:rgba(56,221,221,.045)}.target-99-callout small{font-size:.58rem;color:var(--of-text-muted);font-weight:800;text-transform:uppercase}.target-99-callout strong{font-family:var(--of-font-display);font-size:2rem;color:var(--of-primary-300)}.target-99-callout span{font-size:.68rem;color:var(--of-text-muted)}.target-99-hit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.45rem;min-height:0}.target-99-hit-grid button{display:grid;place-items:center;align-content:center;gap:.2rem;min-height:0;border:1px solid var(--of-border);border-radius:16px;background:rgba(255,255,255,.025);color:var(--of-text-primary)}.target-99-hit-grid button:hover,.target-99-hit-grid button:focus-visible{border-color:rgba(55,217,155,.5);background:rgba(55,217,155,.08)}.target-99-hit-grid button small{font-size:.65rem;color:var(--of-text-muted)}.target-99-hit-grid button strong{font-family:var(--of-font-display);font-size:2.35rem;line-height:.9}.target-99-hit-grid button span{font-size:.68rem;color:var(--of-text-muted)}.target-99-hit-grid button.disabled{opacity:.35}.target-99-live-footer{grid-template-columns:repeat(3,minmax(0,1fr))}.target-99-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.target-99-target-breakdown{padding:1rem}.target-99-target-breakdown-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;margin-top:.75rem}.target-99-result-target{display:grid;gap:.18rem;padding:.55rem;border:1px solid var(--of-border);border-radius:12px;background:rgba(255,255,255,.02)}.target-99-result-target small{color:var(--of-primary-300);font-weight:900}.target-99-result-target span{color:var(--of-text-muted);font-size:.65rem}
@media(max-width:760px){.target-99-shell .dark-topbar{grid-template-columns:auto 1fr auto;min-height:48px;padding:max(.3rem,env(safe-area-inset-top)) .45rem .3rem}.target-99-shell .dark-topbar-brand img{max-width:94px;height:23px}.target-99-shell .dark-topbar-status,.target-99-shell .dark-topbar-format,.target-99-shell .dark-header-icon{display:none}.target-99-shell .dark-header-new{min-height:30px;padding:.3rem .48rem;font-size:.62rem}.target-99-session-page{height:calc(100dvh - 49px);padding:.3rem max(.3rem,env(safe-area-inset-right)) max(.3rem,env(safe-area-inset-bottom)) max(.3rem,env(safe-area-inset-left))}.target-99-statusbar{height:42px;padding:.25rem .4rem;border-radius:11px}.target-99-statusbar>div:first-child{min-width:110px}.target-99-statusbar .dark-section-kicker{font-size:.43rem}.target-99-statusbar strong{font-size:.65rem}.target-99-progress{height:5px}.target-99-game-grid{grid-template-columns:1fr;grid-template-rows:200px minmax(0,1fr);gap:.3rem;height:calc(100% - 45px);margin-top:.3rem}.target-99-score-panel,.target-99-input-panel{padding:.35rem;border-radius:12px}.target-99-score-panel{grid-template-rows:44px 27px 27px 42px 25px;gap:.25rem}.target-99-target{min-height:48px;padding:.22rem .4rem;border-radius:9px}.target-99-target small{font-size:.43rem}.target-99-target strong{font-size:1.8rem}.target-99-target span{font-size:.52rem}.target-99-score-row,.target-99-rings{gap:.2rem}.target-99-score-row span,.target-99-rings span{padding:.18rem .22rem;border-radius:8px}.target-99-score-row small,.target-99-rings small{font-size:.4rem}.target-99-score-row strong,.target-99-rings strong{font-size:.56rem}.target-99-current-visit{grid-template-columns:70px 1fr;min-height:48px;padding:.2rem .3rem;gap:.2rem;border-radius:8px}.target-99-current-visit small{font-size:.42rem}.target-99-current-visit strong{font-size:.62rem}.target-99-dart-slot{min-height:42px}.target-99-input-panel{grid-template-rows:38px minmax(0,1fr) 38px;gap:.25rem}.target-99-callout{padding:.16rem .35rem;border-radius:8px}.target-99-callout small{font-size:.42rem}.target-99-callout strong{font-size:1.35rem}.target-99-callout span{font-size:.48rem}.target-99-hit-grid{gap:.25rem}.target-99-hit-grid button{border-radius:10px}.target-99-hit-grid button small{font-size:.48rem}.target-99-hit-grid button strong{font-size:1.55rem}.target-99-hit-grid button span{font-size:.5rem}.target-99-live-footer{gap:.2rem}.target-99-live-footer span{padding:.15rem .2rem;border-radius:7px}.target-99-live-footer small{font-size:.39rem}.target-99-live-footer strong{font-size:.55rem}.target-99-mode-grid,.target-99-setup-grid{grid-template-columns:1fr}.target-99-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.target-99-target-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px) and (max-height:650px){.target-99-shell .dark-topbar-brand{display:none}.target-99-shell .dark-topbar{grid-template-columns:1fr auto}.target-99-session-page{height:calc(100dvh - 48px)}.target-99-statusbar{height:38px}.target-99-game-grid{grid-template-rows:184px minmax(0,1fr);height:calc(100% - 41px)}.target-99-score-panel{grid-template-rows:40px 24px 24px 38px 24px}.target-99-input-panel{grid-template-rows:33px minmax(0,1fr) 33px}.target-99-hit-grid button strong{font-size:1.35rem}}
@media(min-width:761px) and (max-height:760px){.target-99-session-page{height:calc(100dvh - 70px)}.target-99-game-grid{height:calc(100% - 58px)}.target-99-target{min-height:60px}.target-99-input-panel{grid-template-rows:54px minmax(0,1fr) 45px}.target-99-hit-grid button strong{font-size:1.85rem}}

/* V1.29.0 — JDC Challenge */
.jdc-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.jdc-setup-grid article{display:grid;align-content:start;gap:.35rem;padding:.85rem;border:1px solid var(--of-border);border-radius:14px;background:rgba(255,255,255,.02)}.jdc-setup-grid small{color:var(--of-primary-300);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.jdc-setup-grid strong{font-size:1rem}.jdc-setup-grid span{color:var(--of-text-muted);font-size:.72rem;line-height:1.45}.jdc-shell .target-99-game-grid{height:calc(100% - 63px)}.jdc-shell .target-99-target strong{font-size:2.55rem}.jdc-shell .target-99-dart-slot.disabled{opacity:.2}.jdc-breakdown-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:760px){.jdc-setup-grid{grid-template-columns:1fr}.jdc-shell .target-99-game-grid{height:calc(100% - 47px)}.jdc-shell .target-99-target strong{font-size:1.55rem}.jdc-shell .target-99-target span{max-width:76px;text-align:right}.jdc-shell .target-99-score-row strong,.jdc-shell .target-99-rings strong{font-size:.53rem}.jdc-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px) and (max-height:650px){.jdc-shell .target-99-game-grid{height:calc(100% - 43px)}.jdc-shell .target-99-target strong{font-size:1.35rem}.jdc-shell .target-99-callout span{display:none}}

/* V1.30.0 — Smart Training Insights */
.training-smart-coach-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:1rem}.training-smart-recommendation{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;padding:1.35rem;border-color:rgba(255,190,70,.35);background:radial-gradient(circle at 90% 10%,rgba(255,181,61,.15),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}.training-smart-recommendation h2{margin:.25rem 0 .5rem;font-size:clamp(1.35rem,2.2vw,2rem)}.training-smart-recommendation p{max-width:760px;margin:0;color:var(--of-text-muted);line-height:1.55}.training-smart-recommendation small{display:block;margin-top:.75rem;color:var(--of-primary-300);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.training-smart-recommendation .primary-button{flex:0 0 auto}.training-smart-snapshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.training-smart-snapshots article{display:grid;align-content:start;gap:.3rem;padding:1rem}.training-smart-snapshots small{color:var(--of-text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.training-smart-snapshots strong{font-size:1.05rem}.training-smart-snapshots span{color:var(--of-text-muted);font-size:.72rem;line-height:1.4}.training-smart-snapshots .positive{border-color:rgba(67,214,150,.32)}.training-smart-snapshots .negative,.training-smart-snapshots .weak{border-color:rgba(255,101,101,.3)}.training-smart-snapshots .strong{border-color:rgba(67,214,150,.28)}.training-smart-analysis-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr);gap:1rem}.training-smart-map-card,.training-smart-checkout-card{padding:1.15rem}.training-smart-double-map{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.training-smart-double{display:grid;gap:.12rem;padding:.62rem .45rem;border:1px solid var(--of-border);border-radius:11px;background:rgba(255,255,255,.02);text-align:center}.training-smart-double small{font-weight:900}.training-smart-double strong{font-size:.92rem}.training-smart-double span{color:var(--of-text-muted);font-size:.62rem}.training-smart-double.strong{border-color:rgba(67,214,150,.35);background:rgba(67,214,150,.06)}.training-smart-double.steady{border-color:rgba(255,190,70,.3);background:rgba(255,190,70,.05)}.training-smart-double.weak{border-color:rgba(255,101,101,.32);background:rgba(255,101,101,.05)}.training-smart-double.empty{opacity:.48}.training-smart-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.training-smart-zone{display:grid;gap:.22rem;padding:.8rem;border:1px solid var(--of-border);border-radius:12px;background:rgba(255,255,255,.02)}.training-smart-zone small{color:var(--of-text-muted);font-weight:900}.training-smart-zone strong{font-size:1.15rem}.training-smart-zone span{color:var(--of-text-muted);font-size:.68rem}.training-smart-zone.strong{border-color:rgba(67,214,150,.35)}.training-smart-zone.steady{border-color:rgba(255,190,70,.3)}.training-smart-zone.weak{border-color:rgba(255,101,101,.32)}.training-smart-zone.empty{opacity:.5}.training-smart-coverage{display:grid;gap:.65rem;margin-top:1.15rem}.training-smart-coverage>article{display:grid;grid-template-columns:minmax(105px,.75fr) minmax(90px,1fr) auto;align-items:center;gap:.65rem}.training-smart-coverage article div{display:grid}.training-smart-coverage article small{color:var(--of-text-muted);font-weight:800}.training-smart-coverage article strong{font-size:.8rem}.training-smart-coverage article>span{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.training-smart-coverage article>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--of-primary-500),var(--of-primary-300))}.training-smart-coverage article em{color:var(--of-text-muted);font-size:.68rem;font-style:normal;text-align:right}
@media(max-width:980px){.training-smart-coach-grid,.training-smart-analysis-grid{grid-template-columns:1fr}.training-smart-double-map{grid-template-columns:repeat(7,minmax(52px,1fr));overflow-x:auto;padding-bottom:.2rem}}
@media(max-width:640px){.training-smart-recommendation{align-items:stretch;flex-direction:column}.training-smart-recommendation .primary-button{width:100%}.training-smart-snapshots{grid-template-columns:1fr 1fr}.training-smart-double-map{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.training-smart-zone-grid{grid-template-columns:1fr}.training-smart-coverage>article{grid-template-columns:95px 1fr}.training-smart-coverage article em{grid-column:2;text-align:left}.training-smart-analysis-grid,.training-smart-coach-grid{gap:.75rem}}
@media(max-width:380px){.training-smart-snapshots{grid-template-columns:1fr}.training-smart-double-map{grid-template-columns:repeat(3,minmax(0,1fr))}.training-smart-recommendation,.training-smart-map-card,.training-smart-checkout-card{padding:.85rem}}

/* V1.31.0 — Ocheflow Daily Coach */
.daily-coach-shell{min-height:100dvh}.daily-coach-setup-page,.daily-coach-run-page,.daily-coach-result-page{width:min(1240px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 3rem}.daily-coach-hero,.daily-coach-run-hero,.daily-coach-result-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;padding:clamp(1.1rem,3vw,2rem) 0}.daily-coach-hero h1,.daily-coach-run-hero h1,.daily-coach-result-hero h1{margin:.3rem 0 .55rem;font-size:clamp(2rem,5vw,4.4rem);line-height:.92}.daily-coach-hero h1 span,.daily-coach-run-hero h1 span,.daily-coach-result-hero h1 span{color:var(--of-primary-400)}.daily-coach-hero p,.daily-coach-run-hero p,.daily-coach-result-hero p{max-width:760px;margin:0;color:var(--of-text-muted);line-height:1.55}.daily-coach-builder{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem}.daily-coach-options,.daily-coach-plan,.daily-coach-run-list,.daily-coach-run-actions,.daily-coach-result-breakdown,.daily-coach-next-advice{padding:1.15rem}.daily-coach-section-head h2{margin:.2rem 0 .45rem}.daily-coach-section-head p{margin:0;color:var(--of-text-muted);line-height:1.5}.daily-coach-duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.daily-coach-choice{display:grid;place-items:center;min-height:82px;border:1px solid var(--of-border);border-radius:14px;background:rgba(255,255,255,.025);color:var(--of-text);cursor:pointer}.daily-coach-choice strong{font-family:'Barlow Condensed',sans-serif;font-size:2rem;line-height:1}.daily-coach-choice span{color:var(--of-text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.daily-coach-choice.active{border-color:var(--of-primary-400);background:linear-gradient(145deg,rgba(255,181,61,.16),rgba(255,255,255,.025));box-shadow:0 0 0 1px rgba(255,181,61,.12)}.daily-coach-section-head.focus-head{margin-top:1.4rem}.daily-coach-focus-grid{display:grid;gap:.55rem;margin-top:.9rem}.daily-coach-focus{display:grid;gap:.2rem;padding:.8rem .9rem;border:1px solid var(--of-border);border-radius:12px;background:rgba(255,255,255,.02);color:var(--of-text);text-align:left;cursor:pointer}.daily-coach-focus strong{font-size:.9rem}.daily-coach-focus span{color:var(--of-text-muted);font-size:.7rem;line-height:1.4}.daily-coach-focus.active{border-color:rgba(255,181,61,.65);background:rgba(255,181,61,.08)}.daily-coach-preview-list,.daily-coach-run-list{display:grid;gap:.65rem;margin-top:1rem}.daily-coach-preview-step,.daily-coach-run-step,.daily-coach-result-step{display:grid;grid-template-columns:46px 1fr;gap:.8rem;align-items:start;padding:.85rem;border:1px solid var(--of-border);border-radius:14px;background:rgba(255,255,255,.02)}.daily-coach-preview-step>span,.daily-coach-run-step>span,.daily-coach-result-step>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,181,61,.12);color:var(--of-primary-300);font-weight:900}.daily-coach-preview-step small,.daily-coach-run-step small,.daily-coach-result-step small{color:var(--of-primary-300);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.daily-coach-preview-step h2,.daily-coach-run-step h2,.daily-coach-result-step h2{margin:.15rem 0 .28rem;font-size:1rem}.daily-coach-preview-step p,.daily-coach-run-step p,.daily-coach-result-step p{margin:0;color:var(--of-text-muted);font-size:.73rem;line-height:1.45}.daily-coach-start{width:100%;margin-top:1rem}.daily-coach-free-note{display:block;margin-top:.65rem;color:var(--of-text-muted);text-align:center}.daily-coach-active-card,.daily-coach-launch-card{border-color:rgba(255,181,61,.35);background:radial-gradient(circle at 92% 10%,rgba(255,181,61,.14),transparent 38%),rgba(255,255,255,.02)}.daily-coach-run-ring,.daily-coach-result-score{display:grid;place-items:center;min-width:130px;aspect-ratio:1;border:1px solid rgba(255,181,61,.35);border-radius:50%;background:radial-gradient(circle,rgba(255,181,61,.13),rgba(255,255,255,.02))}.daily-coach-run-ring strong,.daily-coach-result-score strong{font-family:'Barlow Condensed',sans-serif;font-size:2rem}.daily-coach-run-ring span,.daily-coach-result-score span,.daily-coach-result-score small{color:var(--of-text-muted);font-size:.68rem}.daily-coach-run-step.completed{border-color:rgba(67,214,150,.32)}.daily-coach-run-step.current{border-color:rgba(255,181,61,.48);background:rgba(255,181,61,.06)}.daily-coach-run-step>div>strong{display:block;margin-top:.45rem;color:var(--of-primary-300)}.daily-coach-run-actions,.daily-coach-next-advice{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:1rem}.daily-coach-run-actions h2,.daily-coach-next-advice h2{margin:.25rem 0}.daily-coach-run-actions p,.daily-coach-next-advice p{max-width:760px;margin:0;color:var(--of-text-muted);line-height:1.5}.daily-coach-run-actions>div:last-child,.daily-coach-next-advice>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.daily-coach-transition-shell{height:100dvh;overflow:hidden}.daily-coach-transition-page{display:grid;place-items:center;height:calc(100dvh - var(--of-header-height,72px));padding:1rem}.daily-coach-transition-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;width:min(760px,100%);padding:clamp(1rem,4vw,2rem);border:1px solid rgba(255,181,61,.35);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(255,181,61,.16),transparent 42%),var(--of-surface);box-shadow:0 24px 80px rgba(0,0,0,.35)}.daily-coach-transition-check{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(67,214,150,.14);color:#62e3a8;font-size:1.5rem;font-weight:900}.daily-coach-transition-card h1{margin:.2rem 0;font-size:clamp(1.6rem,4vw,2.8rem)}.daily-coach-transition-card p{margin:0;color:var(--of-text-muted)}.daily-coach-transition-next{grid-column:1/-1;display:grid;gap:.25rem;padding:1rem;border:1px solid var(--of-border);border-radius:14px;background:rgba(255,255,255,.025)}.daily-coach-transition-next small{color:var(--of-primary-300);font-weight:900;text-transform:uppercase}.daily-coach-transition-next span{color:var(--of-text-muted);font-size:.75rem;line-height:1.4}.daily-coach-transition-card .primary-button{grid-column:1/-1;width:100%}.daily-coach-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.daily-coach-result-stats article{display:grid;gap:.15rem;padding:1rem;border:1px solid var(--of-border);border-radius:14px;background:rgba(255,255,255,.02)}.daily-coach-result-stats small,.daily-coach-result-stats span{color:var(--of-text-muted);font-size:.68rem}.daily-coach-result-stats strong{font-size:1.25rem}.daily-coach-result-step{grid-template-columns:46px 1fr auto;margin-top:.65rem}.daily-coach-result-step>strong{align-self:center;padding:.35rem .55rem;border-radius:999px;background:rgba(67,214,150,.14);color:#62e3a8}.daily-coach-runtime-banner{border-color:rgba(255,181,61,.38)!important}.daily-coach-runtime-banner small{max-width:720px}.daily-coach-setup-page button,.daily-coach-run-page button,.daily-coach-transition-page button,.daily-coach-result-page button{touch-action:manipulation}
@media(max-width:900px){.daily-coach-builder{grid-template-columns:1fr}.daily-coach-hero,.daily-coach-run-hero,.daily-coach-result-hero{align-items:flex-start}.daily-coach-run-actions,.daily-coach-next-advice{align-items:stretch;flex-direction:column}.daily-coach-run-actions>div:last-child,.daily-coach-next-advice>div:last-child{justify-content:flex-start}.daily-coach-result-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.daily-coach-setup-page,.daily-coach-run-page,.daily-coach-result-page{width:min(100% - 1rem,1240px);padding-top:.35rem}.daily-coach-hero,.daily-coach-run-hero,.daily-coach-result-hero{align-items:stretch;flex-direction:column;padding:.75rem 0}.daily-coach-hero h1,.daily-coach-run-hero h1,.daily-coach-result-hero h1{font-size:clamp(2rem,11vw,3rem)}.daily-coach-duration-grid{gap:.4rem}.daily-coach-choice{min-height:68px}.daily-coach-choice strong{font-size:1.65rem}.daily-coach-options,.daily-coach-plan,.daily-coach-run-list,.daily-coach-run-actions,.daily-coach-result-breakdown,.daily-coach-next-advice{padding:.8rem}.daily-coach-preview-step,.daily-coach-run-step,.daily-coach-result-step{grid-template-columns:38px 1fr;padding:.7rem;gap:.6rem}.daily-coach-preview-step>span,.daily-coach-run-step>span,.daily-coach-result-step>span{width:34px;height:34px;font-size:.72rem}.daily-coach-run-ring,.daily-coach-result-score{align-self:flex-start;min-width:100px}.daily-coach-result-stats{grid-template-columns:1fr}.daily-coach-transition-page{height:calc(100dvh - 58px);padding:.6rem}.daily-coach-transition-card{grid-template-columns:1fr;padding:1rem}.daily-coach-transition-check{width:48px;height:48px}.daily-coach-transition-next,.daily-coach-transition-card .primary-button{grid-column:1}.daily-coach-result-step{grid-template-columns:38px 1fr}.daily-coach-result-step>strong{grid-column:2;justify-self:start}.daily-coach-run-actions>div:last-child,.daily-coach-next-advice>div:last-child{display:grid;width:100%}.daily-coach-run-actions button,.daily-coach-next-advice button{width:100%}}
@media(max-width:360px){.daily-coach-focus span,.daily-coach-preview-step p{font-size:.66rem}.daily-coach-choice{min-height:60px}.daily-coach-choice strong{font-size:1.45rem}.daily-coach-duration-grid{gap:.3rem}}
/* Daily Coach compact one-screen wrapper for legacy official runtimes */
.daily-coach-runtime-active{height:100dvh;min-height:0;overflow:hidden}
.daily-coach-runtime-active .training-runtime-page{min-height:0;overflow:hidden}
.daily-coach-runtime-active .training-runtime-timeline,.daily-coach-runtime-active .training-runtime-stats{display:none}
.daily-coach-runtime-active .training-runtime-dashboard,.daily-coach-runtime-active .training-runtime-workspace,.daily-coach-runtime-active .training-runtime-score,.daily-coach-runtime-active .training-runtime-input{min-height:0}
.daily-coach-runtime-active .training-runtime-score,.daily-coach-runtime-active .training-runtime-input{overflow:hidden}
.daily-coach-runtime-active .training-runtime-section-head code{display:none}
@media(max-width:760px){
.daily-coach-runtime-active .dark-topbar{min-height:48px;height:48px;padding:.25rem .45rem}
.daily-coach-runtime-active .dark-topbar-brand img{max-width:92px;height:22px}
.daily-coach-runtime-active .dark-topbar-status,.daily-coach-runtime-active .dark-topbar-format,.daily-coach-runtime-active .dark-header-icon{display:none}
.daily-coach-runtime-active .dark-header-new{min-height:30px;padding:.25rem .45rem;font-size:.6rem}
.daily-coach-runtime-active .training-runtime-page{display:grid;grid-template-rows:48px 142px minmax(0,1fr);gap:.3rem;width:100%;height:calc(100dvh - 48px);padding:.3rem max(.3rem,env(safe-area-inset-right)) max(.3rem,env(safe-area-inset-bottom)) max(.3rem,env(safe-area-inset-left));margin:0}
.daily-coach-runtime-active .training-runtime-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;height:48px;margin:0;padding:.3rem .45rem;border-radius:11px}
.daily-coach-runtime-active .training-runtime-hero .dark-flow-kicker{font-size:.45rem}
.daily-coach-runtime-active .training-runtime-hero h1{margin:0;font-size:1rem;line-height:1}
.daily-coach-runtime-active .training-runtime-hero p{display:none}
.daily-coach-runtime-active .count-up-runtime-progress{margin-top:.2rem;height:4px}
.daily-coach-runtime-active .count-up-runtime-progress-label{font-size:.48rem}
.daily-coach-runtime-active .training-runtime-hero-actions{display:flex;gap:.25rem}
.daily-coach-runtime-active .training-runtime-hero-actions button{min-height:27px;width:auto;padding:.2rem .38rem;font-size:.52rem}
.daily-coach-runtime-active .training-runtime-hero-actions button:nth-child(n+2){display:none}
.daily-coach-runtime-active .training-runtime-dashboard{display:block;height:142px}
.daily-coach-runtime-active .training-runtime-score{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.75fr);grid-template-rows:34px 48px 38px;gap:.25rem;height:142px;padding:.35rem;border-radius:12px}
.daily-coach-runtime-active .training-runtime-score>.dark-section-kicker{display:none}
.daily-coach-runtime-active .training-runtime-score-main{grid-column:1;grid-row:1/3;display:grid;align-content:center}
.daily-coach-runtime-active .training-runtime-score-main>strong{font-size:clamp(2.1rem,13vw,3.3rem);line-height:.85}
.daily-coach-runtime-active .training-runtime-score-main>span{font-size:.58rem}
.daily-coach-runtime-active .bobs-27-target-callout,.daily-coach-runtime-active .checkout-runtime-target{grid-column:2;grid-row:1/3;display:grid;align-content:center;min-height:0;margin:0;padding:.3rem;border-radius:9px}
.daily-coach-runtime-active .bobs-27-target-callout small,.daily-coach-runtime-active .checkout-runtime-target small{font-size:.45rem}
.daily-coach-runtime-active .bobs-27-target-callout strong,.daily-coach-runtime-active .checkout-runtime-target strong{font-size:1.15rem}
.daily-coach-runtime-active .bobs-27-target-callout span,.daily-coach-runtime-active .checkout-runtime-target span{font-size:.48rem}
.daily-coach-runtime-active .checkout-runtime-routes{display:none}
.daily-coach-runtime-active .training-dart-slots{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}
.daily-coach-runtime-active .training-dart-slot{min-height:34px;padding:.2rem;border-radius:8px}
.daily-coach-runtime-active .training-dart-slot small{font-size:.42rem}
.daily-coach-runtime-active .training-dart-slot strong{font-size:.7rem}
.daily-coach-runtime-active .training-runtime-actions{position:absolute;right:.35rem;top:.35rem;display:flex;gap:.25rem}
.daily-coach-runtime-active .training-runtime-actions button{min-height:24px;padding:.12rem .3rem;font-size:.48rem}
.daily-coach-runtime-active .training-runtime-actions span{display:none}
.daily-coach-runtime-active .training-runtime-workspace{display:block;height:100%;min-height:0}
.daily-coach-runtime-active .training-runtime-input{display:grid;grid-template-rows:24px 29px minmax(0,1fr) 34px;gap:.25rem;height:100%;padding:.35rem;border-radius:12px}
.daily-coach-runtime-active .training-runtime-section-head{min-height:0}
.daily-coach-runtime-active .training-runtime-section-head .dark-section-kicker{display:none}
.daily-coach-runtime-active .training-runtime-section-head h2{margin:0;font-size:.78rem}
.daily-coach-runtime-active .training-runtime-section-head>span{font-size:.48rem}
.daily-coach-runtime-active .training-multiplier-tabs{gap:.25rem}
.daily-coach-runtime-active .training-multiplier-button{min-height:29px;padding:.1rem;font-size:.58rem}
.daily-coach-runtime-active .training-segment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:.22rem;min-height:0}
.daily-coach-runtime-active .training-segment-grid button{min-height:0;height:100%;padding:.1rem;border-radius:8px}
.daily-coach-runtime-active .training-segment-grid button>span{font-size:.82rem;line-height:1}
.daily-coach-runtime-active .training-segment-grid button>small{font-size:.38rem}
.daily-coach-runtime-active .training-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.22rem}
.daily-coach-runtime-active .training-special-grid button{min-height:34px;height:34px;padding:.1rem;border-radius:8px}
.daily-coach-runtime-active .training-special-grid button strong{font-size:.62rem}
.daily-coach-runtime-active .training-special-grid button span{font-size:.38rem}
}
@media(min-width:761px){
.daily-coach-runtime-active .training-runtime-page{display:grid;grid-template-rows:70px 178px minmax(0,1fr);gap:.5rem;width:min(100% - 1rem,1240px);height:calc(100dvh - 72px);padding:.5rem 0;margin:auto}
.daily-coach-runtime-active .training-runtime-hero{height:70px;margin:0;padding:.55rem .8rem}
.daily-coach-runtime-active .training-runtime-hero h1{font-size:1.45rem}
.daily-coach-runtime-active .training-runtime-hero p{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.daily-coach-runtime-active .training-runtime-dashboard{display:block;height:178px}
.daily-coach-runtime-active .training-runtime-score{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,.55fr) minmax(280px,1fr);grid-template-rows:1fr 42px;gap:.45rem;height:178px;padding:.6rem}
.daily-coach-runtime-active .training-runtime-score>.dark-section-kicker{display:none}
.daily-coach-runtime-active .training-runtime-score-main{grid-column:1;grid-row:1;align-self:center}
.daily-coach-runtime-active .training-runtime-score-main>strong{font-size:3.4rem}
.daily-coach-runtime-active .bobs-27-target-callout,.daily-coach-runtime-active .checkout-runtime-target{grid-column:2;grid-row:1;align-self:stretch;margin:0}
.daily-coach-runtime-active .checkout-runtime-routes{display:none}
.daily-coach-runtime-active .training-dart-slots{grid-column:3;grid-row:1;align-self:center}
.daily-coach-runtime-active .training-runtime-actions{grid-column:1/-1;grid-row:2}
.daily-coach-runtime-active .training-runtime-workspace{display:block;height:100%}
.daily-coach-runtime-active .training-runtime-input{display:grid;grid-template-rows:34px 38px minmax(0,1fr) 44px;gap:.4rem;height:100%;padding:.6rem}
.daily-coach-runtime-active .training-segment-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.35rem;min-height:0}
.daily-coach-runtime-active .training-segment-grid button{min-height:0;height:100%;padding:.15rem}
.daily-coach-runtime-active .training-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
.daily-coach-runtime-active .training-special-grid button{min-height:44px;height:44px}
}