html{scrollbar-gutter:stable}
        :root{
      --gfx-bg:229 84% 5%;          
      --gfx-card:222 47% 11%;       
      --gfx-elevated:217 33% 17%;   
      --gfx-line:215 20% 65%;       
      --gfx-fg:213 31% 91%;         
      --gfx-soft-fg:213 27% 84%;    
      --gfx-muted-fg:215 20% 65%;   
      --gfx-bright:210 40% 98%;     
      --gfx-primary:243 75% 59%;    
      --gfx-ring:234 89% 74%;       
      --gfx-primary-fg:226 100% 97%;
            --gfx-live:142 71% 45%;       
      --gfx-warn:38 92% 50%;        
      --gfx-danger:0 72% 51%;       
            --gfx-live-soft:152 45% 14%;
      --gfx-warn-soft:36 60% 14%;
      --gfx-danger-soft:0 55% 15%;
    }
        .panel{background:rgba(15,23,42,.72);border-radius:1.25rem;border:1px solid rgba(148,163,184,.18);padding:1.5rem}
    .panel-light{background:rgba(15,23,42,.6);border-radius:1rem;border:1px solid rgba(148,163,184,.12);padding:1.1rem}
        .tag-muted{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;
      color:hsl(var(--gfx-muted-fg) / .65)}
        body.no-scroll{overflow:hidden}
        body.ipad-body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
        .gfx-content{max-width:1280px;padding:1rem 1.75rem 2.5rem}
        @media (max-width: 768px){ .gfx-content{padding:1rem 1.25rem 1.75rem} }
        .field{display:flex;flex-direction:column;gap:.35rem}
    .field label,.field-title{text-transform:uppercase;font-size:.65rem;letter-spacing:.08em;color:hsl(var(--gfx-fg) / .62)}
    .field input,.field select,.field textarea{background:hsl(var(--gfx-bg));border:1px solid hsl(var(--gfx-line));border-radius:.8rem;padding:.68rem .8rem;color:hsl(var(--gfx-fg));font-size:.9rem;width:100%}
    .field textarea{min-height:88px;resize:vertical}
    .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:hsl(var(--gfx-ring) / .7);box-shadow:0 0 0 2px hsl(var(--gfx-ring) / .18)}
    .drawer{position:fixed;inset:0;background:hsl(var(--gfx-bg) / .82);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:80;padding:1.5rem}
    .drawer.open{display:flex}
    .drawer-panel{width:100%;max-width:760px;max-height:92vh;overflow:auto;background:hsl(var(--gfx-card) / .96);border:1px solid hsl(var(--gfx-line));border-radius:1.25rem;padding:1.5rem;box-shadow:0 24px 60px hsl(var(--gfx-bg) / .48)}
    .graphics-layout{display:grid;gap:1.5rem;grid-template-columns:320px minmax(0,1fr);align-items:start}
    .graphics-layout.org-collapsed{grid-template-columns:minmax(0,1fr)}
    .graphics-layout.org-collapsed .org-sidebar{display:none}
        .stage-bar{display:flex;flex-wrap:wrap;gap:.45rem;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.58);border-radius:1rem;padding:.45rem}
    .stage-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
        .icon-btn.stage-launch{width:46px;height:46px;border-radius:1rem;border-color:hsl(var(--gfx-ring) / .35);background:hsl(var(--gfx-card))}
    .icon-btn.stage-launch svg{width:20px;height:20px}
    .stage-tab{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.55rem .8rem;font-size:.85rem;color:hsl(var(--gfx-soft-fg));border:1px solid transparent;background:transparent}
        .stage-tab.active{background:rgba(99,102,241,.22);border-color:rgba(129,140,248,.38);color:#eef2ff}
    .stage-tab.disabled{opacity:.52}
    .stage-tab svg{width:17px;height:17px}
    .icon-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
            :where(#workspace-panel, #drawer, .ipad-body) .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:.75rem;border:1px solid;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}
        :where(#workspace-panel, #drawer) .icon-btn{border-color:hsl(var(--gfx-line));background:hsl(var(--gfx-card));color:hsl(var(--gfx-soft-fg))}
        .ipad-body .icon-btn{border-color:rgba(148,163,184,.18);background:rgba(15,23,42,.72);color:#cbd5e1}
        :where(#workspace-panel, #drawer) .icon-btn:hover{background:hsl(var(--gfx-elevated));border-color:hsl(var(--gfx-line));color:hsl(var(--gfx-fg));transform:translateY(-1px)}
    .ipad-body .icon-btn:hover{background:rgba(30,41,59,.9);border-color:rgba(148,163,184,.32);color:#fff;transform:translateY(-1px)}
    .icon-btn.active{background:rgba(79,70,229,.35);border-color:rgba(129,140,248,.62);color:#eef2ff}
    .icon-btn.pending{border-color:hsl(var(--gfx-warn) / .65);background:hsl(var(--gfx-warn-soft));color:hsl(var(--gfx-warn));pointer-events:none}
    .icon-btn.pending svg{display:none}
    .icon-btn.pending::after{content:"";width:14px;height:14px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:cue-spin .7s linear infinite}
    .icon-btn.danger{color:hsl(var(--gfx-danger))}
    .icon-btn.danger:hover{border-color:hsl(var(--gfx-danger) / .4);background:hsl(var(--gfx-danger-soft));color:hsl(var(--gfx-danger))}
    .icon-btn.text-btn{width:auto;padding:0 .6rem;font-size:.62rem;font-weight:700;letter-spacing:0}
        :where(#workspace-panel, #drawer, .ipad-body) .icon-btn svg{width:17px;height:17px}
    .lower-third-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:76px}
    .lower-third-row .icon-actions{flex-wrap:nowrap;flex:0 0 auto}
    .lower-third-row .icon-btn{flex:0 0 34px}
    .team-card-tools{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex:0 0 auto}
    .match-card{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:1rem;align-items:center;transition:border-color .15s ease}
    .match-card:has(.match-card-body:hover){border-color:hsl(var(--gfx-ring) / .5)}
        .match-card-body{background:transparent;border:0;color:inherit;padding:0;margin:0;font:inherit;text-align:left;cursor:pointer;display:block;border-radius:.5rem}
    .match-card-body:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--gfx-ring) / .4)}
    .org-button{width:100%;text-align:left;border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-card));border-radius:1rem;padding:.9rem;transition:border-color .15s ease,background .15s ease}
    .org-button:hover,.org-button.active{border-color:hsl(var(--gfx-ring) / .55);background:hsl(var(--gfx-elevated))}
    .logo-box{width:42px;height:42px;border-radius:.8rem;background:hsl(var(--gfx-bg));border:1px solid hsl(var(--gfx-line));display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;color:hsl(var(--gfx-muted-fg));font-size:.72rem;font-weight:700}
    .logo-box img{width:100%;height:100%;object-fit:contain}
    .logo-upload{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.85rem;align-items:center;background:hsl(var(--gfx-bg));border:1px solid hsl(var(--gfx-line));border-radius:1rem;padding:.85rem}
    .logo-preview{width:64px;height:64px;border-radius:1rem;background:hsl(var(--gfx-bg));border:1px solid hsl(var(--gfx-line));display:flex;align-items:center;justify-content:center;overflow:hidden;color:hsl(var(--gfx-muted-fg));font-size:.72rem;font-weight:700}
    .logo-preview img{width:100%;height:100%;object-fit:contain}
    .subtle-card{background:hsl(var(--gfx-card));border:1px solid hsl(var(--gfx-line));border-radius:1rem;padding:1rem}
    .select-card{position:relative;border:1px solid hsl(var(--gfx-line));border-radius:1rem;background:hsl(var(--gfx-bg));padding:1rem;transition:border-color .15s ease,background .15s ease}
    .select-card.active{border-color:hsl(var(--gfx-ring) / .6);background:hsl(var(--gfx-elevated))}
        .select-card:has(.org-button:hover),
    .select-card:has([data-select-team]:hover){border-color:hsl(var(--gfx-ring) / .5)}
    .scorer-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1rem;align-items:start}
    .score-panel{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}
    .score-number{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1}
    .clock-display{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}
    .dakbot-link-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid hsl(var(--gfx-live) / .35);background:rgba(22,101,52,.2);color:hsl(var(--gfx-live));border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:700}
    .dakbot-link-badge.manual{border-color:hsl(var(--gfx-warn) / .45);background:hsl(var(--gfx-warn-soft));color:hsl(var(--gfx-warn))}
    .dakbot-link-badge.toggle{cursor:pointer;transition:opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease}
    .dakbot-link-badge.toggle:hover{opacity:.86}
    .dakbot-link-badge.disabled{border-color:hsl(var(--gfx-line));background:hsl(var(--gfx-elevated));color:hsl(var(--gfx-muted-fg))}
    .dakbot-penalty-source{display:flex;align-items:center;justify-content:space-between;gap:.65rem;border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-card));border-radius:.9rem;padding:.55rem .7rem;color:hsl(var(--gfx-soft-fg));transition:border-color .15s ease,background .15s ease,color .15s ease}
    .dakbot-penalty-source.active{border-color:hsl(var(--gfx-live) / .42);background:rgba(22,101,52,.18);color:hsl(var(--gfx-live))}
    .dakbot-penalty-source.selected{box-shadow:0 0 0 2px hsl(var(--gfx-ring) / .32)}
    .dakbot-penalty-source.disabled{border-color:hsl(var(--gfx-line));background:hsl(var(--gfx-elevated));color:hsl(var(--gfx-muted-fg))}
    .stepper-row{display:flex;align-items:center;justify-content:center;gap:.5rem}
    .stepper-btn{width:38px;height:38px;border-radius:.8rem;background:hsl(var(--gfx-elevated));border:1px solid hsl(var(--gfx-line));color:hsl(var(--gfx-fg))}
    .stepper-btn.w-auto{width:auto}
    .penalty-team-picker{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
    .cue-graphic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
    .penalty-team-btn{min-height:42px;width:100%;border-radius:.8rem;border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-elevated));color:hsl(var(--gfx-soft-fg));padding:.55rem .75rem;font-size:.86rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease,transform .12s ease,box-shadow .15s ease}
    .penalty-team-btn:hover{transform:translateY(-1px);border-color:hsl(var(--gfx-ring) / .44)}
    .penalty-team-btn.active{background:rgba(79,70,229,.35);border-color:rgba(129,140,248,.62);color:#eef2ff}
    .penalty-team-btn.inactive{opacity:.46;background:hsl(var(--gfx-card))}
    .penalty-team-btn.inactive:hover{opacity:.82}
    .cue-control-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
    .cue-control-btn.pending{opacity:.9;border-color:hsl(var(--gfx-warn) / .65);background:hsl(var(--gfx-warn-soft));color:hsl(var(--gfx-warn));pointer-events:none}
    .cue-control-btn.pending::after{content:"";width:12px;height:12px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:cue-spin .7s linear infinite}
    .cue-auto-btn{width:auto;min-width:92px}
    .cue-compact-btn{width:auto;min-width:0;padding-left:.85rem;padding-right:.85rem}
    .cue-clock-compound{display:grid;grid-template-rows:auto auto;gap:.3rem;padding:.4rem .5rem;line-height:1}
    .cue-clock-compound-main{background:transparent;border:0;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:0}
    .cue-clock-compound-sub{display:inline-flex;gap:.3rem;justify-content:center}
    .cue-clock-compound-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border-radius:.5rem;border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-card));color:hsl(var(--gfx-soft-fg));padding:.2rem .55rem;font-size:.72rem;font-weight:700;cursor:pointer;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}
    .cue-clock-compound-btn.active{background:rgba(79,70,229,.45);border-color:rgba(129,140,248,.7);color:#eef2ff}
    .cue-clock-compound-btn.inactive{opacity:.6}
    .cue-clock-compound-btn.pending{opacity:.85;border-color:hsl(var(--gfx-warn) / .65);background:hsl(var(--gfx-warn-soft));color:hsl(var(--gfx-warn));pointer-events:none}
    .cue-clock-compound-btn:hover{border-color:hsl(var(--gfx-ring) / .5)}
    .cue-clock-toggle-both{grid-column:1 / -1}
    .cue-extra-time-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}
    @media (max-width:780px){.cue-extra-time-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
    @media (max-width:520px){.cue-extra-time-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
    .cue-auto-btn.timed-active{background:rgba(190,18,60,.78);border-color:rgba(251,113,133,.55);color:hsl(var(--gfx-bright));opacity:1}
    .cue-auto-btn:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}
    @keyframes cue-spin{to{transform:rotate(360deg)}}
    .name-meter{font-size:.72rem;color:hsl(var(--gfx-muted-fg));text-align:right}
    .color-field{position:relative;display:flex;gap:.55rem;align-items:center}
    .color-swatch{width:42px;height:42px;border-radius:.8rem;border:1px solid hsl(var(--gfx-line));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
    .color-popover{display:none;position:absolute;left:0;top:calc(100% + .45rem);z-index:90;width:min(320px,calc(100vw - 3rem));background:hsl(var(--gfx-bg));border:1px solid hsl(var(--gfx-line));border-radius:1rem;padding:.85rem;box-shadow:0 18px 42px rgba(0,0,0,.38)}
    .color-field.open .color-popover{display:block}
    .color-popover input[type="color"]{width:100%;height:44px;padding:.15rem;border-radius:.7rem}
    #graphics-feedback{position:fixed;top:1rem;right:1rem;z-index:100;max-width:min(420px,calc(100vw - 2rem));box-shadow:0 18px 44px hsl(var(--gfx-bg) / .42);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
    #graphics-feedback:not(.hidden){display:block;opacity:1;transform:translateY(0)}
    .roster-row{display:grid;grid-template-columns:52px minmax(160px,1fr) 100px 92px 92px auto;gap:.5rem;align-items:center}
    .roster-player-row{padding:.55rem .7rem}
    .toggle-pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:hsl(var(--gfx-soft-fg));cursor:pointer;user-select:none}
    .toggle-pill input{position:absolute;opacity:0;pointer-events:none}
    .toggle-pill span::before{content:"";display:inline-block;width:36px;height:20px;margin-right:.45rem;border-radius:999px;vertical-align:-5px;background:hsl(var(--gfx-elevated));border:1px solid hsl(var(--gfx-line));box-shadow:inset 0 0 0 2px hsl(var(--gfx-bg) / .28);transition:background .15s ease,border-color .15s ease}
    .toggle-pill span::after{content:"";position:absolute;width:14px;height:14px;border-radius:999px;background:hsl(var(--gfx-muted-fg));left:3px;top:50%;transform:translateY(-50%);transition:left .15s ease,background .15s ease}
    .toggle-pill span{position:relative;display:inline-flex;align-items:center;min-height:24px}
    .toggle-pill input:checked + span::before{background:hsl(var(--gfx-primary) / .85);border-color:hsl(var(--gfx-ring) / .6)}
    .toggle-pill input:checked + span::after{left:19px;background:hsl(var(--gfx-bright))}
    .drawer select,.drawer input[type="file"]{background:hsl(var(--gfx-bg));border:1px solid hsl(var(--gfx-line));border-radius:.8rem;padding:.68rem .8rem;color:hsl(var(--gfx-fg))}
    .drawer input[type="file"]::file-selector-button{background:hsl(var(--gfx-elevated) / .95);border:1px solid hsl(var(--gfx-line));border-radius:.6rem;color:hsl(var(--gfx-fg));padding:.45rem .7rem;margin-right:.75rem}
    .auto-cue-btn{position:relative;overflow:hidden}
    .auto-cue-btn::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--cue-progress,0%);background:hsl(var(--gfx-danger-soft));pointer-events:none;transition:width .45s linear}
    .auto-cue-btn > span{position:relative;z-index:1}
    .empty-panel{border:1px dashed hsl(var(--gfx-line));border-radius:1rem;padding:1.2rem;text-align:center;color:hsl(var(--gfx-muted-fg))}
        .ipad-body, .ipad-body *{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
    .ipad-body{margin:0;background:#050505;color:#f8fafc;min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%}
    .ipad-root{min-height:100vh;background:#111}
    .ipad-root.light{background:#f7f7f7;color:#111827}
    .ipad-topbar{height:50px;background:#121212;border-bottom:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 clamp(1rem,3vw,2rem);position:sticky;top:0;z-index:50}
    .ipad-root.light .ipad-topbar{background:#111;color:#fff}
    .ipad-nav{display:flex;align-items:center;gap:.75rem}
    .ipad-nav.right{justify-content:flex-end}
    .ipad-nav.center{justify-content:center}
    .ipad-icon-nav-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:.6rem;color:inherit;display:inline-flex;align-items:center;justify-content:center}
    .ipad-icon-nav-btn svg{width:18px;height:18px}
    .ipad-nav-btn{min-height:36px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:.6rem;color:inherit;padding:.4rem .7rem;font-weight:900;text-transform:uppercase;font-size:.72rem}
    .ipad-nav-btn.primary{background:#527fe8;border-color:#527fe8;color:#fff}
    .ipad-title{font-size:1.35rem;font-weight:900;font-style:italic;text-transform:uppercase;text-align:center}
    .ipad-hero{background:#131313;padding:.45rem clamp(1rem,3vw,2rem) .65rem;border-bottom:1px solid rgba(255,255,255,.12)}
    .ipad-scoreline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;max-width:760px;margin:0 auto;text-align:center}
    .ipad-team{display:flex;align-items:center;gap:.7rem;min-width:0}
    .ipad-team.away{justify-content:flex-end}
    .ipad-team-name{font-size:clamp(1.05rem,2.7vw,1.75rem);font-weight:900;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .ipad-score{font-size:clamp(2.25rem,6vw,3.7rem);line-height:1;font-weight:900;font-variant-numeric:tabular-nums;display:flex;gap:.35rem;align-items:center}
    .ipad-score-sep{color:#f8fafc;margin:0 .1rem}
    .ipad-clock-controls{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:.75rem}
    .ipad-clock-btn{width:52px;height:52px;border:0;border-radius:.8rem;background:#2b2b2d;color:#f8fafc;font-size:1.7rem;font-weight:900}
    .ipad-clock-btn.is-play-active{background:#15803d;color:#fff}
    .ipad-clock-btn.is-pause-active{background:#b91c1c;color:#fff}
    .ipad-clock-display{width:136px;height:52px;border-radius:.8rem;background:#2b2b2d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:0;cursor:default}
    .ipad-clock-display.is-expired{background:#7f1d1d;color:#fff;cursor:pointer;animation:ipad-clock-flash 1s ease-in-out infinite}
    .ipad-clock-display.is-expired:hover{background:#991b1b}
    @keyframes ipad-clock-flash{0%,100%{background:hsl(var(--gfx-danger));box-shadow:0 0 0 0 hsl(var(--gfx-danger) / .6)}50%{background:hsl(var(--gfx-danger));box-shadow:0 0 0 6px hsl(var(--gfx-danger) / 0)}}
    .ipad-nav-btn.is-expired{background:#7f1d1d!important;border-color:#dc2626!important;color:#fff!important;animation:ipad-clock-flash 1s ease-in-out infinite}
        .ipad-penalty-timer{display:flex;flex-direction:column;gap:1.1rem}
    .ipad-penalty-switch{display:flex;flex-direction:column;gap:.5rem}
    .ipad-penalty-picker{display:flex;flex-direction:column;gap:.5rem}
        .ipad-penalty-pick{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.6rem .85rem;border:1px solid rgba(148,163,184,.2);border-radius:.85rem;background:rgba(2,6,23,.4);color:#e2e8f0;font-size:.92rem;font-weight:700;text-align:left;cursor:pointer}
    .ipad-penalty-pick.active{outline:3px solid #f8fafc;outline-offset:2px}
    .ipad-penalty-pick-time{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:800}
    .ipad-penalty-dot{display:inline-block;width:.62rem;height:.62rem;border-radius:999px;margin-right:.4rem;vertical-align:middle;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
    .ipad-penalty-now{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}
    .ipad-penalty-now-head{display:flex;align-items:center;justify-content:center;gap:.45rem;max-width:100%}
    .ipad-penalty-edit{flex:0 0 auto}
    .ipad-penalty-controls{display:flex;align-items:center;justify-content:center;gap:.6rem}
        .ipad-penalty-adjust-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}
    .ipad-penalty-adjust{width:auto;min-width:0;height:50px;padding:0 .2rem;font-size:1rem;font-weight:800}
    .ipad-penalty-playpause{width:66px;height:66px;border-radius:.9rem;background:#15803d;color:#fff}
    .ipad-penalty-playpause.is-running{background:#b91c1c}
    .ipad-penalty-playpause svg{width:26px;height:26px}
    .ipad-panel{background:#f8f8f8;color:#1f2937;border-radius:1.6rem 1.6rem 0 0;margin-top:-.2rem;min-height:calc(100vh - 210px);padding:0 clamp(.65rem,2vw,1.5rem) 1rem;overflow:hidden}
    .ipad-root.dark .ipad-panel{background:#f8f8f8;color:#1f2937}
    .ipad-root.light .ipad-panel{background:#fff;color:#111827}
    .ipad-details{max-width:1100px;margin:0 auto 1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}
    .ipad-detail-card h2{font-size:1.35rem;font-weight:900;font-style:italic;text-transform:uppercase;margin:0 0 1rem}
    .ipad-match-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;font-size:1rem}
    .ipad-match-list dt{font-weight:900}
    .ipad-enter{align-self:end;min-width:150px;height:54px;border:0;border-radius:.35rem;background:#527fe8;color:#fff;font-weight:900;text-transform:uppercase}
    .ipad-control-board{max-width:1180px;margin:0 auto;border-top:1px solid #dedede;background:#fbfbfb}
    .ipad-stat-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 92px 92px minmax(0,1fr);min-height:var(--ipad-row-height,92px);border-bottom:1px solid #dedede;align-items:center;overflow:hidden}
    .ipad-root.soccer .ipad-stat-row{min-height:62px}
    .ipad-root.soccer .ipad-side-action{font-size:.84rem}
    .ipad-root.soccer .ipad-side-label{padding:.62rem 1.15rem}
    .ipad-root.soccer .ipad-side-count{font-size:2.8rem}
    .ipad-root.soccer .ipad-center-icon{width:44px;height:44px;border-width:3px;font-size:.82rem}
    .ipad-stat-row.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .ipad-side-action{height:100%;border:0;background:transparent;padding:0;text-align:left;font-size:1rem;font-weight:900;text-transform:uppercase;color:#2b2b2b;letter-spacing:0;position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center}
    .ipad-side-action.right{grid-template-columns:92px minmax(0,1fr);text-align:right}
    .ipad-side-label{padding:1rem 1.45rem;pointer-events:none}
    .ipad-side-count{font-size:3.85rem;line-height:1;font-weight:900;font-style:italic;color:#d8d8d8;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}
    .ipad-side-action:hover{background:#ececec}
    .ipad-stat-value{font-size:3.85rem;line-height:1;font-weight:900;font-style:italic;color:#d8d8d8;text-align:center;font-variant-numeric:tabular-nums;position:relative;z-index:1}
    .ipad-center-icon{width:56px;height:56px;border:4px solid #202124;border-radius:999px;display:flex;align-items:center;justify-content:center;justify-self:center;color:#202124;font-weight:900;background:#e9e9e9;position:relative;z-index:3;pointer-events:none}
        .ipad-center-icon[data-code-len="2"]{font-size:.95rem;letter-spacing:-.01em}
    .ipad-center-icon[data-code-len="3"]{font-size:.72rem;letter-spacing:-.02em}
    .ipad-card-grid{display:grid;grid-template-columns:1fr 1fr;min-height:86px;border-bottom:1px solid #ddd}
    .ipad-card-grid .ipad-side-action{border-right:1px solid #ddd}
    .ipad-card-grid .ipad-side-action:last-child{border-right:0}
    .ipad-card-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:62px;border-bottom:1px solid #ddd}
    .ipad-card-action{border:0;border-right:1px solid #ddd;background:transparent;color:#2b2b2b;text-transform:uppercase;font-weight:900;font-size:.72rem;display:grid;grid-template-rows:auto 1fr;align-items:center;padding:.5rem .65rem;text-align:center}
    .ipad-card-action:last-child{border-right:0}
    .ipad-card-action:hover{background:#ececec}
    .ipad-card-count{font-size:2rem;line-height:1;font-weight:900;font-style:italic;color:#d8d8d8;font-variant-numeric:tabular-nums}
        .ipad-root.soccer .ipad-card-action[data-tablet-event="yellow_card"]{background:#fef9c3}
    .ipad-root.soccer .ipad-card-action[data-tablet-event="yellow_card"]:hover{background:#fef08a}
    .ipad-root.soccer .ipad-card-action[data-tablet-event="red_card"]{background:#fee2e2}
    .ipad-root.soccer .ipad-card-action[data-tablet-event="red_card"]:hover{background:#fecaca}
    .ipad-root.soccer .ipad-side-action[data-tablet-event="goal"]{background:#dcfce7}
    .ipad-root.soccer .ipad-side-action[data-tablet-event="goal"]:hover{background:#bbf7d0}
    .tablet-lineup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
    .tablet-lineup-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
    .tablet-lineup-tab{padding:.7rem 1rem;border-radius:.85rem;border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-card));color:hsl(var(--gfx-soft-fg));font-weight:700;font-size:.95rem;cursor:pointer;text-align:center;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:48px}
    .tablet-lineup-tab:hover{transform:translateY(-1px);border-color:hsl(var(--gfx-ring) / .5);background:hsl(var(--gfx-elevated));color:#eef2ff}
    .tablet-lineup-tab.active{background:hsl(var(--gfx-primary));border-color:hsl(var(--gfx-ring));color:hsl(var(--gfx-bright));box-shadow:0 6px 18px hsl(var(--gfx-primary) / .35)}
    .tablet-lineup-tab.active:hover{background:hsl(var(--gfx-primary));color:hsl(var(--gfx-bright))}
    .tablet-lineup-body{min-height:120px}
    .ipad-body .tablet-lineup-tab{background:#f8fafc;border-color:#cbd5e1;color:#1f2937}
    .ipad-body .tablet-lineup-tab:hover{background:#eef2ff;border-color:#a5b4fc;color:#1f2937}
    .ipad-body .tablet-lineup-tab.active{background:#4f46e5;border-color:#4338ca;color:#fff}
    .tablet-player-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.6rem;border:1px solid hsl(var(--gfx-line));border-radius:.85rem;padding:.65rem;background:hsl(var(--gfx-bg))}
    .ipad-root.light .tablet-player-row{background:#f8fafc;border-color:#e2e8f0}
        .tablet-player-number{width:38px;height:38px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--gfx-primary) / .25);font-weight:800;flex:0 0 auto}
        .player-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}
    .player-pick-btn{display:flex;align-items:center;gap:.65rem;text-align:left;border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-card));border-radius:.9rem;padding:.7rem;color:hsl(var(--gfx-fg))}
    .player-pick-btn:hover{border-color:hsl(var(--gfx-ring) / .48);background:hsl(var(--gfx-elevated))}
    .player-pick-btn.active{border-color:#527fe8;background:rgba(82,127,232,.15);color:#1f2937}
        .cue-unassigned{color:#527fe8;font-weight:700;letter-spacing:.01em}
        .ipad-body .drawer{background:rgba(15,15,15,.55)}
    .ipad-body .drawer-panel{background:#fff;color:#1f2937;border:1px solid #e5e7eb;box-shadow:0 24px 60px rgba(2,6,23,.2);border-radius:1.6rem;padding:1.5rem clamp(1rem,3vw,1.75rem)}
    .ipad-body .drawer-panel #drawer-title{color:#111827;font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.35rem}
    .ipad-body .drawer-panel #drawer-subtitle{color:#6b7280}
    .ipad-body #drawer-close{background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;font-weight:800;border-radius:.75rem;padding:.5rem .85rem}
    .ipad-body #drawer-close:hover{background:#e5e7eb}
    .ipad-body .drawer .field label,.ipad-body .drawer .field-title{color:#6b7280}
    .ipad-body .drawer .field input,.ipad-body .drawer .field select,.ipad-body .drawer .field textarea{background:#f8f8f8;border:1px solid #d1d5db;color:#111827;border-radius:.7rem;font-size:1rem;padding:.7rem .85rem}
    .ipad-body .drawer .field input:focus,.ipad-body .drawer .field select:focus,.ipad-body .drawer .field textarea:focus{border-color:#527fe8;box-shadow:0 0 0 3px rgba(82,127,232,.18)}
        .ipad-body .drawer-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
        .ipad-body .player-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}
    .ipad-body .player-pick-btn{background:#f8f8f8;border:1px solid #e5e7eb;color:#1f2937;padding:.85rem;border-radius:.85rem;min-height:64px;touch-action:manipulation}
    .ipad-body .player-pick-btn:hover{border-color:#527fe8;background:#eef3ff}
    .ipad-body .player-pick-btn.active{border-color:#527fe8;background:#eef3ff;box-shadow:0 0 0 3px rgba(82,127,232,.18)}
    .ipad-body .player-pick-btn .tablet-player-number{background:#1f2937;color:#fff;font-size:1.05rem;width:42px;height:42px}
        .ipad-body .drawer-panel.is-team-themed{border-top:6px solid var(--team-color,#527fe8)}
    .ipad-body .drawer-panel.is-team-themed .player-pick-btn{border-color:var(--team-color,#527fe8);border-width:2px}
    .ipad-body .drawer-panel.is-team-themed .player-pick-btn:hover{border-color:var(--team-color,#527fe8);background:rgba(82,127,232,.07);filter:brightness(0.97)}
    .ipad-body .drawer-panel.is-team-themed .player-pick-btn.active{background:var(--team-color,#527fe8);color:var(--team-color-text,#fff);border-color:var(--team-color,#527fe8);box-shadow:0 0 0 3px rgba(82,127,232,.18)}
    .ipad-body .drawer-panel.is-team-themed .player-pick-btn.active .text-xs,
    .ipad-body .drawer-panel.is-team-themed .player-pick-btn.active div[style]{color:var(--team-color-text,#fff)!important;opacity:.85}
    .ipad-body .drawer-panel.is-team-themed .player-pick-btn.active .tablet-player-number{background:rgba(255,255,255,.18);color:var(--team-color-text,#fff)}
    .ipad-body .drawer-panel.is-team-themed .tablet-lineup-tab.active{background:var(--team-color,#4f46e5);border-color:var(--team-color,#4338ca);color:var(--team-color-text,#fff);box-shadow:0 6px 18px rgba(0,0,0,.18)}
            .sub-picker-columns{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.85rem}
    .sub-picker-col{border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;min-height:200px;min-width:0}
    .sub-picker-col.off{background:hsl(var(--gfx-danger-soft));border:1px solid hsl(var(--gfx-danger) / .22)}
    .sub-picker-col.on {background:hsl(var(--gfx-live-soft));border:1px solid hsl(var(--gfx-live) / .22)}
    .ipad-body .sub-picker-col.off{background:#fef2f2;border-color:#fecaca}
    .ipad-body .sub-picker-col.on {background:#f0fdf4;border:1px solid #bbf7d0}
    .sub-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:900;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;padding:0 .15rem}
    .sub-picker-col.off .sub-picker-heading{color:hsl(var(--gfx-danger))}
    .sub-picker-col.on  .sub-picker-heading{color:hsl(var(--gfx-live))}
    .sub-picker-chip{font-size:.62rem;padding:.12rem .45rem;border-radius:999px;font-weight:800;letter-spacing:.04em}
    .sub-picker-col.off .sub-picker-chip{background:hsl(var(--gfx-danger-soft));color:hsl(var(--gfx-danger))}
    .sub-picker-col.on  .sub-picker-chip{background:hsl(var(--gfx-live-soft));color:hsl(var(--gfx-live))}
        .sub-picker-col .player-picker-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.45rem}
    .sub-picker-col .player-pick-btn{padding:.55rem;border-radius:.7rem;min-height:auto}
    .sub-picker-col .player-pick-btn .tablet-player-number{width:34px;height:34px;font-size:.85rem}
    .sub-picker-col.off .player-pick-btn.active{border-color:hsl(var(--gfx-danger));background:hsl(var(--gfx-danger-soft));color:hsl(var(--gfx-danger));box-shadow:0 0 0 3px hsl(var(--gfx-danger) / .18)}
    .sub-picker-col.on  .player-pick-btn.active{border-color:hsl(var(--gfx-live));background:hsl(var(--gfx-live-soft));color:#14532d;box-shadow:0 0 0 3px hsl(var(--gfx-live) / .18)}
    .ipad-body .sub-picker-col.off .player-pick-btn.active .tablet-player-number{background:#dc2626;color:#fff}
    .ipad-body .sub-picker-col.on  .player-pick-btn.active .tablet-player-number{background:#16a34a;color:#fff}
        @media (max-width:560px){
            .drawer:has([data-tablet-sub-form]),
      .drawer:has([data-substitution-edit-form]){padding:0}
            .drawer-panel:has([data-tablet-sub-form]),
      .drawer-panel:has([data-substitution-edit-form]){max-width:100vw;width:100vw;max-height:100dvh;min-height:100dvh;border-radius:0;padding:.75rem .55rem .8rem;margin:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
            .sub-picker-columns{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:.35rem}
            .sub-picker-col{padding:.4rem;gap:.4rem;min-height:0;min-width:0;overflow:clip;touch-action:pan-y}
            .sub-picker-col .player-picker-grid{grid-template-columns:1fr!important;gap:.3rem;min-width:0}
            .sub-picker-col .player-pick-btn{padding:.45rem;gap:.4rem;min-width:0;max-width:100%;overflow:clip;touch-action:manipulation}
      .sub-picker-col .player-pick-btn > .min-w-0{min-width:0;flex:1 1 0;overflow:hidden}
      .sub-picker-col .player-pick-btn > .min-w-0 > *{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .sub-picker-col .player-pick-btn .tablet-player-number{width:28px;height:28px;font-size:.75rem;border-radius:.5rem}
      .sub-picker-heading{font-size:.58rem;padding:0;gap:.25rem;align-items:flex-start;flex-direction:column}
      .sub-picker-chip{font-size:.52rem;padding:.06rem .3rem}
      .sub-picker-col .player-pick-btn .text-xs{font-size:.6rem}
            .ipad-body .drawer-panel:has([data-tablet-sub-form]) #drawer-title,
      .ipad-body .drawer-panel:has([data-substitution-edit-form]) #drawer-title{font-size:1.05rem}
      .ipad-body .drawer-panel:has([data-tablet-sub-form]) #drawer-subtitle,
      .ipad-body .drawer-panel:has([data-substitution-edit-form]) #drawer-subtitle{font-size:.72rem}
      .drawer-panel:has([data-tablet-sub-form]) [data-tablet-sub-form],
      .drawer-panel:has([data-substitution-edit-form]) [data-substitution-edit-form]{margin-top:.5rem}
      .drawer-panel:has([data-tablet-sub-form]) [data-tablet-sub-form] > * + *,
      .drawer-panel:has([data-substitution-edit-form]) [data-substitution-edit-form] > * + *{margin-top:.5rem}
    }
        .ipad-body .custom-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#f8f8f8;border:1px solid #d1d5db;border-radius:.7rem;padding:.7rem .85rem;color:#111827;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;min-height:48px}
    .ipad-body .custom-select-btn:hover{background:#eef3ff;border-color:#527fe8}
    .ipad-body .custom-select-btn:focus{outline:none;border-color:#527fe8;box-shadow:0 0 0 3px rgba(82,127,232,.18)}
    .ipad-body .custom-select-caret{color:#6b7280;font-size:.85rem;flex:0 0 auto}
        .ipad-body .stepper-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;font-weight:800;height:44px}
    .ipad-body .stepper-btn:hover{background:#e5e7eb}
    .ipad-body .stepper-btn.active{background:#527fe8;border-color:#527fe8;color:#fff}
        .ipad-body .penalty-team-picker{gap:.55rem}
    .ipad-body .penalty-team-btn{background:#f3f4f6;border-color:#e5e7eb;color:#111827}
    .ipad-body .penalty-team-btn.active{background:#527fe8;border-color:#527fe8;color:#fff}
    .ipad-body .penalty-team-btn.inactive{background:#fff;color:#6b7280}
        .ipad-body .drawer .btn.bg-indigo-600{background:#527fe8;color:#fff}
    .ipad-body .drawer .btn.bg-indigo-600:hover,.ipad-body .drawer .btn.hover\:bg-indigo-500:hover{background:#3a66d6;color:#fff}
    .ipad-body .drawer .btn.bg-slate-900,.ipad-body .drawer .btn.bg-slate-800{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}
    .ipad-body .drawer .btn.bg-slate-900:hover,.ipad-body .drawer .btn.bg-slate-800:hover,.ipad-body .drawer .btn.hover\:bg-slate-800:hover,.ipad-body .drawer .btn.hover\:bg-slate-700:hover{background:#e5e7eb;color:#111827}
    .ipad-body .drawer .btn{font-weight:800;border-radius:.75rem;min-height:46px;padding:.6rem 1rem}
        .ipad-body .drawer .field-heading{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 .55rem}
        .ipad-body .quick-time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:.5rem}
        .ipad-body .quick-time-grid .stepper-btn{width:auto;min-width:0;padding:0 .9rem;font-size:1.05rem;font-style:italic;font-weight:900;height:48px;letter-spacing:.02em}
        .ipad-body .penalty-reason-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem}
    .ipad-body .penalty-reason-grid .stepper-btn{width:auto;min-width:0;height:auto;min-height:48px;padding:.5rem .55rem;font-size:.82rem;font-style:normal;font-weight:700;line-height:1.15;white-space:normal;text-align:center;display:flex;align-items:center;justify-content:center}
        .ipad-body .tablet-history-row{background:#f8f8f8;border:1px solid #e5e7eb;color:#1f2937}
        .ipad-body .tablet-history-row[data-team-tint]{border-left:4px solid var(--team-color,#cbd5e1);background:color-mix(in srgb, var(--team-color,#cbd5e1) 8%, #f8f8f8)}
    .tablet-history-row[data-team-tint]{border-left:4px solid var(--team-color,hsl(var(--gfx-muted-fg)));background:color-mix(in srgb, var(--team-color,hsl(var(--gfx-muted-fg))) 12%, hsl(var(--gfx-card)))}
    .ipad-body .tablet-history-row .text-slate-500{color:#6b7280}
        .tablet-history-goal-label{color:hsl(var(--gfx-live));font-weight:800}
    .ipad-body .tablet-history-goal-label{color:#16a34a}
        .tablet-history-row .cue-unassigned{color:hsl(var(--gfx-danger));font-weight:700}
    .ipad-body .tablet-history-row .cue-unassigned{color:#dc2626;font-weight:800}
    .ipad-body .tablet-history-row .icon-btn{background:#fff;border:1px solid #e5e7eb;color:#1f2937}
    .ipad-body .tablet-history-row .icon-btn:hover{background:#eef3ff;border-color:#527fe8;color:#1f2937}
    .ipad-body .tablet-history-row .icon-btn.danger{background:#fff;border-color:#fecaca;color:#b91c1c}
    .ipad-body .tablet-history-row .icon-btn.danger:hover{background:#fee2e2;border-color:#f87171;color:#991b1b}
        .lineup-segmented{display:inline-flex;border-radius:.7rem;overflow:hidden;border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-card));flex:0 0 auto}
    .lineup-segmented-btn{padding:.45rem .85rem;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:hsl(var(--gfx-soft-fg));background:transparent;border:0;border-right:1px solid hsl(var(--gfx-line));min-width:74px;cursor:pointer;transition:background .12s ease,color .12s ease}
    .lineup-segmented-btn:last-child{border-right:0}
    .lineup-segmented-btn:hover{background:hsl(var(--gfx-elevated));color:hsl(var(--gfx-bright))}
    .lineup-segmented-btn.active{background:hsl(var(--gfx-live));color:#04130a}
    .lineup-segmented-btn:nth-child(2).active{background:hsl(var(--gfx-muted-fg));color:hsl(var(--gfx-card))}
    .ipad-body .lineup-segmented{border-color:#d1d5db;background:#fff}
    .ipad-body .lineup-segmented-btn{color:#475569;border-right-color:#e5e7eb}
    .ipad-body .lineup-segmented-btn:hover{background:#f3f4f6;color:#0f172a}
    .ipad-body .lineup-segmented-btn.active{background:#16a34a;color:#fff}
    .ipad-body .lineup-segmented-btn:nth-child(2).active{background:#475569;color:#fff}
        .matches-filter-btn.active,
    .matches-filter-btn:nth-child(2).active{background:hsl(var(--gfx-primary));border-color:hsl(var(--gfx-ring));color:hsl(var(--gfx-primary-fg))}
    .matches-filter-btn.active:hover{background:hsl(var(--gfx-primary));color:hsl(var(--gfx-bright))}
        .chip-clickable{cursor:pointer;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}
    .chip-clickable:hover{background:hsl(var(--gfx-elevated));border-color:hsl(var(--gfx-line));color:hsl(var(--gfx-bright));transform:translateY(-1px)}
    .chip-clickable:focus-visible{outline:none;border-color:hsl(var(--gfx-ring) / .6);box-shadow:0 0 0 2px hsl(var(--gfx-ring) / .18)}
        .team-tag-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
    .team-tag-pill{font-size:.66rem;padding:.18rem .55rem;letter-spacing:.02em;text-transform:uppercase;font-weight:700;line-height:1.1;border-width:1px}
        .match-card.is-live{border-color:hsl(var(--gfx-danger) / .85);box-shadow:0 0 0 1px hsl(var(--gfx-danger) / .55),0 0 22px -8px hsl(var(--gfx-danger) / .55)}
    .match-card.is-live:hover{border-color:hsl(var(--gfx-danger) / 1)}
    .match-live-chip{background:hsl(var(--gfx-danger-soft));border-color:hsl(var(--gfx-danger) / .65);color:hsl(var(--gfx-danger));font-weight:800;letter-spacing:.08em}
    .match-live-chip::before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:999px;background:hsl(var(--gfx-danger));margin-right:.35rem;vertical-align:middle;box-shadow:0 0 6px hsl(var(--gfx-danger) / .9)}
        .match-date-divider{display:flex;align-items:center;gap:.65rem;margin:.4rem 0 .15rem;color:hsl(var(--gfx-muted-fg));font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
    .match-date-divider::before,
    .match-date-divider::after{content:"";flex:1;height:1px;background:linear-gradient(to right,hsl(var(--gfx-line)),hsl(var(--gfx-line)),hsl(var(--gfx-line)))}
    .match-date-divider > span{white-space:nowrap}
    .match-date-divider + .match-card{margin-top:.15rem}
        .match-score{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:800;font-size:1.05rem;line-height:1;padding:.2rem .6rem;border-radius:.6rem;background:hsl(var(--gfx-bg));border:1px solid hsl(var(--gfx-line));color:hsl(var(--gfx-fg))}
    .match-score .sep{color:hsl(var(--gfx-muted-fg));font-weight:600}
    .match-card.is-live .match-score{border-color:hsl(var(--gfx-danger) / .45);background:hsl(var(--gfx-danger-soft));color:hsl(var(--gfx-bright))}
        .app-confirm-overlay{position:fixed;inset:0;background:hsl(var(--gfx-bg));backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:120;padding:1.5rem}
    .app-confirm-panel{width:100%;max-width:420px;background:hsl(var(--gfx-card));border:1px solid hsl(var(--gfx-line));border-radius:1.25rem;padding:1.5rem;box-shadow:0 24px 60px hsl(var(--gfx-bg) / .5)}
    .app-confirm-message{color:hsl(var(--gfx-fg));font-size:.95rem;line-height:1.45;margin-bottom:1.1rem}
    .app-confirm-actions{display:flex;justify-content:flex-end;gap:.55rem}
        .ipad-body .app-confirm-overlay{background:rgba(15,15,15,.55);backdrop-filter:blur(10px)}
    .ipad-body .app-confirm-panel{background:#fff;color:#1f2937;border:1px solid #e5e7eb;box-shadow:0 24px 60px rgba(2,6,23,.2);border-radius:1.6rem;padding:1.5rem clamp(1rem,3vw,1.75rem);max-width:460px}
    .ipad-body .app-confirm-message{color:#111827;font-size:1.05rem;line-height:1.5;font-weight:600;margin-bottom:1.35rem}
    .ipad-body .app-confirm-actions{gap:.75rem}
    .ipad-body .app-confirm-panel [data-confirm-cancel]{background:#f3f4f6;border:1px solid #e5e7eb;color:#111827;font-weight:800;border-radius:.85rem;padding:.85rem 1.25rem;min-height:52px;min-width:120px;font-size:1rem}
    .ipad-body .app-confirm-panel [data-confirm-cancel]:hover{background:#e5e7eb;border-color:#d1d5db;color:#111827}
    .ipad-body .app-confirm-panel [data-confirm-ok]{background:#dc2626;border:1px solid #b91c1c;color:#fff;font-weight:800;border-radius:.85rem;padding:.85rem 1.25rem;min-height:52px;min-width:140px;font-size:1rem;box-shadow:0 6px 18px rgba(220,38,38,.25)}
    .ipad-body .app-confirm-panel [data-confirm-ok]:hover{background:#b91c1c;border-color:#991b1b;color:#fff}
        .ipad-body .app-confirm-panel [data-confirm-ok].bg-indigo-600{background:#527fe8;border-color:#3a66d6;box-shadow:0 6px 18px rgba(82,127,232,.25)}
    .ipad-body .app-confirm-panel [data-confirm-ok].bg-indigo-600:hover{background:#3a66d6;border-color:#1d4ed8}
        .tablet-player-row{display:flex;align-items:center;gap:.85rem}
    .tablet-player-row .min-w-0{min-width:0}
        .stats-stage .stats-legend{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;color:hsl(var(--gfx-fg) / .78)}
    .stats-stage .stats-legend-chip{width:14px;height:14px;border-radius:.4rem;display:inline-block;vertical-align:middle;margin-right:.15rem}
    .stats-stage .stats-legend-chip.home{background:hsl(var(--gfx-live))}
    .stats-stage .stats-legend-chip.away{background:hsl(var(--gfx-ring))}
    .stats-stage .stats-section{border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-bg));border-radius:1rem;padding:1rem 1.1rem}
    .stats-stage .stats-section-title{margin:0 0 .75rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--gfx-muted-fg) / .85);font-weight:700}
    .stats-stage .stats-rows{display:flex;flex-direction:column;gap:.55rem}
    .stats-stage .stats-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:.85rem;align-items:center}
    .stats-stage .stats-row-name{font-size:.85rem;font-weight:600;color:hsl(var(--gfx-fg))}
    .stats-stage .stats-bar{position:relative;display:flex;height:24px;border-radius:.65rem;overflow:hidden;background:hsl(var(--gfx-card));border:1px solid hsl(var(--gfx-line))}
    .stats-stage .stats-bar.empty{background:hsl(var(--gfx-card))}
    .stats-stage .stats-bar-fill{height:100%}
    .stats-stage .stats-bar-fill.away{background:linear-gradient(90deg,hsl(var(--gfx-primary)),hsl(var(--gfx-ring)))}
    .stats-stage .stats-bar-fill.home{background:linear-gradient(90deg,hsl(var(--gfx-live)),hsl(var(--gfx-live)))}
    .stats-stage .stats-bar-labels{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 .65rem;font-size:.72rem;font-weight:700;color:hsl(var(--gfx-bright));text-shadow:0 1px 2px hsl(var(--gfx-bg));pointer-events:none}
    .stats-stage .stats-bar-label{font-size:.72rem;color:hsl(var(--gfx-muted-fg) / .65);width:100%;text-align:center}
    .stats-stage .stats-empty{font-size:.8rem;color:hsl(var(--gfx-muted-fg) / .65);font-style:italic}
        .stats-stage .stats-timeline{width:100%;height:auto;aspect-ratio:760/110;display:block}
        .stats-stage .stats-timeline-section{margin-bottom:.85rem}
    .stats-stage .stats-timeline-section:last-child{margin-bottom:0}
    .stats-stage .stats-timeline-period-label{display:flex;align-items:baseline;gap:.55rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--gfx-muted-fg) / .78);margin:0 0 .2rem}
    .stats-stage .stats-timeline-period-count{font-size:.65rem;font-weight:600;letter-spacing:.04em;color:hsl(var(--gfx-muted-fg) / .55);text-transform:none}
    .stats-stage .stats-timeline-dot{cursor:pointer;transition:opacity .12s ease,transform .12s ease;transform-origin:center;transform-box:fill-box}
    .stats-stage .stats-timeline-dot:hover{opacity:1;transform:scale(1.25)}
    .stats-tooltip{position:fixed;pointer-events:none;background:hsl(var(--gfx-card));border:1px solid hsl(var(--gfx-line));color:hsl(var(--gfx-fg));font-size:.78rem;padding:.42rem .65rem;border-radius:.55rem;z-index:200;opacity:0;transform:translateY(-2px);transition:opacity .12s ease;white-space:nowrap;box-shadow:0 8px 24px hsl(var(--gfx-bg) / .5);font-weight:600;letter-spacing:.02em}
    .stats-tooltip.open{opacity:1;transform:translateY(0)}
    .stats-stage .stats-player-table{width:100%;border-collapse:collapse;font-size:.82rem}
    .stats-stage .stats-player-table th,.stats-stage .stats-player-table td{padding:.45rem .55rem;text-align:right;border-bottom:1px solid hsl(var(--gfx-line))}
    .stats-stage .stats-player-table th{font-weight:700;color:hsl(var(--gfx-muted-fg) / .85);text-transform:uppercase;font-size:.66rem;letter-spacing:.08em}
    .stats-stage .stats-player-table .stats-player-th-name,.stats-stage .stats-player-table .stats-player-td-name{text-align:left}
    .stats-stage .stats-player-table tbody tr:hover{background:hsl(var(--gfx-card))}
    .stats-stage .stats-footnote{font-size:.7rem;color:hsl(var(--gfx-muted-fg) / .6);font-style:italic;margin:0}
    @media (max-width:768px){
      .stats-stage .stats-row{grid-template-columns:1fr;gap:.35rem}
      .stats-stage .stats-row-name{font-size:.78rem}
      .stats-stage .stats-player-table{font-size:.74rem}
    }
    .tablet-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;border:1px solid hsl(var(--gfx-line));background:hsl(var(--gfx-card));border-radius:.9rem;padding:.75rem}
        .shootout-board{display:flex;flex-direction:column;gap:.85rem;padding:1rem 0 1.25rem}
    .shootout-strip{display:flex;flex-direction:column;gap:.5rem}
    .shootout-strip-row{display:flex;align-items:center;gap:.65rem}
    .shootout-strip-team{min-width:60px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4b5563}
    .shootout-strip-cells{display:flex;flex-wrap:wrap;gap:.4rem;flex:1;min-width:0}
        .shootout-cell{width:20px;height:20px;border-radius:999px;background:transparent;border:2px solid #c4c8cf;flex:0 0 auto}
    .shootout-cell.is-scored{background:#16a34a;border-color:#16a34a}
    .shootout-cell.is-missed{background:#dc2626;border-color:#dc2626}
    .shootout-strip-tally{min-width:1.6rem;text-align:right;font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;color:#111827}
        .shootout-round{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-align:center}
    .shootout-round-label{font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#111827}
    .shootout-round-count{font-size:.85rem;font-weight:800;font-variant-numeric:tabular-nums;color:#111827}
    .shootout-round-sub{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4b5563}
    .shootout-sides,.shootout-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
    .shootout-side-tab{min-height:52px;border-radius:.75rem;border:1px solid #d4d4d8;background:#fff;color:#374151;font-size:.95rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}
    .shootout-side-tab.active{background:#111827;border-color:#111827;color:#fff}
    .shootout-hint{text-align:center;font-size:.78rem;color:#4b5563}
    .shootout-takers{display:flex;flex-wrap:wrap;gap:.5rem}
    .shootout-taker{min-height:48px;padding:.5rem .85rem;border-radius:.7rem;border:1px solid #d4d4d8;background:#fff;color:#111827;font-size:.9rem;font-weight:700;cursor:pointer}
    .shootout-taker.active{background:#111827;border-color:#111827;color:#fff}
    .shootout-empty{font-size:.82rem;color:#6b7280}
        .shootout-outcome{min-height:72px;border-radius:.85rem;border:0;font-size:1.1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
    .shootout-outcome.is-scored{background:#14532d;color:#bbf7d0}
    .shootout-outcome.is-missed{background:#7f1d1d;color:#fecaca}
    .shootout-outcome.is-scored:hover{background:#166534}
    .shootout-outcome.is-missed:hover{background:#991b1b}
        .shootout-warning{font-size:.78rem;font-weight:600;line-height:1.35;padding:.55rem .7rem;border-radius:.6rem;background:#fef3c7;color:#78350f;border:1px solid #fcd34d}
        .ipad-so-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;max-width:760px;margin:.7rem auto 0}
    .ipad-so-cells{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0}
        .ipad-so-cells.away{justify-content:flex-start}
    .ipad-so-cells.home{justify-content:flex-end}
        .ipad-so-cell{width:18px;height:18px;border-radius:999px;background:transparent;border:2px solid rgba(255,255,255,.32);flex:0 0 auto}
    .ipad-so-cell.is-scored{background:#16a34a;border-color:#16a34a}
    .ipad-so-cell.is-missed{background:#dc2626;border-color:#dc2626}
        .ipad-so-cell.is-next{border-color:#ffffff;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
    .ipad-so-round{text-align:center;line-height:1.15}
    .ipad-so-round-label{display:block;font-size:.95rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.02em;color:#f8fafc}
        .ipad-so-round-count{display:block;margin-top:.15rem;font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.06em;color:#f8fafc}
    .ipad-so-round-sub{display:block;margin-top:.15rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(248,250,252,.62)}
        .ipad-so-note{max-width:760px;margin:.45rem auto 0;text-align:center;font-size:.68rem;font-weight:700;line-height:1.35;color:#fbbf24}
        .ipad-so-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
    .ipad-so-outcome{min-height:104px;border:0;border-radius:1rem;color:#ffffff;font-size:1.35rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
    .ipad-so-outcome.is-scored{background:#16a34a}
    .ipad-so-outcome.is-missed{background:#dc2626}
    .ipad-so-outcome.is-scored:hover{background:#15803d}
    .ipad-so-outcome.is-missed:hover{background:#b91c1c}
    *,*::before,*::after{box-sizing:border-box}
    @media (max-width: 1280px){.graphics-layout{grid-template-columns:1fr}.graphics-layout.org-collapsed .org-sidebar{display:none}}
    @media (max-width: 980px){.scorer-grid{grid-template-columns:1fr}.score-panel{grid-template-columns:1fr}}
    @media (max-width: 860px){.roster-row{grid-template-columns:48px minmax(0,1fr) auto}.roster-row .roster-extra{grid-column:1 / -1}.roster-row .roster-actions{grid-column:3;grid-row:1 / span 2}}
    @media (max-width: 900px){
      .cue-stage,.cue-stage *{min-width:0}
      .cue-stage{width:100%;max-width:100%;overflow:hidden}
      .cue-stage > .flex:first-child{min-width:0;max-width:100%;overflow:hidden}
      .cue-stage .field{min-width:0!important;width:100%;max-width:100%}
      .cue-stage select{width:100%;max-width:100%}
      .cue-stage .subtle-card,.cue-stage .panel-light{width:100%;max-width:100%;overflow:hidden}
      .cue-stage .panel-light > .flex{flex-direction:column;align-items:stretch;min-width:0;max-width:100%}
      .cue-stage .panel-light > .flex > .flex{width:100%;max-width:100%;justify-content:flex-start}
      .cue-stage .penalty-team-picker,.cue-stage .cue-graphic-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)!important}
      .cue-stage .penalty-team-btn{width:100%;max-width:100%;min-width:0!important;justify-self:stretch}
      .cue-stage .cue-auto-btn{min-width:0!important}
      .cue-stage .justify-end{justify-content:flex-start}
    }
    @media (max-width: 640px){
      html,body{max-width:100%;overflow-x:hidden}
            .layout,.main,main,.graphics-layout,#workspace-panel{max-width:100vw;min-width:0;overflow:hidden}
      .gfx-content{max-width:100vw;padding:.5rem .75rem 2.5rem;overflow:hidden}
      .panel,.panel-light,.subtle-card{max-width:100%;min-width:0}
      .panel{padding:1rem}
      .stage-bar{width:100%;overflow-x:auto;flex-wrap:nowrap}
      .stage-tab{white-space:nowrap;flex:0 0 auto}
      .subtle-card{padding:.85rem}
      .scorer-stage,.cue-stage{overflow:hidden}
      .scorer-stage > .flex:first-child,.cue-stage > .flex:first-child{min-width:0}
      .scorer-stage .field,.cue-stage .field{min-width:0!important;width:100%}
      .score-panel{gap:.75rem}
      .stepper-row,.icon-actions{flex-wrap:wrap}
      .cue-graphic-grid{grid-template-columns:1fr}
      .cue-stage .penalty-team-picker,.cue-stage .cue-graphic-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
      .penalty-team-picker{gap:.5rem}
      .cue-stage .panel-light > .flex,.scorer-stage .panel-light > .flex{min-width:0}
      .cue-stage .panel-light > .flex{flex-direction:column;align-items:stretch}
      .cue-stage .panel-light > .flex > .flex{width:100%}
      .cue-stage .panel-light .min-w-0,.scorer-stage .panel-light .min-w-0{min-width:0;max-width:100%}
      .cue-stage .justify-end,.scorer-stage .justify-end{justify-content:flex-start}
      .cue-stage .penalty-team-btn{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
      .cue-stage .cue-auto-btn{min-width:0}
      .cue-stage select,.scorer-stage select{max-width:100%}
      .ipad-topbar{grid-template-columns:auto 1fr auto;height:48px;padding:0 .75rem}
      .ipad-title{font-size:1rem}
      .ipad-nav-btn{font-size:.68rem;min-height:40px;padding:.45rem .55rem}
      .ipad-scoreline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.55rem}
      .ipad-team{gap:.45rem;min-width:0}
      .ipad-team .min-w-0{min-width:0}
      .ipad-team-name{font-size:1.05rem;line-height:1.1}
            .ipad-team .text-xs{display:none}
      .ipad-score{justify-content:center;font-size:1.85rem;gap:.2rem;flex-shrink:0}
      .ipad-score-sep{margin:0 .05rem}
      .ipad-details{grid-template-columns:1fr}
      .ipad-enter{width:100%}
      .ipad-stat-row,.ipad-root.soccer .ipad-stat-row{grid-template-columns:minmax(0,1fr) 50px 50px minmax(0,1fr);min-height:60px}
      .ipad-side-action,.ipad-root.soccer .ipad-side-action{font-size:.7rem;padding:.4rem .55rem;grid-template-columns:minmax(0,1fr) 36px;gap:.45rem;align-items:center}
      .ipad-side-action.right,.ipad-root.soccer .ipad-side-action.right{grid-template-columns:36px minmax(0,1fr)}
      .ipad-side-label,.ipad-root.soccer .ipad-side-label{padding:0;line-height:1.1}
      .ipad-side-count,.ipad-root.soccer .ipad-side-count{display:block;font-size:1.45rem;line-height:1;color:#a3a3a3;text-align:center}
      .ipad-stat-value{font-size:1.85rem}
      .ipad-center-icon,.ipad-root.soccer .ipad-center-icon{width:40px;height:40px;border-width:3px;font-size:.7rem}
      .tablet-lineup-grid,.player-picker-grid{grid-template-columns:1fr}
      .lower-third-row{grid-template-columns:1fr;align-items:start}
      .lower-third-row .icon-actions{justify-content:flex-start;grid-column:1;grid-row:auto}
      .clock-display{font-size:2.35rem}
      .score-number{font-size:3.2rem}
    }
    @media (max-width: 480px){
      .penalty-team-picker{grid-template-columns:1fr}
      .penalty-team-btn{min-height:40px}
      .cue-compact-btn{width:100%}
    }
          :root{
      --gfx-bg:var(--bg);
      --gfx-card:var(--card);
      --gfx-elevated:var(--muted);
      --gfx-line:var(--border);
      --gfx-fg:var(--fg);
      --gfx-soft-fg:var(--fg);
      --gfx-muted-fg:var(--muted-fg);
      --gfx-bright:var(--fg);
      --gfx-primary:var(--primary);
      --gfx-ring:var(--ring);
      --gfx-primary-fg:var(--primary-fg);
      --gfx-live:var(--live);
      --gfx-warn:var(--warn);
      --gfx-danger:var(--danger);
      --gfx-live-soft:var(--live-soft);
      --gfx-warn-soft:var(--warn-soft);
      --gfx-danger-soft:var(--danger-soft);
            --gfx-hover-surface:color-mix(in oklab, hsl(var(--muted)) 84%, hsl(var(--fg)) 16%);
      --gfx-hover-card:color-mix(in oklab, hsl(var(--card)) 88%, hsl(var(--fg)) 12%);
      --gfx-hover-primary:color-mix(in oklab, hsl(var(--primary)) 82%, hsl(var(--fg)) 18%);
      --gfx-hover-danger:color-mix(in oklab, hsl(var(--danger)) 82%, hsl(var(--fg)) 18%);
      --gfx-hover-live:color-mix(in oklab, hsl(var(--live)) 82%, hsl(var(--fg)) 18%);
      --gfx-hover-warn:color-mix(in oklab, hsl(var(--warn)) 82%, hsl(var(--fg)) 18%);
    }
            #workspace-panel .stage-bar{
      background:hsl(var(--card));
      border:1px solid hsl(var(--border));
      border-radius:var(--radius);
      box-shadow:var(--shadow-md);
      gap:.25rem;
    }
        #workspace-panel .stage-tab.active{
      background:hsl(var(--primary) / .30);
      color:hsl(var(--fg));
      font-weight:600;
      border-color:hsl(var(--ring) / .62);
    }
        #workspace-panel .penalty-team-btn.active, #drawer .penalty-team-btn.active{
      background:hsl(var(--primary) / .30);
      border-color:hsl(var(--ring) / .62);
      color:hsl(var(--fg));
    }
    #workspace-panel .icon-btn.active, #drawer .icon-btn.active{
      background:hsl(var(--primary) / .30);
      border-color:hsl(var(--ring) / .62);
      color:hsl(var(--fg));
    }
    #workspace-panel .cue-clock-compound-btn.active{
      background:hsl(var(--primary) / .38);
      border-color:hsl(var(--ring) / .7);
      color:hsl(var(--fg));
    }
    #workspace-panel .tablet-lineup-tab:hover{
      background:var(--gfx-hover-surface);
      border-color:hsl(var(--primary) / .5);
      color:hsl(var(--fg));
    }
        #workspace-panel .panel, #org-sidebar.panel, #drawer .panel{
      background:hsl(var(--bg));
      border:1px solid hsl(var(--border));
      border-radius:var(--radius);
      box-shadow:none;
    }
    #workspace-panel .panel-light, #drawer .panel-light{
      background:hsl(var(--bg));
      border:1px solid hsl(var(--border));
      border-radius:var(--radius);
    }
        #workspace-panel .subtle-card, #drawer .subtle-card{
      background:hsl(var(--card));
      border:1px solid hsl(var(--border));
      border-radius:var(--radius);
      box-shadow:var(--shadow-md);
    }
        #workspace-panel .stats-section-title,
    #workspace-panel .stats-timeline-period-label,
    #workspace-panel .stats-player-table th{
      color:hsl(var(--fg) / .78);
    }
    #workspace-panel .stats-footnote,
    #workspace-panel .stats-empty,
    #workspace-panel .stats-bar-label,
    #workspace-panel .stats-timeline-period-count{
      color:hsl(var(--muted-fg));
    }
        #workspace-panel .match-card:has(.match-card-body:hover){
      border-color:hsl(var(--primary) / .5);
      background:var(--gfx-hover-card);
    }
        #workspace-panel .match-card.is-live:hover{
      border-color:hsl(var(--danger));
      background:var(--gfx-hover-card);
    }
        #workspace-panel .cue-auto-btn.timed-active{
      background:hsl(var(--danger) / .82);
      border-color:hsl(var(--danger));
      color:#fff;
      opacity:1;
    }
        #workspace-panel .stage-tab:not(.active):not(.disabled):hover{
      color:hsl(var(--primary));
      background:hsl(var(--card) / .6);
    }
    #workspace-panel .stage-tab{transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}
    #workspace-panel .stage-tab:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}
        #workspace-panel .select-card.active{
      border-color:hsl(var(--primary) / .55);
      background:hsl(var(--primary) / .05);
      box-shadow:var(--shadow-sm);
    }
    #workspace-panel .select-card:not(.active):hover{border-color:hsl(var(--primary) / .3);background:var(--gfx-hover-card)}
        #workspace-panel .stepper-btn{transition:background .12s ease,border-color .12s ease,color .12s ease}
    #workspace-panel .stepper-btn:hover{background:var(--gfx-hover-surface);border-color:hsl(var(--primary) / .45);color:hsl(var(--fg))}
    #workspace-panel .stepper-btn:active{background:hsl(var(--primary) / .18);border-color:hsl(var(--primary) / .6)}
    #workspace-panel .stepper-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}
        :where(#workspace-panel, #drawer) .icon-btn:hover{
      background:var(--gfx-hover-surface);
      border-color:hsl(var(--primary) / .4);
      color:hsl(var(--fg));
    }
    :where(#workspace-panel, #drawer) .icon-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}
        #workspace-panel .bg-slate-950\/35,
    #workspace-panel .bg-slate-900, #drawer .bg-slate-900, #org-sidebar .bg-slate-900{background-color:hsl(var(--card))}
    #workspace-panel .bg-slate-800, #drawer .bg-slate-800, #org-sidebar .bg-slate-800,
    #workspace-panel .bg-slate-700, #drawer .bg-slate-700,
    #workspace-panel .bg-slate-600{background-color:hsl(var(--muted))}
    #workspace-panel .text-slate-500, #drawer .text-slate-500, #org-sidebar .text-slate-500,
    #workspace-panel .text-slate-400, #drawer .text-slate-400, #org-sidebar .text-slate-400{color:hsl(var(--muted-fg))}
    #workspace-panel .text-slate-300, #drawer .text-slate-300,
    #workspace-panel .text-slate-200, #drawer .text-slate-200{color:hsl(var(--fg))}
    #workspace-panel .border-slate-700\/60, #drawer .border-slate-700\/60{border-color:hsl(var(--border))}
        #workspace-panel .bg-indigo-600, #drawer .bg-indigo-600, #org-sidebar .bg-indigo-600,
    #workspace-panel .bg-indigo-500, #drawer .bg-indigo-500{background-color:hsl(var(--primary));color:hsl(var(--primary-fg))}
    #workspace-panel .text-indigo-300, #drawer .text-indigo-300{color:hsl(var(--primary))}
        #workspace-panel .bg-rose-700, #drawer .bg-rose-700,
    #workspace-panel .bg-rose-600, #drawer .bg-rose-600,
    #workspace-panel .bg-rose-500, #drawer .bg-rose-500{background-color:hsl(var(--danger));color:#fff}
    #workspace-panel .text-rose-300, #drawer .text-rose-300,
    #workspace-panel .text-rose-200, #drawer .text-rose-200{color:hsl(var(--danger))}
    #workspace-panel .bg-rose-500\/10, #drawer .bg-rose-500\/10{background-color:hsl(var(--danger-soft))}
    #workspace-panel .border-rose-400\/25, #drawer .border-rose-400\/25{border-color:hsl(var(--danger))}
    #workspace-panel .bg-emerald-700, #workspace-panel .bg-emerald-600, #drawer .bg-emerald-600,
    #workspace-panel .bg-emerald-500{background-color:hsl(var(--live));color:#fff}
    #workspace-panel .text-emerald-300, #workspace-panel .text-emerald-200, #drawer .text-emerald-300{color:hsl(var(--live))}
    #workspace-panel .bg-emerald-500\/10{background-color:hsl(var(--live-soft))}
    #workspace-panel .border-emerald-400\/25{border-color:hsl(var(--live))}
    #workspace-panel .bg-amber-600, #workspace-panel .bg-amber-500, #drawer .bg-amber-600{background-color:hsl(var(--warn));color:#111}
    #workspace-panel .text-amber-300, #workspace-panel .text-amber-200,
    #workspace-panel .text-amber-100, #workspace-panel .text-amber-300\/80{color:hsl(var(--warn))}
    #workspace-panel .bg-amber-600\/20, #workspace-panel .bg-amber-600\/30{background-color:hsl(var(--warn-soft))}
        #workspace-panel .hover\:bg-indigo-500:hover, #drawer .hover\:bg-indigo-500:hover{background-color:var(--gfx-hover-primary)}
    #workspace-panel .hover\:bg-slate-800:hover, #drawer .hover\:bg-slate-800:hover,
    #workspace-panel .hover\:bg-slate-700:hover, #drawer .hover\:bg-slate-700:hover,
    #workspace-panel .hover\:bg-slate-600:hover{background-color:var(--gfx-hover-surface)}
    #workspace-panel .hover\:bg-rose-600:hover, #drawer .hover\:bg-rose-600:hover,
    #workspace-panel .hover\:bg-rose-500:hover{background-color:var(--gfx-hover-danger)}
    #workspace-panel .hover\:bg-emerald-600:hover, #workspace-panel .hover\:bg-emerald-500:hover{background-color:var(--gfx-hover-live)}
    #workspace-panel .hover\:bg-amber-500:hover{background-color:var(--gfx-hover-warn)}
    #workspace-panel .hover\:bg-amber-600\/30:hover{background-color:hsl(var(--warn) / .3)}
        #workspace-panel .shootout-board{padding:0}
    #workspace-panel .shootout-strip-team{color:hsl(var(--muted-fg))}
    #workspace-panel .shootout-cell{border-color:hsl(var(--border))}
    #workspace-panel .shootout-strip-tally{color:hsl(var(--fg))}
    #workspace-panel .shootout-round-label,#workspace-panel .shootout-round-count{color:hsl(var(--fg))}
    #workspace-panel .shootout-round-sub,#workspace-panel .shootout-hint,#workspace-panel .shootout-empty{color:hsl(var(--muted-fg))}
    #workspace-panel .shootout-side-tab,#workspace-panel .shootout-taker{background:hsl(var(--card));border-color:hsl(var(--border));color:hsl(var(--fg))}
        #workspace-panel .shootout-side-tab.active,#workspace-panel .shootout-taker.active{background:hsl(var(--primary) / .30);border-color:hsl(var(--ring) / .62);color:hsl(var(--fg))}
    #workspace-panel .shootout-side-tab:hover,#workspace-panel .shootout-taker:hover{background:var(--gfx-hover-card)}
    #workspace-panel .shootout-warning{background:hsl(var(--warn-soft));border-color:hsl(var(--warn) / .45);color:hsl(var(--fg))}
    #workspace-panel .shootout-side-tab,#workspace-panel .shootout-taker,#workspace-panel .shootout-outcome{transition:background-color .12s ease,border-color .12s ease,color .12s ease}
        #workspace-panel .btn, #drawer .btn, #org-sidebar .btn{transition:background-color .12s ease,border-color .12s ease,color .12s ease}
    #workspace-panel .btn:focus-visible, #drawer .btn:focus-visible, #org-sidebar .btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}