@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff")}:root{color:#17182b;font-synthesis:none;--navy:#171544;--blue:#4245a6;--yellow:#eadc53;--paper:#fff;--mist:#f4f5f8;--line:#dfe2e9;--muted:#727687;--green:#258b63;--red:#c94f55;background:#f4f5f8;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}html{background:var(--mist);overscroll-behavior-y:auto;min-height:100%}body{background:var(--mist);overscroll-behavior-y:auto;min-width:320px;min-height:100vh;margin:0;overflow-y:auto}#root{background:var(--mist);min-height:100vh}html[data-view=shotClock],html[data-view=shotClock] body,html[data-view=shotClock] #root{background:#080910}html[data-view=shotClock],html[data-view=shotClock] body,html[data-view=shotClock] #root,html[data-view=display],html[data-view=display] body,html[data-view=display] #root{overscroll-behavior:none;height:100%;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #4245a638}button:disabled{cursor:wait;opacity:.65}.app-shell{--sidebar-width:232px;min-height:100vh}.sidebar{width:var(--sidebar-width);z-index:30;overscroll-behavior-y:none;-webkit-overflow-scrolling:auto;background:var(--navy);color:#fff;flex-direction:column;height:100dvh;padding:26px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:0 7px 36px;display:flex}.brand>img{object-fit:contain;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;width:42px;height:42px}.brand-mark{background:var(--yellow);width:37px;height:37px;color:var(--navy);border-radius:2px;flex:none;place-items:center;font:800 15px Barlow Condensed;display:grid}.brand>span:last-child{flex-direction:column;line-height:.95;display:flex}.brand strong{letter-spacing:.13em;font:800 20px Barlow Condensed}.brand small{color:#a8a9c2;letter-spacing:.3em;margin-top:4px;font-size:8px}.eyebrow{color:#828697;letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px;font-size:9px;font-weight:700}.sidebar .eyebrow{color:#8183a6;margin-inline:12px}.nav-section{margin-top:28px}.nav-item{color:#aaaac2;width:100%;height:44px;transition:color var(--motion-quick,.16s) ease-out, background-color var(--motion-quick,.16s) ease-out;background:0 0;border:0;border-radius:2px;align-items:center;gap:12px;margin:2px 0;padding:0 12px;display:flex;position:relative}.nav-item svg{width:17px;transition:transform var(--motion-quick,.16s) ease-out}.nav-item span{font-size:12px;font-weight:600}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff14}.nav-item.active:before{content:"";background:var(--yellow);width:3px;height:24px;position:absolute;left:-18px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{color:#aaaac2;background:0 0;border:0;width:100%}.sidebar-bottom svg{width:16px}.profile{text-align:left;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;padding:18px 4px 0;display:grid;border-top:1px solid #ffffff1a!important}.profile>span:first-child{background:var(--yellow);width:34px;height:34px;color:var(--navy);place-items:center;font-size:11px;font-weight:800;display:grid}.profile>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.profile strong{color:#fff;text-overflow:ellipsis;font-size:10px;overflow:hidden}.profile small{color:#8587a7;margin-top:3px;font-size:8px}.nav-close,.mobile-menu,.mobile-nav-backdrop{display:none}.app-shell>main{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);background:var(--mist)}.creator-credit{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:90;color:#ffffff9e;-webkit-backdrop-filter:blur(9px);letter-spacing:.035em;background:#171544c7;border:1px solid #ffffff2e;align-items:center;gap:3px;min-height:30px;padding:7px 10px 7px 12px;font-size:8px;font-weight:600;line-height:1;display:flex;position:fixed;overflow:hidden;box-shadow:0 7px 24px #0d0c2729}.creator-credit:before{content:"";background:var(--yellow);width:3px;position:absolute;inset:-1px auto -1px -1px}.creator-credit a{color:#fff;text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:color .18s,text-decoration-color .18s}.creator-credit a:hover,.creator-credit a:focus-visible,.creator-credit a:active{color:var(--yellow);outline:0;text-decoration-color:currentColor}.status-label i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.page{width:min(100%,1320px);margin:0 auto;padding:38px 36px 54px}.status-label{color:#666a7a;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:700}.button{border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:11px;font-weight:700;display:inline-flex}.button svg{width:15px}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:#29275f}.club-save-button:disabled,.club-save-button:disabled:hover{color:#858996;cursor:not-allowed;opacity:1;background:#d4d6dd}.button.secondary{border-color:var(--line);background:#fff}.button.danger{background:var(--red);color:#fff}.button.danger:hover{background:#aa3e44}.button.large{min-height:50px;padding-inline:21px}.back-button{min-height:40px;color:var(--navy);background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0 10px 0 7px;font-size:10px;font-weight:700;display:inline-flex}.back-button svg{width:15px;transition:transform .18s}.back-button:hover{color:var(--blue)}.back-button:hover svg{transform:translate(-3px)}.page-back{margin-bottom:6px}.panel{border:1px solid var(--line);background:#fff;border-radius:2px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:2px;place-items:center;width:40px;height:40px;display:grid}.icon-button svg{width:16px}.home-page{align-content:center;gap:64px;min-height:100vh;display:grid}.home-hero{max-width:780px}.home-hero h2,.page-intro h2,.ready-page h2,.account-page h2{color:var(--navy);letter-spacing:-.025em;margin:18px 0;font:700 clamp(47px,6vw,76px)/.92 Barlow Condensed}.home-hero h2 em{color:var(--blue);font-style:normal}.home-hero>p,.page-intro>p,.ready-page>div>p,.account-page>section>p{max-width:600px;color:var(--muted);margin:0 0 27px;font-size:13px;line-height:1.7}.simple-steps{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);display:grid}.simple-steps article{border-right:1px solid var(--line);min-height:155px;padding:23px;position:relative}.simple-steps article:last-child{border:0}.simple-steps article>span{color:#b0b3be;font:700 11px Barlow Condensed;position:absolute;top:17px;right:19px}.simple-steps svg{width:20px;color:var(--blue)}.simple-steps h3{margin:25px 0 5px;font:700 19px Barlow Condensed}.simple-steps p{color:var(--muted);margin:0;font-size:10px}.page-intro{padding:20px 0 34px}.page-intro h2{margin:12px 0 9px;font-size:52px}.page-intro>p{margin-bottom:0}.page-intro.with-action{justify-content:space-between;align-items:end;gap:20px;display:flex}.page-intro.with-action>div>p{color:var(--muted);margin:0;font-size:12px}.console-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.console-grid article{border:1px solid var(--line);border-top:4px solid var(--navy);background:#fff;min-height:280px;padding:28px;position:relative}.console-grid .console-join{border-top-color:var(--yellow)}.console-grid .console-active{border-top-color:var(--blue);grid-column:1/-1;min-height:0}.console-grid article>span{color:#a1a4b0;font:700 11px Barlow Condensed}.console-grid h3{margin:38px 0 8px;font:700 29px Barlow Condensed}.console-grid p{max-width:380px;color:var(--muted);font-size:11px;line-height:1.6}.console-primary .button{position:absolute;bottom:28px;left:28px}.console-join form{grid-template-columns:1fr auto;gap:7px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.console-join input{border:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;background:#f8f9fb;min-width:0;height:50px;padding:0 15px;font:700 17px Barlow Condensed}.active-match-empty{min-height:110px;color:var(--muted);text-align:center;border:1px dashed #d3d6de;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-top:20px;font-size:10px;display:flex}.active-match-empty svg{width:20px;color:var(--blue)}.active-match-empty small{font-size:8px}.join-role-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0c27ad;place-items:center;padding:22px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.join-role-dialog{border-top:6px solid var(--yellow);background:#fff;width:min(100%,850px);padding:38px;position:relative;box-shadow:15px 15px #0d0c2740}.join-role-dialog>h2{color:var(--navy);margin:10px 0 5px;font:700 39px/.95 Barlow Condensed}.join-role-dialog>p{color:var(--muted);margin:0;font-size:10px}.join-role-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;display:grid}.join-role-grid>button{border:1px solid var(--line);text-align:left;background:#f8f9fb;grid-template-rows:54px auto 1fr;grid-template-columns:1fr 16px;align-items:start;gap:7px 12px;min-height:205px;padding:24px;transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s;display:grid}.join-role-grid>button:hover{border-color:var(--blue);background:#fff;transform:translateY(-2px);box-shadow:6px 6px #e6e7ed}.join-role-grid>button>span{background:var(--navy);color:#fff;place-items:center;width:48px;height:48px;display:grid}.join-role-grid>button:nth-child(2)>span{background:var(--blue)}.join-role-grid>button:nth-child(3)>span{background:var(--yellow);color:var(--navy)}.join-role-grid>button>span svg{width:20px}.join-role-grid>button>strong{color:var(--navy);grid-column:1;font:700 23px Barlow Condensed}.join-role-grid>button>small{color:var(--muted);grid-column:1;font-size:9px;line-height:1.5}.join-role-grid>button>svg{width:15px;color:var(--blue);grid-area:2/2}.role-shortcuts{grid-template-columns:1fr 1fr;gap:13px;margin-top:13px;display:grid}.role-shortcuts>button{border:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:28px 1fr 16px;align-items:center;gap:12px;min-height:74px;padding:0 20px;display:grid}.role-shortcuts svg{width:19px;color:var(--blue)}.role-shortcuts span{flex-direction:column;display:flex}.role-shortcuts strong{font-size:11px}.role-shortcuts small{color:var(--muted);margin-top:4px;font-size:8px}.operator-page{padding-top:22px}.operator-bar{justify-content:space-between;align-items:center;gap:18px;min-height:48px;margin-bottom:13px;display:flex}.session-code{border:1px solid var(--line);border-left:3px solid var(--yellow);background:#fff;flex-direction:column;min-width:112px;padding:7px 12px;display:flex}.session-code small{color:var(--muted);letter-spacing:.14em;font-size:6px;font-weight:700}.session-code strong{color:var(--navy);letter-spacing:.12em;margin-top:2px;font:700 16px Barlow Condensed}.operator-actions{gap:7px;display:flex}.operator-actions .operator-buzzer{width:40px;padding:0}.operator-actions .devices-button svg{width:15px}.score-console{border:1px solid var(--line);border-top:4px solid var(--navy);background:#fff;grid-template-columns:1fr minmax(250px,.72fr) 1fr;display:grid}.team-control{grid-template-columns:1fr auto;gap:13px 20px;padding:22px;display:grid}.team-control.home{border-right:1px solid var(--line)}.team-control.away{border-left:1px solid var(--line)}.team-name{grid-column:1/-1;align-items:center;gap:10px;display:flex}.team-name>span{flex-direction:column;min-width:0;display:flex}.team-name small{color:#9598a5;letter-spacing:.14em;font-size:7px}.team-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font:700 17px Barlow Condensed;overflow:hidden}.team-badge{color:#fff;border:2px solid #fff;outline:1px solid #d6d9e1;place-items:center;width:42px;height:42px;font:800 14px Barlow Condensed;display:grid;overflow:hidden}.team-badge.dark{background:var(--navy)}.team-badge.blue{background:var(--blue)}.team-badge img{object-fit:contain;background:#fff;width:100%;height:100%;padding:2px}.team-score{align-self:center;font:700 88px/.8 Barlow Condensed;animation:.38s cubic-bezier(.16,.9,.28,1.18) score-pop}.score-buttons{grid-template-columns:42px 72px;align-self:center;gap:6px;display:grid}.score-buttons button{border:1px solid var(--line);background:#f6f7f9;height:44px;font-weight:700}.score-buttons button:last-child{border-color:var(--navy);background:var(--navy);color:#fff}.team-control.break-disabled .team-score,.team-control.break-disabled .score-buttons{opacity:.42;filter:grayscale(.7)}.timeout-button{border:1px solid var(--line);text-transform:uppercase;background:#fff;grid-column:1/-1;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.timeout-button svg{width:13px}.timeout-button b{background:var(--yellow);place-items:center;width:17px;height:17px;margin-left:auto;font-size:8px;display:grid}.timeout-button:disabled{color:#9a9da6;cursor:not-allowed;opacity:1;background:#eff0f2;border-color:#e3e5e9}.timeout-button:disabled b{color:#898c95;background:#d8dae0}.main-clock{text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex}.main-clock>span{color:#777b8b;letter-spacing:.15em;font-size:8px;font-weight:700}.main-clock>strong{font-variant-numeric:tabular-nums;margin:22px 0 19px;font:700 69px/.85 Barlow Condensed}.main-clock.timeout-active>span{color:#8a6900}.main-clock.timeout-active>strong{color:#a94248}.clock-toggle{background:var(--navy);color:#fff;text-transform:uppercase;isolation:isolate;border:0;grid-template-columns:36px 1fr;align-items:center;width:calc(100% - 4px);height:44px;margin:0 4px 4px 0;padding:4px;font-size:9px;font-weight:800;line-height:1;transition:box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:4px 4px #dfe1e7}.clock-toggle:before{content:"";z-index:0;background:var(--red);will-change:transform;width:150%;transition:transform .46s cubic-bezier(.22,1,.36,1);position:absolute;inset:-30% auto -30% -25%;transform:translate(-101%)skew(-12deg)}.clock-toggle:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #d7d9e1}.clock-toggle:active{transform:translate(3px,3px);box-shadow:1px 1px #d7d9e1}.clock-toggle.is-running:before{transform:translate(0,0)skew(-12deg)}.clock-toggle-icon{z-index:1;width:32px;height:32px;color:var(--navy);background:#fff;border:1px solid #ffffff75;place-items:center;line-height:0;transition:color .24s,transform .36s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.clock-toggle-icon svg{fill:currentColor;will-change:transform, opacity;width:13px;height:13px;transition:opacity .16s linear,transform .4s cubic-bezier(.22,1,.36,1);display:block;position:absolute}.clock-toggle-icon .play-icon{opacity:1;transform:translate(1px)scale(1)rotate(0)}.clock-toggle-icon .stop-icon{opacity:0;transform:scale(.2)rotate(-135deg)}.clock-toggle.is-running .clock-toggle-icon{color:var(--red);transform:rotate(180deg)}.clock-toggle.is-running .clock-toggle-icon .play-icon{opacity:0;transform:translate(1px)scale(.2)rotate(135deg)}.clock-toggle.is-running .clock-toggle-icon .stop-icon{opacity:1;transform:scale(1)rotate(-180deg)}.clock-toggle-label{z-index:1;place-items:center;height:16px;display:grid;position:relative}.clock-toggle-label>span{grid-area:1/1;transition:opacity .14s linear,letter-spacing .3s cubic-bezier(.22,1,.36,1)}.clock-toggle-label .play-label{opacity:1}.clock-toggle-label .stop-label{opacity:0;letter-spacing:.12em}.clock-toggle.is-running .clock-toggle-label .play-label{opacity:0;letter-spacing:-.04em}.clock-toggle.is-running .clock-toggle-label .stop-label{opacity:1;letter-spacing:.02em}.clock-row{grid-template-columns:1fr .7fr 1fr;gap:12px;margin:12px 0;display:grid}.shot-clock-box,.possession-box,.match-actions{border:1px solid var(--line);background:#fff;min-height:104px}.shot-clock-box{grid-template-columns:1fr auto;align-items:center;padding:17px 20px;display:grid}.shot-clock-box>span{color:var(--muted);letter-spacing:.12em;grid-column:1;font-size:8px;font-weight:700}.shot-clock-box>strong{color:var(--possession-accent,var(--blue));grid-column:1;font:700 51px/.8 Barlow Condensed;transition:color .32s}.shot-clock-box>div{grid-area:1/2/3;gap:6px;display:flex}.shot-clock-box button{border:1px solid var(--line);background:#f7f8fa;align-items:center;gap:5px;height:42px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.shot-clock-box svg{width:12px}.shot-clock-box.break-disabled{opacity:.5;filter:grayscale(.8);background:#f0f1f3;border-color:#dfe1e7}.possession-box{text-align:left;grid-template-rows:auto 1fr;gap:10px;padding:14px 15px;transition:border-color .2s,background-color .2s;display:grid}.possession-box:hover{background:#fbfbfe;border-color:#b9bbd9}.possession-box:active .possession-switch{transform:scale(.985)}.possession-box:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8);background:#f0f1f3;border-color:#dfe1e7}.possession-box:disabled:hover{background:#f0f1f3;border-color:#dfe1e7}.possession-label{color:var(--muted);letter-spacing:.12em;font-size:8px;font-weight:700}.possession-switch{border:1px solid var(--line);background:#f2f3f7;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-self:end;align-items:center;min-width:0;height:46px;transition:transform .14s;display:grid;position:relative;overflow:hidden}.possession-switch>i{background:var(--home-accent,var(--navy));will-change:transform;width:calc(50% - 14px);transition:transform .44s cubic-bezier(.22,1,.36,1),background-color .26s;position:absolute;inset:3px auto 3px 3px;transform:translate(0,0);box-shadow:0 3px 10px #1715442e}.possession-away .possession-switch>i{background:var(--away-accent,var(--blue));transform:translate(calc(100% + 25px))}.possession-switch strong{z-index:1;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font:700 20px Barlow Condensed;transition:color .2s;position:relative;overflow:hidden}.possession-home .possession-switch .possession-home{color:var(--home-accent-ink,white)}.possession-away .possession-switch .possession-away{color:var(--away-accent-ink,white)}.possession-switch em{z-index:2;color:var(--possession-accent,var(--blue));place-items:center;transition:color .26s;display:grid;position:relative}.possession-switch em svg{width:14px}.match-actions{grid-template-rows:auto 1fr;gap:7px;padding:11px 12px 12px;display:grid}.match-actions>span{color:var(--muted);letter-spacing:.14em;font-size:7px;font-weight:700}.match-actions>div{grid-template-columns:.9fr 1.35fr;gap:6px;min-width:0;display:grid}.match-actions button{border:1px solid var(--line);min-width:0;color:var(--navy);text-align:left;white-space:nowrap;background:#f7f8fa;align-items:center;gap:8px;padding:0 12px;font:700 14px/1 Barlow Condensed;transition:border-color .18s,background-color .18s,color .18s,transform .14s;display:flex;overflow:hidden}.match-actions button svg{width:14px;color:var(--muted);flex:none}.match-actions button:last-child{border-color:var(--navy);background:var(--navy);color:#fff}.match-actions button:last-child svg{color:#fff;margin-left:auto}.match-actions button:hover{border-color:var(--blue);color:var(--blue);background:#fff}.match-actions button:last-child:hover{color:#fff;background:#29275f;border-color:#29275f}.match-actions button:active{transform:scale(.975)}.penalty-panel{margin-bottom:10px;padding:15px}.penalty-panel.break-disabled{opacity:.5;filter:grayscale(.75)}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:11px;display:flex}.panel-heading span{color:var(--muted);letter-spacing:.14em;font-size:8px;font-weight:700}.panel-heading h3{margin:2px 0 0;font:700 19px Barlow Condensed}.panel-heading small{color:var(--muted);background:#f0f1f4;padding:5px 7px;font-size:8px;font-weight:700}.roster-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.roster-picker{border:1px solid var(--line);border-left:4px solid var(--team-accent,var(--navy));padding:11px 12px}.roster-picker>strong{font:700 15px Barlow Condensed}.roster-picker>div{grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0;display:grid}.roster-picker>div button{border:1px solid var(--line);background:#f7f8fa;min-width:0;height:33px;font:700 12px Barlow Condensed;transition:border-color .18s,background-color .18s,color .18s,transform .16s}.roster-picker>div button:active{transform:scale(.94)}.roster-picker>div button.selected{border-color:var(--team-accent,var(--navy));background:var(--team-accent,var(--navy));color:var(--team-accent-ink,white)}.roster-picker>div button.excluded{color:#a1a4ae;background:repeating-linear-gradient(135deg,#f2f3f6 0 4px,#e8eaf0 4px 8px);position:relative}.roster-picker>div button.excluded:after{content:"";background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.roster-picker>div button.selected.excluded{border-color:var(--red);color:var(--red)}.start-penalty{border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:7px;width:100%;height:32px;font-size:8px;font-weight:700;display:flex}.start-penalty:not(:disabled):hover{border-color:var(--team-accent,var(--navy));color:var(--team-accent,var(--navy));background:#f7f7fb}.start-penalty:disabled{color:#9b6e72;background:#fff7f7}.start-penalty svg{width:13px}.active-exclusions{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px;display:grid}.active-exclusions>p{color:var(--muted);background:#f8f9fa;grid-column:1/-1;margin:0;padding:9px 11px;font-size:9px;animation:.2s ease-out fade-in}.active-exclusions>button,.mobile-exclusions>button{border:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;min-height:50px;padding:7px 9px;transition:border-color .18s,background-color .18s,transform .18s;animation:.38s cubic-bezier(.16,.9,.28,1.12) exclusion-in;display:grid}.active-exclusions>button:hover,.mobile-exclusions>button:hover{background:snow;border-color:#d7a5a8;transform:translateY(-1px)}.cap{border:2px solid var(--team-accent,var(--navy));background:var(--team-accent,var(--navy));width:29px;height:29px;color:var(--team-accent-ink,white);border-radius:50%;place-items:center;font:800 12px Barlow Condensed;display:grid}.active-exclusions>button>span:nth-child(2),.mobile-exclusions>button>span:nth-child(2){flex-direction:column;display:flex}.active-exclusions strong,.mobile-exclusions strong{font-size:9px}.active-exclusions small,.mobile-exclusions small{color:var(--muted);margin-top:3px;font-size:7px}.active-exclusions b,.mobile-exclusions b{color:var(--red);font:700 22px Barlow Condensed}.match-finish-row{justify-content:flex-end;padding-top:6px;display:flex}.end-match{color:#a94248;background:#fff;border:1px solid #e5cdcf;border-radius:2px;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:9px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s;display:flex}.end-match:hover{background:#fff7f7;border-color:#cf9ea2}.end-match svg{width:14px}.end-match.armed{border-color:var(--red);background:var(--red);color:#fff}.qr-overlay{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d0c27a3;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.qr-dialog{border-top:6px solid var(--yellow);text-align:center;background:#fff;flex-direction:column;align-items:center;width:min(100%,410px);padding:31px;display:flex;position:relative;box-shadow:14px 14px #0d0c273d}.qr-dialog>img{object-fit:contain;width:68px;height:68px}.qr-dialog>span{color:var(--muted);letter-spacing:.15em;margin-top:12px;font-size:8px;font-weight:700}.qr-dialog h2{color:var(--navy);margin:8px 0 4px;font:700 29px Barlow Condensed}.qr-dialog p{color:var(--muted);margin:0 0 22px;font-size:10px}.qr-dialog>strong{color:var(--navy);letter-spacing:.13em;margin-top:17px;font:700 27px Barlow Condensed}.qr-close{border:1px solid var(--line);background:#fff;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.qr-close svg{width:14px}.scoreboard-view{min-height:100vh;color:var(--navy);background:#f8f9fb;grid-template-rows:1fr;display:grid}.scoreboard-view>main{grid-template-columns:1fr .78fr 1fr;min-height:0;display:grid}.display-team{text-align:center;flex-direction:column;align-items:center;padding:6.5vh 3vw 3vh;display:flex}.display-team:first-child{border-right:1px solid var(--line)}.display-team:last-child{border-left:1px solid var(--line)}.display-team .team-badge{width:clamp(96px,11vw,168px);height:clamp(96px,11vw,168px);font-size:clamp(28px,3.8vw,52px)}.display-team>span{color:var(--muted);letter-spacing:.17em;margin-top:2.5vh;font-size:clamp(7px,.8vw,11px);font-weight:700}.display-team h2{min-height:2em;margin:.7vh 0 0;font:700 clamp(26px,3.2vw,54px)/.95 Barlow Condensed}.display-team>strong{margin:auto 0;font:700 clamp(140px,22vw,350px)/.72 Barlow Condensed;animation:.38s cubic-bezier(.16,.9,.28,1.18) score-pop;position:relative;top:calc(-1.25vh - 1.5vw - 10px)}.display-center{text-align:center;flex-direction:column;align-items:center;padding:7vh 2vw 3vh;display:flex}.display-center>span{letter-spacing:.15em;font-size:clamp(8px,1vw,14px);font-weight:700}.display-center>strong{font-variant-numeric:tabular-nums;margin:2vh 0 7vh;font:700 clamp(88px,12vw,190px)/.8 Barlow Condensed}.display-center>div{border:2px solid var(--navy);min-width:56%;padding:2vh 2vw}.display-center small{color:var(--muted);letter-spacing:.14em;font-size:clamp(7px,.7vw,10px);font-weight:700;display:block}.display-center b{margin-top:.5vh;font:700 clamp(72px,9vw,140px)/.8 Barlow Condensed;display:block}.display-center.timeout-active>span{color:#8a6900}.display-center.timeout-active>strong{color:var(--red)}.shot-clock-display{width:100%;height:100dvh;min-height:100svh;color:var(--yellow);background:#080910;place-items:center;padding:max(10px,2vmin);display:grid;position:relative;overflow:hidden}.shot-clock-display.timeout-active{color:#fff}.shot-clock-display.timeout-active>small{z-index:1;color:var(--yellow);letter-spacing:.18em;font:800 clamp(18px,3vw,44px) Barlow Condensed;position:absolute;top:4vh}.shot-clock-display>strong{font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;white-space:nowrap;justify-content:center;align-items:center;width:100%;height:100%;font-family:Barlow Condensed;font-size:min(86vh,92vw);font-weight:700;display:flex;overflow:hidden}.shot-clock-display>strong>span{text-align:center;justify-content:center;align-items:center;width:100%;line-height:1;display:flex;transform:translateY(-.025em)}.shot-clock-display.single-digit>strong{font-size:min(89svh,94vw)}.shot-clock-display.double-digit>strong{font-size:min(86svh,92vw)}.shot-clock-display.critical{color:#ff555d}.controller-view{background:var(--mist);min-height:100dvh;padding:10px 10px 24px}.controller-view>header{grid-template-columns:38px 1fr;align-items:center;gap:10px;width:min(100%,720px);min-height:48px;margin:0 auto 8px;display:grid}.controller-view>header>img{object-fit:contain;width:40px;height:40px}.controller-view>header>span{flex-direction:column;display:flex}.controller-view>header strong{color:var(--navy);font:700 22px Barlow Condensed}.controller-view>header small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-top:1px;font-size:7px;font-weight:700}.controller-view>header i{background:var(--green);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.controller-view>header .controller-connection{letter-spacing:.06em;align-items:center;gap:8px;margin-top:3px;display:flex}.controller-connection>span{color:var(--green);align-items:center;gap:4px;display:inline-flex}.controller-connection>span svg{stroke-width:2.2px;width:10px;height:10px}.controller-connection>b{color:#656979;letter-spacing:.1em;background:#e9ebf0;padding:2px 5px;font:700 7px DM Sans Variable}.controller-card{border:1px solid var(--line);border-top:4px solid var(--navy);background:#fff;width:min(100%,720px);margin:0 auto;padding:10px;box-shadow:5px 5px #dde0e6}.controller-live{background:var(--navy);border-bottom:3px solid var(--yellow);color:#fff;text-align:center;grid-template-columns:.72fr 1.45fr .72fr;align-items:center;min-height:112px;padding:10px 9px 12px;display:grid}.controller-live>span{color:#b8b9cc;letter-spacing:.12em;flex-direction:column;align-items:center;min-width:0;font-size:8px;font-weight:700;display:flex}.controller-live small{font-size:8px;font-weight:700}.controller-live span b{color:var(--yellow);font-variant-numeric:tabular-nums;letter-spacing:0;margin-top:5px;font:700 38px/.75 Barlow Condensed;display:block}.controller-live .controller-game-time b{color:#fff;letter-spacing:-.02em;font-size:57px}.controller-live.timeout-active{border-bottom-color:var(--red)}.controller-live.timeout-active .controller-game-time b{color:var(--yellow)}.controller-section{border-top:1px solid var(--line);padding:12px 0}.controller-section h2{color:var(--blue);margin:0 0 9px;font:600 20px Barlow Condensed}.controller-section.break-disabled,.controller-exclusions.break-disabled{opacity:.5;filter:grayscale(.75)}.controller-section>div{flex-wrap:wrap;gap:7px;display:flex}.controller-section button,.controller-section select{border:1px solid var(--line);text-transform:uppercase;background:#f7f8fa;border-radius:2px;min-height:50px;padding:0 12px;font-size:10px;font-weight:800;line-height:1.2}.controller-section button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.controller-section button:disabled{color:#9a9da6;cursor:not-allowed;opacity:1;background:#eff0f2;border-color:#e3e5e9}.controller-section button svg{width:15px}.controller-section .controller-primary{border-color:var(--navy);background:var(--navy);color:#fff}.controller-section .controller-primary.running{border-color:var(--yellow);background:var(--yellow);color:var(--navy)}.controller-primary{min-width:0;transition:border-color .28s,background-color .28s,color .28s}.controller-clock-controls>div{grid-template-rows:repeat(2,minmax(50px,auto));grid-template-columns:minmax(0,1fr) minmax(108px,1.25fr) minmax(0,1fr);grid-template-areas:"full primary short""period primary buzzer";gap:7px;display:grid}.controller-clock-controls .controller-primary{flex-direction:column;grid-area:primary;gap:10px;min-height:107px;font-size:12px;box-shadow:0 5px #0d0c27}.controller-shot-full{grid-area:full}.controller-shot-short{grid-area:short}.controller-next-period{grid-area:period}.controller-buzzer{grid-area:buzzer}.controller-toggle-icons{place-items:center;width:22px;height:22px;display:grid;position:relative}.controller-toggle-icons svg,.controller-section .controller-toggle-icons svg{width:21px;transition:opacity .2s,transform .28s cubic-bezier(.2,.8,.2,1);position:absolute}.controller-toggle-icons .play-icon{opacity:1;transform:scale(1)}.controller-toggle-icons .stop-icon{opacity:0;transform:scale(.55)rotate(-30deg)}.controller-primary.running .controller-toggle-icons .play-icon{opacity:0;transform:scale(.55)rotate(30deg)}.controller-primary.running .controller-toggle-icons .stop-icon{opacity:1;transform:scale(1)rotate(0)}.controller-toggle-labels{place-items:center;min-width:0;display:grid}.controller-toggle-labels>span{grid-area:1/1;transition:opacity .2s,transform .28s cubic-bezier(.2,.8,.2,1)}.controller-toggle-labels .play-label{opacity:1;transform:translateY(0)}.controller-toggle-labels .stop-label{opacity:0;transform:translateY(5px)}.controller-primary.running .controller-toggle-labels .play-label{opacity:0;transform:translateY(-5px)}.controller-primary.running .controller-toggle-labels .stop-label{opacity:1;transform:translateY(0)}.controller-score-section h2{font-size:18px}.controller-score-section>div{gap:6px;display:grid}.controller-team-row{border:1px solid var(--line);background:#fbfbfc;grid-template-columns:34px minmax(48px,1fr) 36px 40px 48px;align-items:center;gap:4px;width:100%;min-height:50px;padding:4px;display:grid}.controller-team-row .team-badge{width:30px;height:30px;font-size:10px}.controller-team-row>span{flex-direction:column;display:flex}.controller-team-row small{color:var(--muted);letter-spacing:.1em;font-size:6px}.controller-team-row span strong{text-overflow:ellipsis;white-space:nowrap;font:700 17px Barlow Condensed;overflow:hidden}.controller-team-row>b{text-align:center;font:700 31px Barlow Condensed;animation:.38s cubic-bezier(.16,.9,.28,1.18) score-pop}.controller-team-row button{min-width:0;min-height:40px;padding:0;font-size:17px}.controller-team-row button.add{border-color:var(--controller-team-accent,var(--blue));background:var(--controller-team-accent,var(--blue));color:var(--controller-team-ink,white);font-size:17px}.controller-timeout-section>div{grid-template-columns:1fr 1fr;display:grid}.controller-timeout-section button{justify-content:flex-start;font-size:11px}.controller-timeout-section button b{background:var(--yellow);width:22px;height:22px;color:var(--navy);place-items:center;margin-left:auto;font:800 11px Barlow Condensed;display:grid}.controller-timeout-section button:disabled b{color:#898c95;background:#d8dae0}.controller-exclusion-section>div{grid-template-columns:.9fr .9fr 1.1fr;display:grid}.controller-exclusion-section select,.controller-exclusion-section button{width:100%;min-width:0;font-size:10px}.controller-section .controller-danger{color:#a83f46;background:snow;border-color:#e3c6c9}.controller-exclusions{grid-template-columns:1fr;gap:6px;padding:0 0 10px;display:grid}.controller-exclusions button{border:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;min-height:50px;padding:7px 10px;animation:.32s cubic-bezier(.2,.8,.2,1) exclusion-in;display:grid}.controller-exclusions b{color:var(--red);font:700 20px Barlow Condensed}.controller-undo{border:1px solid var(--line);text-align:left;text-transform:uppercase;background:#f7f8fa;grid-template-columns:17px auto minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:50px;padding:0 12px;font-size:9px;font-weight:700;display:grid}.controller-undo svg{width:15px}.controller-undo small{text-align:right;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);text-transform:none;font-size:8px;font-weight:500;overflow:hidden}.session-unavailable,.session-loading{text-align:center;background:var(--mist);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.session-unavailable>img{object-fit:contain;width:82px;height:82px}.session-unavailable h1{color:var(--navy);margin:18px 0 6px;font:700 42px Barlow Condensed}.session-unavailable p{color:var(--muted);margin:0 0 22px;font-size:11px}.session-loading>img{object-fit:contain;width:78px;height:78px;animation:1.5s ease-in-out infinite loading-logo}.session-loading>span{background:#dfe1e8;width:76px;height:2px;margin-top:23px;position:relative;overflow:hidden}.session-loading>span:after{content:"";background:var(--blue);width:34px;animation:1s ease-in-out infinite loading-bar;position:absolute;inset:0 auto 0 -34px}.session-loading p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:11px 0 0;font-size:8px;font-weight:700}.session-loading.is-contained{background:0 0;min-height:100vh}.session-loading.is-contained>img{width:64px;height:64px}.session-loading.is-contained>span{width:64px;margin-top:19px}.fixture-form{border-top:5px solid var(--yellow);grid-template-columns:1fr 52px 1fr;align-items:end;gap:24px 16px;padding:27px;display:grid}.fixture-form label,.club-form label,.auth-card label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:8px;font-weight:700;display:flex}.fixture-form select,.club-form input,.auth-card input{border:1px solid var(--line);background:#f8f9fb;height:48px;padding:0 13px}.fixture-form select{font:700 16px Barlow Condensed}.fixture-form>b{background:var(--navy);color:#fff;place-items:center;width:52px;height:48px;font:700 17px Barlow Condensed;display:grid}.fixture-form>.button{grid-column:3;justify-self:end;min-width:190px}.form-error{color:#af4248;margin:0;font-size:9px}.fixture-form>.form-error{grid-column:1/3}.ready-page{grid-template-columns:1fr 370px;align-items:center;gap:8vw;max-width:1060px;min-height:100vh;display:grid}.ready-page>.join-role-overlay{left:var(--sidebar-width)}.ready-code{border:1px solid var(--line);background:#fff;flex-direction:column;max-width:420px;margin:25px 0 19px;padding:14px 17px;display:flex}.ready-code small{color:var(--muted);letter-spacing:.13em;font-size:7px}.ready-code strong{letter-spacing:.12em;font:700 34px Barlow Condensed}.ready-qr{aspect-ratio:1;border-top:6px solid var(--yellow);flex-direction:column;justify-content:center;align-items:center;padding:38px;display:flex;box-shadow:10px 10px #e5e7ec}.ready-qr strong{letter-spacing:.12em;margin-top:16px;font:700 25px Barlow Condensed}.ready-qr small{color:var(--muted);letter-spacing:.13em;font-size:7px}.empty-state-large{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.empty-state-large svg{width:32px;color:var(--blue)}.empty-state-large h2{margin:12px 0 5px;font:700 25px Barlow Condensed}.empty-state-large p{color:var(--muted);margin:0;font-size:10px}.club-form{border-top:4px solid var(--yellow);grid-template-columns:minmax(210px,1.3fr) minmax(110px,.5fr) minmax(90px,.4fr) minmax(210px,1fr) auto;align-items:end;gap:15px;margin:-12px 0 20px;padding:24px;display:grid}.club-form label,.club-form-logo>span{font-size:11px}.club-form input{font-size:15px}.club-form input[type=color]{padding:5px}.club-form-logo{min-width:0;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:8px;font-weight:700;display:flex}.club-logo-upload-compact{letter-spacing:0;text-transform:none;min-height:48px;padding-block:8px;font-size:13px}.club-logo-upload:focus-within{border-color:var(--blue);outline-offset:2px;outline:3px solid #4245a638}.club-form>.button{align-self:end;min-height:48px;font-size:12px}.club-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.club-card{border:1px solid var(--line);border-left:3px solid var(--navy);background:#fff;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:124px;padding:19px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.club-card:hover{border-top-color:#c9ccd7;border-bottom-color:#c9ccd7;border-right-color:#c9ccd7;transform:translateY(-1px)}.club-card .team-badge{width:58px;height:58px}.club-card-copy{min-width:0}.club-card small{color:var(--muted);letter-spacing:.12em;font-size:8px}.club-card h3{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font:700 21px Barlow Condensed;overflow:hidden}.club-card p{color:#9194a1;margin:0;font-size:8px}.club-card-actions{border-left:1px solid var(--line);padding-left:15px}.club-card-actions>span{color:#a0a3af;letter-spacing:.14em;margin-bottom:7px;font-size:6px;font-weight:700;display:block}.club-card-actions>div{gap:5px;display:flex}.club-card-actions button{border:1px solid var(--line);height:34px;color:var(--navy);background:#f8f9fb;align-items:center;gap:5px;padding:0 9px;font-size:8px;font-weight:700;display:inline-flex}.club-card-actions button:hover{border-color:var(--blue);background:#fff}.club-card-actions button svg{width:12px}.club-card-actions .club-delete-action{color:var(--red)}.club-card-actions .club-delete-action:hover{background:#fff8f8;border-color:#dfb9bc}.delete-club-dialog{border-top-color:var(--red)}.delete-club-dialog>svg{color:var(--red);background:#fff0f1}.delete-club-dialog p strong{color:var(--navy)}.delete-club-dialog .delete-dialog-error{color:var(--red);margin:-12px auto 17px}.club-edit-page{max-width:1100px}.club-edit-page .page-intro{padding-bottom:30px}.club-edit-page .page-intro h2{margin-top:0;font-size:clamp(52px,6vw,68px)}.club-edit-page .page-intro p{font-size:14px}.club-edit-form{border-top:5px solid var(--yellow);grid-template-columns:minmax(0,1fr) 300px;display:grid}.club-edit-fields{grid-template-columns:1fr 190px;align-content:start;gap:28px 20px;padding:38px;display:grid}.club-edit-fields label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;flex-direction:column;gap:10px;font-size:11px;font-weight:700;display:flex}.club-edit-fields label:first-child{grid-column:1/-1}.club-edit-fields input{border:1px solid var(--line);background:#f8f9fb;width:100%;height:56px;padding:0 15px;font-size:15px}.club-color-input{border:1px solid var(--line);background:#f8f9fb;grid-template-columns:70px minmax(0,1fr);align-items:center;min-height:56px;display:grid}.club-color-input input{border:0;height:54px;padding:6px}.club-color-input small{color:var(--muted);letter-spacing:0;text-transform:none;padding:0 14px;font-size:10px;font-weight:500;line-height:1.45}.club-logo-editor{border-left:1px solid var(--line);text-align:center;background:#fafbfc;flex-direction:column;align-items:center;padding:38px 28px;display:flex}.club-logo-editor>span:first-child{color:var(--muted);letter-spacing:.14em;font-size:10px;font-weight:700}.club-logo-editor .team-badge{width:132px;height:132px;margin:21px 0 25px;font-size:36px}.club-logo-upload{border:1px solid var(--line);width:100%;min-height:52px;color:var(--navy);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.club-logo-upload:hover{border-color:var(--blue)}.club-logo-upload svg{flex:none;width:18px}.club-logo-upload span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.club-logo-upload input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.remove-logo-button{width:100%;min-height:44px;color:var(--red);background:#fff8f8;border:1px solid #e5c8ca;justify-content:center;align-items:center;margin-top:10px;padding:0 14px;font-size:11px;font-weight:700;transition:border-color .18s,background-color .18s;display:inline-flex}.remove-logo-button:hover{border-color:var(--red);background:#fff0f1}.club-edit-error{grid-column:1/-1;margin:0 31px 20px}.club-edit-submit{border-top:1px solid var(--line);background:#fff;grid-column:1/-1;justify-content:flex-end;gap:10px;padding:20px 28px;display:flex}.club-edit-unavailable{padding-top:50px}.loading{min-height:180px;color:var(--muted);place-items:center;font-size:10px;display:grid}.account-page{grid-template-columns:minmax(0,1fr) minmax(440px,480px);align-items:center;gap:8vw;min-height:100vh;display:grid}.account-page h2{font-size:63px}.auth-card{border-top:5px solid var(--yellow);flex-direction:column;gap:17px;padding:36px;display:flex;box-shadow:10px 10px #e5e7ec}.auth-card>img{object-fit:contain;width:78px;height:78px}.auth-card>span{color:var(--muted);letter-spacing:.15em;margin-bottom:2px;font-size:10px;font-weight:700}.auth-card label{font-size:10px}.auth-card input{height:54px;padding-inline:16px;font-size:14px}.auth-card .button{font-size:13px}.auth-switch{color:var(--blue);background:0 0;border:0;font-size:11px;font-weight:700}.account-overview{place-items:center;width:100%;max-width:none;min-height:100vh;margin:0;padding:40px;display:grid}.account-summary{border-top:6px solid var(--yellow);text-align:center;flex-direction:column;align-items:center;width:min(100%,480px);padding:44px 48px 42px;display:flex;box-shadow:10px 10px #e5e7ec}.account-summary>img{object-fit:contain;width:88px;height:88px;margin-bottom:24px}.account-summary .status-label{justify-content:center;align-items:center;display:inline-flex}.account-summary h2{color:var(--navy);margin:18px 0 5px;font:700 44px/.95 Barlow Condensed}.account-summary p{color:var(--muted);margin:0 0 30px;font-size:11px}.account-signout{color:var(--red)}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0d0c27b8;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid #ffffff59;border-left:6px solid var(--red);text-align:left;background:#fff;grid-template-columns:52px minmax(0,1fr);gap:0 18px;width:min(100%,500px);padding:30px 30px 26px;display:grid;position:relative;box-shadow:14px 14px #08071f52}.confirm-dialog-mark{width:52px;height:52px;color:var(--red);background:#fff1f1;grid-row:1;place-items:center;display:grid}.confirm-dialog-mark svg{width:22px}.confirm-dialog-copy{min-width:0;padding:2px 42px 0 0}.confirm-dialog-copy>span{color:var(--red);letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:700;display:block}.confirm-dialog h2{color:var(--navy);margin:6px 0 0;font:700 37px/.95 Barlow Condensed}.confirm-dialog p{max-width:360px;color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.55}.confirm-dialog-actions{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;margin-top:27px;padding-top:18px;display:grid}.confirm-dialog-actions .button{width:100%;min-height:46px}.dialog-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#fff;place-items:center;display:grid;position:absolute;top:14px;right:14px}.dialog-close svg{width:14px}@keyframes score-pop{0%{opacity:.25;transform:translateY(12px)scale(.86)}60%{opacity:1;transform:translateY(-2px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes control-label-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes clock-icon-in{0%{opacity:0;transform:scale(.62)rotate(-24deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes exclusion-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes device-drawer-in{0%{transform:translate(105%)}to{transform:translate(0,0)}}@keyframes device-loading{0%,to{opacity:.35}50%{opacity:.75}}@keyframes loading-logo{0%,to{opacity:.72;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}@keyframes loading-bar{0%{left:-34px}55%,to{left:76px}}@media (width<=1050px){.app-shell{--sidebar-width:76px}.sidebar{padding-inline:12px}.brand{padding-inline:7px}.brand>span:last-child,.sidebar .eyebrow,.nav-item span,.profile>span:nth-child(2),.profile>svg{display:none}.nav-item{justify-content:center}.nav-item.active:before{left:-12px}.profile{padding-left:7px;display:block;border:0!important}.score-console{grid-template-columns:1fr 225px 1fr}.team-control{padding:17px}.team-name strong{max-width:135px}.team-score{font-size:67px}.score-buttons{grid-template-columns:38px 58px}.main-clock{padding:20px 16px}.main-clock>strong{font-size:56px}.clock-row{grid-template-columns:1fr 1fr}.match-actions{grid-column:1/-1;min-height:64px}.club-form{grid-template-columns:1fr 1fr}.club-form .button{justify-self:start}}@media (width<=760px){.app-shell{--sidebar-width:0px}.sidebar{will-change:transform;width:250px;padding:26px 18px;transition:transform .24s cubic-bezier(.2,.75,.25,1);position:fixed;left:0;transform:translate(-105%);box-shadow:20px 0 45px #00000038}.sidebar.is-open{transform:translate(0,0)}.mobile-nav-backdrop{z-index:29;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(2px);background:#0d0c276b;border:0;transition:opacity .24s cubic-bezier(.2,.75,.25,1),visibility 0s linear .24s;display:block;position:fixed;inset:0}.mobile-nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.brand>span:last-child,.nav-item span,.profile>span:nth-child(2),.profile>svg{display:flex}.sidebar .eyebrow{display:block}.nav-item{justify-content:flex-start}.profile{padding-left:4px;display:grid;border-top:1px solid #ffffff1a!important}.nav-close{color:#fff;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:26px;right:12px}.nav-close svg{width:17px}.mobile-menu{border:1px solid var(--line);background:#fff;place-items:center;width:38px;height:38px;display:grid}.floating-menu{z-index:25;position:fixed;top:12px;left:12px;box-shadow:0 4px 16px #1715441f}.mobile-menu svg{width:16px}.page{padding:70px 16px 40px}.home-page{gap:42px;min-height:100vh}.home-hero h2{font-size:50px}.simple-steps,.console-grid,.role-shortcuts,.club-grid,.roster-grid{grid-template-columns:1fr}.simple-steps article{border-right:0;border-bottom:1px solid var(--line)}.console-grid article{min-height:250px}.console-grid .console-active{min-height:0}.join-role-dialog{padding:32px 22px 24px}.join-role-grid{grid-template-columns:1fr}.join-role-grid>button{grid-template-rows:auto auto;grid-template-columns:50px 1fr 16px;align-items:center;min-height:112px}.join-role-grid>button>span{grid-row:1/3}.join-role-grid>button>strong,.join-role-grid>button>small{grid-column:2}.join-role-grid>button>svg{grid-area:1/3/3;align-self:center}.score-console{grid-template-columns:1fr 1fr}.main-clock{border-bottom:1px solid var(--line);grid-area:1/1/auto/-1}.team-control.home{border-right:1px solid var(--line)}.team-control.away{border-left:0}.team-name strong{display:none}.team-score{font-size:58px}.score-buttons{grid-template-columns:34px 1fr}.clock-row{grid-template-columns:1fr}.match-actions{grid-column:auto;min-height:82px}.active-exclusions{grid-template-columns:1fr}.scoreboard-view{grid-template-rows:1fr}.scoreboard-view>main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 1fr}.display-center{border-bottom:1px solid var(--line);grid-area:1/1/auto/-1;padding:3vh 2vw}.display-center>strong{margin:1vh 0 2vh;font-size:20vw}.display-center>div{min-width:140px;padding:1vh}.display-center b{font-size:14vw}.display-team{grid-row:2;min-width:0;padding:4vh 3vw 3vh}.display-team .team-badge{width:clamp(82px,24vw,132px);height:clamp(82px,24vw,132px);font-size:clamp(24px,8vw,40px)}.display-team>span{margin-top:2vh;font-size:clamp(8px,2.4vw,11px)}.display-team h2{overflow-wrap:anywhere;width:100%;min-height:1.9em;font-size:clamp(24px,7vw,38px)}.display-team>strong{font-size:min(34vw,28vh);top:6.4vh}.shot-clock-display{padding:max(12px,3vmin)}.shot-clock-display>strong{font-size:min(82svh,92vw)}.shot-clock-display.single-digit>strong{font-size:min(86svh,94vw)}.shot-clock-display.double-digit>strong{font-size:min(72svh,92vw)}.shot-clock-display.timeout-active>small{text-align:center;width:100%;top:max(18px,4vh);left:0}.fixture-form{grid-template-columns:1fr}.fixture-form>b{justify-self:center}.fixture-form>.button,.fixture-form>.form-error{grid-column:1}.fixture-form>.button{width:100%}.ready-page,.account-page{grid-template-columns:1fr;gap:38px;min-height:auto}.ready-qr{width:100%;max-width:370px}.page-intro.with-action{align-items:flex-start}.club-form{grid-template-columns:1fr}.club-form>.button{width:100%;margin-top:0}.club-edit-form{grid-template-columns:1fr}.club-logo-editor{border-top:1px solid var(--line);border-left:0;grid-row:2}.club-edit-error{grid-row:3}.club-edit-submit{grid-row:4}.account-overview{padding:70px 16px 40px}.account-summary{padding:36px 24px 34px}}@media (width<=440px){.home-hero h2{font-size:43px}.home-hero .button{width:100%}.page-intro h2{font-size:43px}.operator-page{padding-inline:8px}.session-code,.operator-bar .button{display:none}.team-control{padding:12px 8px}.team-name{gap:6px}.team-badge{width:36px;height:36px}.team-score{font-size:52px}.score-buttons{grid-template-columns:31px 1fr}.shot-clock-box{grid-template-columns:1fr;gap:13px}.shot-clock-box>div{grid-area:3/1}.penalty-panel,.roster-picker{padding:10px}.page-intro.with-action{display:block}.page-intro.with-action .button{margin-top:15px}.club-card{grid-template-columns:50px minmax(0,1fr);gap:13px;padding:16px}.club-card .team-badge{width:50px;height:50px}.club-card-actions{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;padding:12px 0 0}.club-card-actions>div{width:100%}.club-card-actions button{flex:1}.club-edit-page .page-intro p{font-size:13px;line-height:1.6}.club-edit-fields{grid-template-columns:1fr;gap:24px;padding:28px 18px}.club-edit-fields label:first-child{grid-column:1}.club-color-input{grid-template-columns:56px minmax(0,1fr)}.club-logo-editor{padding:32px 18px}.club-logo-editor .team-badge{width:124px;height:124px}.club-edit-error{margin-inline:18px}.club-edit-submit{flex-direction:column-reverse;padding:16px 18px}.club-edit-submit .button{width:100%}.confirm-dialog{grid-template-columns:44px minmax(0,1fr);gap:0 13px;padding:25px 20px 20px}.confirm-dialog-mark{width:44px;height:44px}.confirm-dialog-copy{padding-right:34px}.confirm-dialog h2{font-size:31px}.confirm-dialog-actions{grid-template-columns:1fr}.confirm-dialog-actions .secondary{order:2}.account-page h2{font-size:47px}.auth-card{padding:25px 19px;box-shadow:7px 7px #e5e7ec}}@media (width>=600px){.controller-view{padding:20px 18px 38px}.controller-view>header{grid-template-columns:46px 1fr;gap:13px;min-height:58px;margin-bottom:10px}.controller-view>header>img{width:48px;height:48px}.controller-view>header strong{font-size:25px}.controller-view>header small{font-size:8px}.controller-card{padding:18px;box-shadow:8px 8px #dde0e6}.controller-live{min-height:128px;padding-inline:18px}.controller-live span b{font-size:44px}.controller-live .controller-game-time b{font-size:68px}.controller-section{padding:14px 0}.controller-section h2{font-size:20px}.controller-section button,.controller-section select{min-height:50px;font-size:10px}.controller-team-row{grid-template-columns:42px minmax(70px,1fr) 44px 46px 58px;gap:7px;min-height:56px}.controller-team-row .team-badge{width:36px;height:36px}.controller-team-row span strong{font-size:19px}.controller-team-row>b{font-size:34px}.controller-exclusions{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.join-home{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.join-match-card{border-top:6px solid var(--yellow);grid-template-columns:58px minmax(0,1fr);align-items:center;gap:22px 18px;width:min(100%,660px);padding:34px;display:grid;box-shadow:10px 10px #e5e7ec}.join-match-icon{background:var(--navy);width:58px;height:58px;color:var(--yellow);place-items:center;display:grid}.join-match-icon svg{width:23px}.join-match-card h2{color:var(--navy);margin:5px 0 0;font:700 clamp(32px,4vw,44px)/1 Barlow Condensed}.join-match-card form{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.join-match-card input{border:1px solid var(--line);letter-spacing:.15em;text-transform:uppercase;background:#f8f9fb;min-width:0;height:52px;padding:0 18px;font:700 21px Barlow Condensed}.join-match-card input[aria-invalid=true]{border-color:var(--red);background:snow}.join-code-error{color:var(--red);grid-column:1/-1;margin:-7px 0 0 76px;font-size:9px}.home-active-link{min-height:35px;color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.home-active-link svg{width:12px;transition:transform .18s}.home-active-link:hover svg{transform:translate(3px)}.console-page{min-height:100vh;display:flex}.active-matches-panel{border-top:6px solid var(--blue);align-self:stretch;width:100%;min-height:calc(100vh - 92px);padding:32px}.active-match-heading{justify-content:space-between;align-items:flex-start;gap:24px;min-height:60px;display:flex}.active-match-heading h2{color:var(--navy);margin:7px 0 0;font:700 clamp(36px,5vw,55px)/.95 Barlow Condensed}.active-match-list{gap:7px;margin-top:28px;display:grid}.active-match-list>button{border:1px solid var(--line);text-align:left;background:#f7f8fa;grid-template-columns:112px minmax(300px,1fr) 90px 14px;align-items:center;gap:14px;min-height:68px;padding:10px 14px;transition:border-color .18s,background-color .18s;display:grid}.active-match-list>button:hover{background:#fff;border-color:#bfc1dc}.active-match-list>button>span{display:block}.active-match-list>button>.active-state{align-items:center;display:flex}.active-state>b{color:var(--navy);letter-spacing:.035em;font:700 15px Barlow Condensed}.active-match-list>button>.active-fixture{justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;display:flex!important}.active-fixture>strong{min-width:0;max-width:38%;color:var(--navy);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex:0 auto;font:700 17px/.9 Barlow Condensed;overflow:hidden}.active-score{text-align:center;grid-template-columns:23px 8px 23px;align-items:center;gap:4px;display:grid!important}.active-score b{font:700 24px/.9 Barlow Condensed}.active-score b:first-child{color:var(--home-score,var(--blue))}.active-score b:last-child{color:var(--away-score,var(--blue))}.active-score em{color:var(--blue);font:700 14px/.9 Barlow Condensed}.active-time{flex-direction:column;justify-content:center;align-items:flex-end;display:flex!important}.active-time small{color:#818593;text-transform:uppercase;font-size:6px}.active-time b{color:var(--navy);font-variant-numeric:tabular-nums;margin-top:3px;font:700 17px Barlow Condensed}.active-chevron{width:13px;color:var(--blue);transition:transform .18s}.active-match-list>button:hover .active-chevron{color:var(--blue);transform:translate(2px)}.active-match-empty{gap:10px;min-height:260px;margin-top:28px}.active-match-empty .button{margin-top:6px}.join-role-dialog{width:min(100%,980px)}.join-role-dialog>h2{max-width:610px}.join-role-grid{grid-template-columns:repeat(4,1fr)}.join-role-grid>button{grid-template-rows:54px auto;min-height:166px}.join-role-grid>button:nth-child(4)>span{background:var(--navy)}.join-role-grid>button>strong,.join-role-grid>button>svg{align-self:end}.add-device-dialog{width:min(100%,820px)}.add-device-dialog .join-role-grid{grid-template-columns:repeat(3,1fr)}.device-flow-overlay{z-index:120}.device-drawer-overlay{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d0c278a;justify-content:flex-end;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.device-drawer{border-left:1px solid #cfd1dc;border-top:6px solid var(--yellow);background:#f5f6f8;flex-direction:column;width:min(100%,420px);height:100%;animation:.24s cubic-bezier(.2,.75,.25,1) device-drawer-in;display:flex;box-shadow:-18px 0 48px #0d0c273d}.device-drawer>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;gap:18px;min-height:120px;padding:25px 24px 20px;display:flex}.device-drawer>header h2{color:var(--navy);margin:9px 0 0;font:700 38px/.92 Barlow Condensed}.device-drawer>header>button{border:1px solid var(--line);background:#fff;flex:none;place-items:center;width:38px;height:38px;display:grid}.device-drawer>header>button:hover{border-color:var(--navy)}.device-drawer>header>button svg{width:14px}.device-live-count{border-bottom:1px solid var(--line);background:#fafbfc;justify-content:space-between;align-items:center;min-height:48px;padding:0 24px;display:flex}.device-live-count>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:8px;font-weight:800;display:flex}.device-live-count i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #258b631f}.device-live-count strong{background:var(--navy);color:#fff;place-items:center;min-width:26px;height:26px;font:700 13px Barlow Condensed;display:grid}.active-device-list{flex-direction:column;flex:1;gap:7px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.active-device-list article{border:1px solid var(--line);background:#fff;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:11px;min-height:76px;padding:11px 12px;display:grid}.active-device-list article.is-current{border-left:4px solid var(--yellow);padding-left:9px}.device-kind-icon{background:var(--navy);color:#fff;place-items:center;width:42px;height:42px;display:grid}.device-kind-icon svg{width:18px}.device-copy{flex-direction:column;min-width:0;display:flex}.device-copy strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font:700 18px Barlow Condensed;overflow:hidden}.device-copy small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:7px;font-weight:700}.device-role-icon{width:30px;height:30px;color:var(--blue);background:#eef0f4;place-items:center;display:grid}.device-role-icon svg{width:14px}.device-role-icon.role-controller{color:var(--navy);background:#f0eff8}.device-role-icon.role-shotClock{color:#7c6511;background:#fff8ca}.device-role-icon.role-operator{background:var(--navy);color:var(--yellow)}.device-list-empty{min-height:190px;color:var(--muted);text-align:center;border:1px dashed #ccd0d9;align-content:center;place-items:center;gap:10px;display:grid}.device-list-empty svg{width:22px;color:var(--blue)}.device-list-empty strong{font-size:9px}.device-list-loading{gap:7px;display:grid}.device-list-loading i{border:1px solid var(--line);background:#fff;height:76px;animation:1.2s ease-in-out infinite device-loading;display:block}.device-list-loading i:nth-child(2){animation-delay:.12s}.device-list-loading i:nth-child(3){animation-delay:.24s}.device-add-button{flex:none;min-height:48px;margin:8px 24px 24px}.display-connect-dialog{border-top:6px solid var(--yellow);background:#fff;width:min(100%,760px);padding:38px;position:relative;box-shadow:15px 15px #0d0c2740}.display-connect-dialog>h2,.remote-guide-copy h2{color:var(--navy);margin:10px 0 0;font:700 40px/.96 Barlow Condensed}.display-device-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.display-device-options>button{border:1px solid var(--line);text-align:left;background:#f8f9fb;grid-template-rows:1fr;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:14px;min-height:112px;padding:20px;transition:border-color .18s,background-color .18s,transform .18s,box-shadow .18s;display:grid}.display-device-options>button:hover{border-color:var(--blue);background:#fff;transform:translateY(-2px);box-shadow:6px 6px #e6e7ed}.display-device-options>button>span{background:var(--navy);color:#fff;place-items:center;width:52px;height:52px;display:grid}.display-device-options>button:nth-child(2)>span{background:var(--blue)}.display-device-options svg{width:20px}.display-device-options>button>strong{color:var(--navy);grid-area:1/2;font:700 23px/1 Barlow Condensed}.display-device-options>button>svg{width:15px;color:var(--blue);grid-area:1/3}.display-connect-dialog.remote-guide-open{grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);align-items:center;gap:38px;width:min(100%,1040px);padding:48px 38px 38px;display:grid}.guide-back{position:absolute;top:18px;left:31px}.remote-guide-copy ol{gap:11px;margin:28px 0 0;padding:0;list-style:none;display:grid}.remote-guide-copy li{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-height:54px;display:grid}.remote-guide-copy li>span{background:var(--navy);width:34px;height:34px;color:var(--yellow);place-items:center;font:700 16px Barlow Condensed;display:grid}.remote-guide-copy li p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.remote-guide-copy li p strong{color:var(--navy)}.remote-guide-copy .guide-code{border:1px solid var(--line);letter-spacing:.1em;background:#f7f8fa;padding:5px 7px;font:700 16px Barlow Condensed;display:inline-block}.connection-video-frame{aspect-ratio:16/10;background:var(--navy);border:1px solid #3c3a6b;padding:8px;box-shadow:10px 10px #e4e6ec}.connection-video-frame video{object-fit:cover;background:#f4f5f8;width:100%;height:100%;display:block}.new-match-page{max-width:1080px}.new-match-page .page-intro{padding-bottom:24px}.fixture-form{overflow:visible}.club-select{min-width:0;position:relative}.club-select.is-open{z-index:30}.club-select-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;transition:color var(--motion-quick) ease-out, text-decoration-color var(--motion-quick) ease-out;margin-bottom:8px;font-size:8px;font-weight:700;display:block}.fixture-form[data-team-labels=off] .club-select-label{color:#9295a2;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration:line-through;text-decoration-thickness:1.5px}.club-select-trigger{border:1px solid var(--line);text-align:left;background:#f8f9fb;justify-content:space-between;align-items:center;gap:12px;width:100%;height:68px;padding:8px 13px;display:flex}.club-select-trigger:hover,.club-select-trigger[aria-expanded=true]{border-color:var(--blue);background:#fff}.club-select-trigger>span{align-items:center;gap:11px;min-width:0;display:flex}.club-select-trigger>span>span:not(.team-badge){flex-direction:column;min-width:0;display:flex}.club-select-trigger strong{text-overflow:ellipsis;white-space:nowrap;font:700 17px Barlow Condensed;overflow:hidden}.club-select-trigger small{color:var(--muted);letter-spacing:.12em;margin-top:2px;font-size:7px;font-weight:700}.club-select-trigger>svg{width:15px;color:var(--blue);flex:none;transition:transform .18s}.club-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.club-select-trigger .team-badge,.club-select-menu .team-badge{flex:none;width:44px;height:44px}.empty-club-badge{color:#989ca8;background:#e8eaf0;flex:none;place-items:center;width:44px;height:44px;font:700 17px Barlow Condensed;display:grid!important}.club-select-menu{z-index:20;border:1px solid var(--line);background:#fff;width:100%;max-height:278px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto;box-shadow:8px 8px #1715441f}.club-select-menu>button{text-align:left;background:#fff;border:0;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;min-height:58px;padding:7px 9px;display:grid}.club-select-menu>button:hover:not(:disabled),.club-select-menu>button[aria-selected=true]{background:#f3f4f8}.club-select-menu>button:disabled{cursor:not-allowed;opacity:.35}.club-select-menu>button>span{flex-direction:column;min-width:0;display:flex}.club-select-menu strong{text-overflow:ellipsis;white-space:nowrap;font:700 16px Barlow Condensed;overflow:hidden}.club-select-menu small{color:var(--muted);letter-spacing:.1em;font-size:7px}.club-select-menu>button>svg{width:14px;color:var(--green)}.team-label-setting{grid-column:1/3;align-items:center;gap:20px;min-height:50px;display:flex}.team-label-setting>span{flex-direction:column;display:flex}.team-label-setting strong{font-size:9px}.team-label-setting small{color:var(--muted);margin-top:3px;font-size:8px}.team-label-setting>button{border:1px solid var(--line);width:fit-content;min-width:0;height:34px;color:var(--muted);background:#f1f2f5;align-items:center;gap:7px;padding:4px 7px 4px 4px;font-size:8px;font-weight:700;display:flex}.team-label-setting>button>i{background:#c7cad2;width:38px;height:24px;transition:background-color .2s;display:block;position:relative}.team-label-setting>button>i:after{content:"";background:#fff;width:18px;height:18px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000029}.team-label-setting>button.is-on{color:var(--navy);background:#f7f7fb;border-color:#c9cae2}.team-label-setting>button.is-on>i{background:var(--blue)}.team-label-setting>button.is-on>i:after{transform:translate(14px)}.ready-error{margin-top:12px}.team-name.without-side-label>span{justify-content:center}.display-team.without-side-label h2{margin-top:2.5vh}.controller-team-row.without-side-label>span{justify-content:center}@media (width<=900px){.active-match-list>button{grid-template-columns:94px minmax(220px,1fr) 76px 13px;gap:10px}.active-fixture>strong{font-size:14px}.active-score b{font-size:22px}.join-role-grid{grid-template-columns:1fr 1fr}.add-device-dialog .join-role-grid{grid-template-columns:repeat(3,1fr)}.display-connect-dialog.remote-guide-open{grid-template-columns:1fr;max-height:calc(100vh - 40px);overflow-y:auto}.connection-video-frame{width:min(100%,620px)}}@media (width<=760px){.join-home{min-height:100vh;padding-top:70px}.join-match-card{grid-template-columns:48px minmax(0,1fr);gap:17px 13px;padding:25px 20px;box-shadow:7px 7px #e5e7ec}.join-match-icon{width:48px;height:48px}.join-match-card form{grid-template-columns:1fr}.join-match-card .button{width:100%}.join-code-error{margin-left:61px}.console-page{padding-inline:10px}.active-matches-panel{min-height:calc(100vh - 110px);padding:22px 16px}.active-match-heading{align-items:flex-start}.active-match-heading .button{padding-inline:12px}.active-match-heading .button svg{display:none}.active-match-list>button{grid-template-rows:26px minmax(58px,auto);grid-template-columns:minmax(0,1fr) auto 14px;gap:4px 8px;min-height:104px;padding:10px 12px}.active-match-list>button>.active-state{grid-area:1/1}.active-state>b{font-size:13px}.active-match-list>button>.active-fixture{grid-area:2/1/auto/3;gap:6px}.active-time{grid-area:1/2}.active-time small{display:none}.active-time b{margin:0;font-size:19px}.active-chevron{grid-area:1/3/3;align-self:center}.join-role-grid>button{grid-template-rows:1fr;grid-template-columns:50px minmax(0,1fr) 16px;align-items:center;min-height:112px}.join-role-grid>button>span{grid-area:1/1}.join-role-grid>button>strong{grid-area:1/2;align-self:center}.join-role-grid>button>svg{grid-area:1/3;align-self:center}.add-device-dialog .join-role-grid,.display-device-options{grid-template-columns:1fr}.display-device-options>button{grid-template-rows:1fr;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;min-height:112px}.display-device-options>button>strong{grid-column:2}.display-device-options>button>svg{grid-area:1/3}.display-connect-dialog,.display-connect-dialog.remote-guide-open{padding:34px 20px 24px}.guide-back{top:17px;left:20px}.fixture-form{grid-template-columns:1fr}.club-select-menu{margin-top:6px;position:static}.team-label-setting,.fixture-form>.button,.fixture-form>.form-error{grid-column:1}.team-label-setting{justify-content:space-between}}@media (width>=761px){.fixture-form>b{margin-bottom:10px}}@media (width<=440px){.join-match-card h2{font-size:29px}.active-match-heading{flex-direction:column;gap:12px;min-height:95px}.active-match-heading .button{width:100%}.active-fixture>strong{font-size:12px}.active-score{grid-template-columns:23px 8px 23px}.active-score b{font-size:24px}.join-role-overlay{padding:12px}.join-role-dialog{padding:32px 16px 18px}.join-role-dialog>h2,.display-connect-dialog>h2,.remote-guide-copy h2{font-size:33px}.join-role-grid{grid-template-columns:1fr;gap:7px}.join-role-grid>button{min-height:76px;padding:11px}.join-role-grid>button>span{width:44px;height:44px}.connection-video-frame{padding:5px;box-shadow:6px 6px #e4e6ec}.ready-qr{padding:24px}.ready-qr svg{max-width:100%;height:auto}.operator-bar{gap:8px}.operator-bar .status-label{font-size:7px}.operator-actions{gap:5px;margin-left:auto}.operator-bar .button{width:36px;min-height:36px;padding:0;font-size:0;display:inline-flex}.operator-bar .button svg{width:14px;margin:0}.device-drawer{width:100%}.device-drawer>header{min-height:105px;padding:21px 18px 17px}.device-drawer>header h2{font-size:34px}.device-live-count{padding-inline:18px}.active-device-list{padding-inline:10px}.device-add-button{margin-inline:18px}}:root{--motion-quick:.16s;--motion-standard:.24s;--motion-emphasized:.34s;--motion-settle:cubic-bezier(.2, .75, .25, 1)}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .sidebar .profile,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .sidebar .brand,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .icon-button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .back-button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .home-active-link,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-card,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-card-actions button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-select-trigger,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-select-menu>button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .team-label-setting>button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .auth-switch,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .dialog-close,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .remove-logo-button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-logo-upload{transition-duration:var(--motion-quick);transition-timing-function:ease-out}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .sidebar .profile,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .sidebar .brand,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .icon-button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .home-active-link,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-card-actions button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .auth-switch,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .dialog-close,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .remove-logo-button,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-logo-upload{transition-property:color,background-color,border-color,box-shadow,transform,opacity}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .sidebar .profile>svg,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .button svg,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-card-actions button svg,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .dialog-close svg{transition:transform var(--motion-quick) ease-out}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-select-menu{transform-origin:top}@media (prefers-reduced-motion:no-preference){html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .app-shell>main>.page:not(.new-match-page):not(.club-edit-page):not(.club-detail-page):not(.ready-page){animation:workspace-page-in var(--motion-standard) var(--motion-settle) both}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .page:not(.new-match-page):not(.club-edit-page) .page-intro,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .join-match-card,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .auth-card,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .account-page>section,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .account-summary,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .ready-page>div:first-child,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .ready-qr,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .empty-state-large{animation:workspace-surface-in var(--motion-emphasized) var(--motion-settle) 35ms both}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-form{animation:workspace-panel-in var(--motion-emphasized) var(--motion-settle) both;transform-origin:top}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-select-menu{animation:workspace-menu-in var(--motion-standard) var(--motion-settle) both}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .join-code-error,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .form-error{animation:workspace-message-in var(--motion-standard) var(--motion-settle) both}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-grid .club-card{animation:workspace-row-in var(--motion-emphasized) var(--motion-settle) both}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-grid .club-card:nth-child(2){animation-delay:45ms}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-grid .club-card:nth-child(3){animation-delay:90ms}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-grid .club-card:nth-child(4){animation-delay:.135s}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-grid .club-card:nth-child(5){animation-delay:.18s}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .club-grid .club-card:nth-child(6){animation-delay:.225s}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .join-role-overlay,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .dialog-backdrop{animation:workspace-overlay-in var(--motion-quick) ease-out both}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .join-role-dialog,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=newClub],[data-view=clubDetail],[data-view=editClub],[data-view=account]) .confirm-dialog{animation:workspace-dialog-in var(--motion-emphasized) var(--motion-settle) 25ms both}}@media (hover:hover) and (pointer:fine){.sidebar .nav-item:hover svg{transform:translate(2px)}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .sidebar .profile:hover>svg,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .button:hover svg,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .home-active-link:hover svg,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .club-card-actions button:hover svg{transform:translate(2px)}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .sidebar .brand:hover,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .sidebar .profile:hover,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .button:hover,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .icon-button:hover,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .club-card-actions button:hover,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .dialog-close:hover,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .remove-logo-button:hover,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .club-logo-upload:hover{transform:translateY(-1px)}html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .button:active,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .icon-button:active,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .club-card-actions button:active,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .dialog-close:active,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .remove-logo-button:active,html:is([data-view=home],[data-view=newMatch],[data-view=clubs],[data-view=editClub],[data-view=account]) .club-logo-upload:active{transform:translateY(0)}}@keyframes workspace-page-in{0%{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-surface-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-panel-in{0%{opacity:0;transform:translateY(7px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes workspace-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-menu-in{0%{opacity:0;transform:translateY(-4px)scaleY(.985)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes workspace-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes workspace-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes workspace-message-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes club-heading-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes club-rail-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes club-surface-in{0%{opacity:0;transform:translateY(15px)scale(.994)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes club-rule-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.new-match-page .fixture-form,.club-edit-page .club-edit-form{border-top-color:#0000;position:relative}.new-match-page .fixture-form:before,.club-edit-page .club-edit-form:before{z-index:2;background:var(--yellow);content:"";transform-origin:0;height:5px;position:absolute;inset:-5px -1px auto}@media (prefers-reduced-motion:no-preference){.new-match-page .page-back,.club-edit-page .page-back{--setup-x:-9px;animation:setup-piece-in .26s var(--motion-settle) 25ms both}.new-match-page .page-intro,.club-edit-page .page-intro{--setup-y:13px;animation:setup-piece-in .34s var(--motion-settle) 55ms both}.new-match-page .fixture-form,.club-edit-page .club-edit-form{animation:setup-panel-in .42s var(--motion-settle) .105s both;transform-origin:top}.new-match-page .fixture-form:before,.club-edit-page .club-edit-form:before{animation:.46s cubic-bezier(.22,1,.36,1) .135s both setup-rule-in}.new-match-page .fixture-form>.club-select:first-child{--setup-x:-14px;animation:setup-piece-in .36s var(--motion-settle) .175s both}.new-match-page .fixture-form>b{--setup-scale:.62;--setup-rotate:-5deg;animation:.3s cubic-bezier(.2,.9,.25,1.22) .215s both setup-piece-in}.new-match-page .fixture-form>b+.club-select{--setup-x:14px;animation:setup-piece-in .36s var(--motion-settle) .195s both}.new-match-page .team-label-setting,.new-match-page .fixture-form>.button{--setup-y:7px;animation:setup-piece-in .3s var(--motion-settle) .26s both}.club-edit-page .club-edit-fields{--setup-x:-14px;animation:setup-piece-in .36s var(--motion-settle) .175s both}.club-edit-page .club-logo-editor{--setup-x:14px;animation:setup-piece-in .36s var(--motion-settle) .2s both}.join-role-overlay{animation:workspace-overlay-in var(--motion-quick) ease-out both}.join-role-dialog{animation:workspace-dialog-in var(--motion-emphasized) var(--motion-settle) 25ms both}.join-role-overlay.is-closing{pointer-events:none;animation:.18s ease-in both workspace-overlay-out}.join-role-overlay.is-closing .join-role-dialog{animation:.22s cubic-bezier(.4,0,1,1) both workspace-dialog-out}.device-drawer-overlay.is-closing{pointer-events:none;animation:.2s ease-in both device-overlay-out}.device-drawer-overlay.is-closing .device-drawer{animation:.24s cubic-bezier(.2,.75,.25,1) both device-drawer-out}}@keyframes setup-piece-in{0%{opacity:0;transform:translate(var(--setup-x,0), var(--setup-y,0)) scale(var(--setup-scale,1)) rotate(var(--setup-rotate,0deg))}to{opacity:1;transform:translateY(0)}}@keyframes setup-panel-in{0%{opacity:0;transform:translateY(18px)scale(.988)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes setup-rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.join-role-overlay,.join-role-dialog,.device-drawer-overlay,.device-drawer,.new-match-page,.new-match-page .page-back,.new-match-page .page-intro,.new-match-page .fixture-form,.new-match-page .fixture-form>*,.club-edit-page,.club-edit-page .page-back,.club-edit-page .page-intro,.club-edit-page .club-edit-form,.club-edit-page .club-edit-fields,.club-edit-page .club-logo-editor{animation:none!important}}@keyframes workspace-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes workspace-dialog-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.995)}}@keyframes device-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes device-drawer-out{0%{transform:translate(0,0)}to{transform:translate(105%)}}html[data-view=console] .active-match-heading .button,html[data-view=console] .active-match-heading .button svg,html[data-view=console] .active-match-list>button,html[data-view=console] .active-match-list>button:before,html[data-view=console] .active-fixture>strong,html[data-view=console] .active-score b,html[data-view=console] .active-chevron{transition-duration:var(--motion-quick);transition-timing-function:ease-out}html[data-view=console] .active-match-heading .button{transition-property:color,background-color,box-shadow,transform}html[data-view=console] .active-match-heading .button svg{transition-property:transform}html[data-view=console] .active-match-list>button{transition-property:border-color,background-color,box-shadow,transform;position:relative;overflow:hidden}html[data-view=console] .active-match-list>button:before{background:var(--blue);content:"";transform-origin:50%;width:3px;transition-property:transform;position:absolute;inset:8px auto 8px 0;transform:scaleY(0)}html[data-view=console] .active-fixture>strong,html[data-view=console] .active-chevron{transition-property:color,transform}html[data-view=console] .active-score b{transition-property:color}@media (prefers-reduced-motion:no-preference){html[data-view=console] .active-matches-panel{animation:console-panel-in .28s var(--motion-settle) both}html[data-view=console] .active-match-heading .status-label{animation:console-heading-in .26s var(--motion-settle) 45ms both}html[data-view=console] .active-match-heading h2{animation:console-heading-in .32s var(--motion-settle) 80ms both}html[data-view=console] .active-match-heading .button{animation:console-action-in .3s var(--motion-settle) .105s both}html[data-view=console] .active-match-list>button{animation:console-match-in .36s var(--motion-settle) .135s both}html[data-view=console] .active-match-list>button:nth-child(2){animation-delay:.18s}html[data-view=console] .active-match-list>button:nth-child(3){animation-delay:.225s}html[data-view=console] .active-match-list>button:nth-child(4){animation-delay:.27s}html[data-view=console] .active-match-list>button:nth-child(5){animation-delay:.315s}html[data-view=console] .active-match-list>button:nth-child(6){animation-delay:.36s}html[data-view=console] .active-match-empty{animation:console-empty-in .34s var(--motion-settle) .13s both}}@media (hover:hover) and (pointer:fine){html[data-view=console] .active-match-heading .button:hover{transform:translateY(-1px);box-shadow:4px 4px #1715441f}html[data-view=console] .active-match-heading .button:hover svg{transform:rotate(90deg)}html[data-view=console] .active-match-list>button:hover,html[data-view=console] .active-match-list>button:focus-visible{border-color:#b8bad5;transform:translateY(-1px);box-shadow:4px 4px #17154414}html[data-view=console] .active-match-list>button:hover:before,html[data-view=console] .active-match-list>button:focus-visible:before{transform:scaleY(1)}html[data-view=console] .active-match-list>button:hover .active-chevron,html[data-view=console] .active-match-list>button:focus-visible .active-chevron{transform:translate(3px)}html[data-view=console] .active-match-list>button:active,html[data-view=console] .active-match-heading .button:active{box-shadow:none;transform:translateY(0)scale(.995)}}@media (prefers-reduced-motion:reduce){html[data-view=console] .active-matches-panel,html[data-view=console] .active-match-heading .status-label,html[data-view=console] .active-match-heading h2,html[data-view=console] .active-match-heading .button,html[data-view=console] .active-match-list>button,html[data-view=console] .active-match-empty{animation:none!important}}@keyframes console-panel-in{0%{opacity:.78;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes console-heading-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes console-action-in{0%{opacity:0;transform:translate(7px)}to{opacity:1;transform:translate(0)}}@keyframes console-match-in{0%{opacity:0;transform:translateY(10px)scale(.998)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes console-empty-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){html[data-view=home] .home-active-link{animation:home-active-link-in .32s var(--motion-settle) .15s both}}@media (hover:hover) and (pointer:fine){html[data-view=home] .home-active-link:hover,html[data-view=home] .home-active-link:focus-visible{background:#4d47b512;transform:translateY(-1px)}html[data-view=home] .home-active-link:active{background:#4d47b51c;transform:translateY(0)scale(.99)}}@media (prefers-reduced-motion:reduce){html[data-view=home] .home-active-link{animation:none!important}}@keyframes home-active-link-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.status-label svg{vertical-align:-2px;width:12px;height:12px}.registration-page{max-width:1120px;min-height:100vh;padding-block:54px}.registration-heading{grid-template-rows:auto auto;grid-template-columns:54px 1fr;align-items:center;gap:2px 16px;margin-bottom:30px;display:grid}.registration-heading>img{object-fit:contain;grid-row:1/3;width:54px;height:54px}.registration-heading-plain{grid-template-columns:1fr;gap:2px}.registration-heading-plain>.status-label,.registration-heading-plain>h2{grid-column:1}.registration-heading h2{color:var(--navy);margin:0;font:700 clamp(42px,6vw,66px)/.92 Barlow Condensed}.registration-form{gap:14px;display:grid}.registration-club{border-top:6px solid var(--yellow);grid-template-columns:250px minmax(0,1fr);align-items:center;gap:44px;min-height:330px;padding:38px;display:grid;box-shadow:10px 10px #e5e7ec}.club-logo-picker{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.club-logo-preview{border:1px solid var(--line);background:var(--navy);color:#fff;place-items:center;width:190px;height:190px;display:grid;overflow:hidden;box-shadow:8px 8px #e4e6ec}.club-logo-preview img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.club-logo-preview strong{letter-spacing:.04em;font:700 42px Barlow Condensed}.club-logo-picker .club-logo-upload{width:190px}.registration-fields{grid-template-columns:minmax(0,1fr) 52px;gap:22px 14px;display:grid}.registration-fields label:first-child{grid-column:1/-1}.registration-fields label:last-child{width:52px}.registration-form label,.club-create-fields label,.club-settings-form label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:10px;font-weight:700;display:flex}.registration-form input,.club-create-fields input,.club-settings-form input,.quick-add-form input{border:1px solid var(--line);min-width:0;height:52px;color:var(--navy);transition:border-color var(--motion-quick) ease, background-color var(--motion-quick) ease, box-shadow var(--motion-quick) ease;background:#f8f9fb;padding:0 14px;font-size:14px}.registration-form input:focus,.club-create-fields input:focus,.club-settings-form input:focus,.quick-add-form input:focus{border-color:var(--blue);background:#fff;outline:3px solid #4245a61f}.registration-form input[type=color],.club-create-fields input[type=color],.club-settings-form input[type=color]{cursor:pointer;width:100%;padding:6px}.registration-fields input[type=color]{width:52px;height:52px}.registration-account{grid-template-columns:180px repeat(3,minmax(0,1fr));align-items:end;gap:14px;padding:28px 32px;display:grid}.registration-account>div{align-self:center}.registration-account h3{color:var(--navy);margin:5px 0 0;font:700 28px Barlow Condensed}.registration-form>footer{justify-content:flex-end;align-items:center;gap:18px;min-height:64px;display:flex}.registration-error{justify-self:end}.club-directory-page{max-width:1180px;padding-block:48px 70px}.club-directory-page .page-intro{margin-bottom:35px}.club-directory-page .page-intro h2{margin-top:6px}.club-directory-section+.club-directory-section{margin-top:42px}.club-directory-section>header{min-height:36px;color:var(--navy);align-items:center;gap:9px;margin-bottom:12px;display:flex}.club-directory-section>header svg{width:16px;color:var(--blue)}.club-directory-section>header strong{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.club-directory-section>header span{min-width:24px;height:24px;color:var(--muted);background:#e9ebf2;place-items:center;font:700 11px Barlow Condensed;display:grid}.local-club-section>header svg{color:var(--muted)}.directory-club-card{border-left:4px solid var(--club-accent,var(--navy));grid-template-columns:1fr;min-height:132px;padding:0;position:relative;overflow:hidden}.directory-club-card:before{z-index:1;background:var(--club-accent,var(--navy));content:"";opacity:.18;pointer-events:none;width:0;transition:width var(--motion-standard) var(--motion-settle);position:absolute;inset:0 auto 0 0}.directory-club-card:hover,.directory-club-card:focus-within{border-top-color:var(--line);border-right-color:var(--line);border-bottom-color:var(--line);border-left-color:var(--club-accent,var(--navy));transform:translateY(-2px)}.directory-club-card:hover:before,.directory-club-card:focus-within:before{width:8px}.club-card-main{text-align:left;background:0 0;border:0;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:132px;padding:18px 20px;display:grid}.club-card-main .team-badge{width:62px;height:62px}.club-card-main .club-card-copy small{align-items:center;gap:5px;display:flex}.club-card-main .club-card-copy small svg{width:10px}.club-card-destination{color:var(--blue);align-items:center;gap:7px;font-size:9px;font-weight:700;display:inline-flex}.club-card-destination svg{width:16px;transition:transform var(--motion-quick) ease}.club-card-main:hover .club-card-destination svg{transform:translate(3px)}.compact-empty{width:100%;min-height:112px;color:var(--muted);background:#f8f9fb;border:1px dashed #cdd0d9;align-content:center;place-items:center;gap:9px;font-size:9px;font-weight:700;display:grid}button.compact-empty{cursor:pointer}.compact-empty svg{width:21px;color:var(--blue)}.local-club-create-page,.club-detail-page{max-width:1050px;padding-block:42px 70px}.local-club-create-page .page-intro{margin:35px 0 24px}.club-create-workspace{border-top:6px solid var(--yellow);grid-template-columns:220px minmax(0,1fr);gap:34px;padding:34px;display:grid;box-shadow:10px 10px #e5e7ec}.club-create-workspace .club-logo-preview{width:170px;height:170px}.club-create-workspace .club-logo-picker .club-logo-upload{width:170px}.club-create-fields{grid-template-columns:minmax(0,1fr) 130px;align-content:center;gap:16px;display:grid}.club-create-fields label:first-child,.privacy-chip{grid-column:1/-1}.privacy-chip{width:fit-content;min-height:30px;color:var(--muted);background:#f0f1f5;align-items:center;gap:7px;padding:0 10px;font-size:8px;font-weight:700;display:inline-flex}.privacy-chip svg{width:12px}.club-create-workspace>.form-error,.club-create-workspace>footer{grid-column:1/-1}.club-create-workspace>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding-top:20px;display:flex}.club-profile-hero{border-top:6px solid #0000;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:28px;min-height:220px;margin-top:34px;padding:38px;display:grid;position:relative;box-shadow:10px 10px #e5e7ec}.club-profile-hero:after{background:var(--club-accent,var(--yellow));content:"";transform-origin:0;pointer-events:none;height:6px;position:absolute;inset:-6px -1px auto}.club-profile-hero .team-badge{width:130px;height:130px;font-size:34px}.club-profile-hero .status-label{align-items:center;gap:5px;display:inline-flex}.club-profile-hero h2{color:var(--navy);margin:9px 0 4px;font:700 clamp(42px,6vw,64px)/.92 Barlow Condensed}.club-profile-hero p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.public-roster{margin-top:48px}.public-roster>header h3,.roster-manager>header h3{color:var(--navy);margin:5px 0 0;font:700 36px Barlow Condensed}.public-group-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.public-group-grid>article{border-left:3px solid var(--blue);flex-direction:column;min-height:130px;padding:20px;display:flex}.public-group-grid>article>strong{font:700 28px Barlow Condensed}.public-group-grid>article>span{color:var(--muted);font-size:8px}.public-group-grid>article>div{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:14px;display:flex}.public-group-grid small{color:var(--navy);background:#f0f1f5;padding:5px 7px;font-size:7px;font-weight:700}.club-edit-page.registration-page{max-width:1280px;min-height:100vh;padding-block:30px 70px}.club-edit-page .page-back{margin-bottom:18px}.club-update-heading{justify-content:space-between;align-items:flex-end;gap:30px;min-height:88px;margin-bottom:28px;display:flex}.club-update-heading .status-label{margin-bottom:4px;display:block}.club-update-heading h2{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;margin:0;font:700 clamp(44px,5vw,62px)/.92 Barlow Condensed;overflow:hidden}.club-management-stats{gap:8px;display:flex}.club-management-stats span{border-left:3px solid var(--yellow);min-width:92px;min-height:54px;color:var(--muted);text-transform:uppercase;background:#fff;flex-direction:column;justify-content:center;padding:9px 12px;font-size:8px;font-weight:700;display:flex}.club-management-stats strong{color:var(--navy);font:700 22px/.85 Barlow Condensed}.club-management-layout{grid-template-columns:162px minmax(0,1fr);align-items:start;gap:28px;display:grid}.club-management-nav{gap:5px;display:grid;position:sticky;top:24px}.club-management-nav button{min-height:48px;color:var(--muted);text-align:left;transition:background-color var(--motion-quick) ease, box-shadow var(--motion-quick) ease, color var(--motion-quick) ease, transform var(--motion-standard) var(--motion-settle);background:0 0;border:0;grid-template-columns:25px minmax(0,1fr) 14px;align-items:center;gap:7px;padding:0 10px;display:grid;position:relative;overflow:hidden}.club-management-nav button:before{content:"";background:var(--yellow);width:3px;transition:inset var(--motion-standard) var(--motion-settle);position:absolute;inset:50% auto 50% 0}.club-management-nav button:hover,.club-management-nav button:focus-visible{color:var(--navy);background:#fff9}.club-management-nav button.is-active{color:var(--navy);background:#fff;transform:translate(5px);box-shadow:4px 4px #e4e6eb}.club-management-nav button.is-active:before{inset-block:0}.club-management-nav span{color:#a2a5b1;transition:color var(--motion-quick) ease;font:700 11px Barlow Condensed}.club-management-nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.club-management-nav svg{opacity:0;width:13px;transition:opacity var(--motion-quick) ease, transform var(--motion-standard) var(--motion-settle);transform:translate(-5px)}.club-management-nav button.is-active span{color:var(--blue)}.club-management-nav button.is-active svg{opacity:1;transform:translate(0)}.club-management-content{gap:38px;min-width:0;display:grid}.club-management-section{min-width:0;scroll-margin-top:24px}.club-management-section>header{align-items:center;gap:10px;min-height:42px;margin-bottom:12px;display:flex}.club-management-section>header>span,.roster-manager>header>div>span{background:var(--navy);width:28px;height:28px;color:var(--yellow);place-items:center;font:700 11px Barlow Condensed;display:grid}.club-management-section>header h3{color:var(--navy);margin:0;font:700 34px/.95 Barlow Condensed}.club-update-form .registration-club{border-top:4px solid var(--yellow);grid-template-columns:174px minmax(0,1fr);gap:28px;min-height:0;padding:24px 26px;box-shadow:7px 7px #e5e7ec}.club-update-form .club-logo-preview{width:142px;height:142px}.club-update-form .club-logo-picker .club-logo-upload,.club-update-form .club-logo-remove{width:142px}.club-update-form .club-logo-upload{min-height:44px}.club-update-form .club-logo-remove{min-height:34px}.club-update-form input,.club-update-form .registration-fields input[type=color]{height:48px}.club-update-form>footer{min-height:50px}.club-update-form>.club-edit-footer{justify-content:space-between}.club-edit-footer>div{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.club-edit-footer>.button,.club-edit-footer .delete-local-button{min-width:150px}.club-update-form>.form-error{justify-self:end;margin:0}.club-logo-remove{min-height:38px;color:var(--red);transition:border-color var(--motion-quick) ease, background-color var(--motion-quick) ease;background:#fff8f8;border:1px solid #e5c8ca;justify-content:center;align-items:center;gap:7px;margin-top:-8px;font-size:9px;font-weight:700;display:inline-flex}.club-logo-remove:hover{border-color:var(--red);background:#fff0f1}.club-logo-remove svg{width:13px}.save-confirmation{color:var(--green);align-items:center;gap:5px;font-size:8px;font-weight:700;display:inline-flex}.save-confirmation svg{width:12px}.roster-manager{margin-top:0}.roster-manager>header{justify-content:space-between;align-items:center;gap:28px;min-height:52px;margin-bottom:14px;display:flex}.roster-manager>header>div{align-items:center;gap:10px;display:flex}.roster-manager>header h3{letter-spacing:-.01em;margin:0;font-size:34px}.quick-add-form{grid-template-columns:minmax(0,1fr) 44px;min-width:0;display:grid}.quick-add-form input{height:44px}.quick-add-form button{background:var(--navy);color:#fff;border:0;place-items:center;width:44px;height:44px;display:grid}.quick-add-form button:hover{background:var(--blue)}.quick-add-form svg{width:15px}.quick-add-form button span{display:none}.age-add-form{grid-template-columns:minmax(0,1fr) 116px;width:min(100%,320px);box-shadow:5px 5px #e5e7ec}.age-add-form input{height:52px;font:700 18px Barlow Condensed}.age-add-form button{text-transform:uppercase;gap:7px;width:116px;height:52px;font-size:9px;font-weight:700;display:flex}.age-add-form button span{display:inline}.age-group-list{gap:18px;display:grid}.age-group-editor{border-top:4px solid var(--blue);scroll-margin-block-end:56px;overflow:hidden;box-shadow:7px 7px #e5e7ec}.age-group-editor>header{grid-template-columns:minmax(190px,1fr) minmax(300px,420px) 34px;align-items:center;gap:14px;min-height:78px;padding:12px 14px;display:grid}.age-group-heading{align-items:center;gap:11px;min-width:0;display:flex}.age-group-toggle{width:36px;height:36px;color:var(--blue);background:#f0f1f5;border:0;flex:none;place-items:center;padding:0;display:grid}.age-group-toggle:hover{background:var(--navy);color:var(--yellow)}.age-group-toggle svg{width:15px;transition:transform var(--motion-standard) var(--motion-settle)}.age-group-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.age-group-name{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:0;padding:0;display:flex}.age-group-name>span{align-items:center;gap:7px;min-width:0;display:flex}.age-group-name strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font:700 31px/.95 Barlow Condensed;overflow:hidden}.age-group-name svg{color:#a2a5b1;opacity:0;width:12px;transition:opacity var(--motion-quick) ease, color var(--motion-quick) ease;flex:none}.age-group-name:hover svg,.age-group-name:focus-visible svg{color:var(--blue);opacity:1}.age-group-name small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:700}.age-group-rename{grid-template-columns:minmax(90px,170px) 32px 32px;min-width:0;display:grid}.age-group-rename input{border:1px solid var(--blue);background:#fff;min-width:0;height:36px;padding:0 9px;font:700 22px Barlow Condensed}.age-group-rename button{background:var(--navy);color:#fff;border:0;place-items:center;width:32px;height:36px;display:grid}.age-group-rename button:last-child{color:var(--muted);background:#eceef3}.age-group-rename svg{width:13px}.age-player-add-form{grid-template-columns:minmax(0,1fr) 96px;box-shadow:4px 4px #e5e7ec}.age-player-add-form input{min-width:0;height:46px;padding-inline:13px;font-size:12px}.age-player-add-form button{text-transform:uppercase;justify-content:center;align-items:center;gap:7px;width:96px;height:46px;font-size:8px;font-weight:700;display:flex}.age-player-add-form button span{display:inline}.age-group-content{border-top:1px solid var(--line);background:#f4f5f8;padding-top:9px}.age-group-secondary-bar{justify-content:flex-end;min-height:38px;padding:0 14px 9px;display:flex;position:relative;overflow:hidden}.section-create-trigger{min-height:34px;color:var(--muted);opacity:1;transition:border-color var(--motion-quick) ease, background-color var(--motion-quick) ease, color var(--motion-quick) ease, opacity .14s ease, transform var(--motion-standard) var(--motion-settle);background:0 0;border:1px solid #d8dbe3;align-items:center;gap:6px;padding:0 10px;font-size:8px;font-weight:700;display:inline-flex;transform:translate(0)}.section-create-trigger:hover{border-color:var(--blue);color:var(--blue);background:#fff}.section-create-trigger svg{width:12px}.age-group-secondary-bar.is-creating-section .section-create-trigger{pointer-events:none;opacity:0;transform:translate(12px)}.section-create-reveal{opacity:0;pointer-events:none;transform-origin:100%;width:min(100%,310px);transition:opacity .16s ease, transform var(--motion-standard) var(--motion-settle);position:absolute;top:0;right:14px;transform:translate(18px)scaleX(.94)}.age-group-secondary-bar.is-creating-section .section-create-reveal{opacity:1;pointer-events:auto;transform:translate(0)scaleX(1)}.section-create-form{grid-template-columns:minmax(0,1fr) 38px 38px;width:min(100%,310px);min-width:0;display:grid;box-shadow:3px 3px #e1e3e9}.section-create-form input{border:1px solid var(--line);min-width:0;height:38px;color:var(--navy);background:#fff;padding:0 10px;font-size:10px}.section-create-form input:focus{border-color:var(--blue);background:#fff;outline:3px solid #4245a61f}.section-create-form button{background:var(--navy);color:#fff;border:0;place-items:center;width:38px;height:38px;display:grid}.section-create-form button:last-child{color:var(--muted);background:#e9ebf0}.section-create-form button:hover{background:var(--blue)}.section-create-form button svg{width:13px}.danger-icon{width:34px;height:34px;color:var(--red);border:1px solid #ead3d5}.danger-icon svg{width:13px}.age-group-delete{justify-self:end}.age-group-collapse{opacity:0;transition:grid-template-rows .36s var(--motion-settle), opacity .18s ease;grid-template-rows:0fr;display:grid}.age-group-collapse.is-open{opacity:1;grid-template-rows:1fr}.age-group-collapse>div{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.age-group-collapse,.age-group-toggle svg,.section-create-trigger,.section-create-reveal,.club-management-nav button,.club-management-nav button:before,.club-management-nav svg{transition:none}}.age-group-body{scrollbar-color:#c8cad4 transparent;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:10px;padding:0 14px 14px;display:grid;overflow-x:auto}.roster-lane{border:1px solid var(--line);min-height:228px;transition:border-color var(--motion-quick) ease, box-shadow var(--motion-quick) ease, background-color var(--motion-quick) ease;background:#fff;flex-direction:column;padding:12px;display:flex}.roster-lane.is-drop-target{border-color:var(--blue);background:#f8f8ff;box-shadow:inset 0 0 0 2px #4245a61f}.roster-lane>header{justify-content:space-between;align-items:center;gap:10px;min-height:38px;margin-bottom:10px;display:flex}.roster-lane>header>div{align-items:center;gap:8px;min-width:0;display:flex}.roster-lane>header strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font:700 24px Barlow Condensed;overflow:hidden}.roster-lane>header span{min-width:24px;height:24px;color:var(--muted);background:#eceef3;place-items:center;font:700 12px Barlow Condensed;display:grid}.roster-lane>header>button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.roster-lane>header>button:hover{color:var(--red)}.roster-lane>header>button svg{width:13px}.roster-player-list{flex-direction:column;gap:6px;min-height:132px;margin-bottom:10px;display:flex}.roster-player-card{border:1px solid var(--line);min-height:42px;color:var(--navy);cursor:grab;touch-action:none;transition:border-color var(--motion-quick) ease, box-shadow var(--motion-quick) ease, transform var(--motion-quick) ease;background:#f9fafb;grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;gap:7px;padding:0 5px 0 8px;display:grid}.roster-player-card:hover{border-color:#c4c7d2;transform:translateY(-1px);box-shadow:3px 3px #e7e8ed}.roster-player-card:active{cursor:grabbing}.roster-player-card.is-dragging{opacity:.45;border-color:var(--blue);box-shadow:none;transform:scale(.98)}.roster-player-card>svg{color:#a1a4b0;width:15px}.roster-player-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.roster-player-card button{color:#a1a4b0;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.roster-player-card button:hover{color:var(--red)}.roster-player-card button svg{width:12px}.roster-lane-empty{color:#8d909e;border:1px dashed #d5d8e0;place-items:center;min-height:72px;margin:2px 0;font-size:10px;font-weight:700;display:grid}.club-edit-footer .delete-local-button{border-color:var(--red);background:var(--red);color:#fff;margin:0}.club-edit-footer .delete-local-button:hover{background:#aa3e44}.club-edit-footer .delete-local-button svg{width:14px}.account-summary>.team-badge{width:96px;height:96px;margin-bottom:24px;font-size:25px}.auth-secondary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-secondary-actions .auth-switch{border:1px solid var(--line);background:#f8f9fb;min-height:42px;padding:0 10px}.auth-secondary-actions .auth-switch:hover{border-color:var(--blue);background:#fff}.auth-flow-page{place-items:center;min-height:100vh;display:grid}.auth-flow-card{border-top:6px solid var(--yellow);flex-direction:column;gap:14px;width:min(100%,440px);padding:38px;display:flex;box-shadow:10px 10px #e5e7ec}.auth-flow-icon{background:var(--navy);width:56px;height:56px;color:var(--yellow);place-items:center;display:grid}.auth-flow-icon svg{width:22px}.auth-flow-card h2{color:var(--navy);margin:3px 0 0;font:700 38px/.95 Barlow Condensed}.auth-flow-card>p:not(.form-error){color:var(--muted);margin:-5px 0 8px;font-size:9px}.auth-flow-card label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:10px;font-weight:700;display:flex}.auth-flow-card input{border:1px solid var(--line);background:#f8f9fb;height:52px;padding:0 14px;font-size:14px}.auth-flow-card input[name=code]{color:var(--navy);letter-spacing:.25em;text-align:center;font:700 24px Barlow Condensed}.auth-flow-card .auth-switch{min-height:34px}@media (prefers-reduced-motion:no-preference){.auth-flow-card,.registration-club,.club-create-workspace{animation:workspace-surface-in var(--motion-emphasized) var(--motion-settle) both}.registration-account,.club-directory-section{animation:workspace-panel-in var(--motion-emphasized) var(--motion-settle) 70ms both}.directory-club-card{animation:console-match-in var(--motion-standard) var(--motion-settle) both}.club-edit-page>.page-back,.club-detail-page>.page-back{animation:club-rail-in .26s var(--motion-settle) both}.club-edit-page>.club-update-heading{animation:club-heading-in .36s var(--motion-settle) 35ms both}.club-edit-page .club-management-nav{animation:club-rail-in .34s var(--motion-settle) 85ms both}.club-edit-page .club-management-content{animation:club-surface-in .43s var(--motion-settle) .105s both}.club-detail-page .club-profile-hero{animation:club-surface-in .43s var(--motion-settle) 50ms both}.club-detail-page .club-profile-hero:after{animation:.52s cubic-bezier(.22,1,.36,1) .12s both club-rule-in}.club-detail-page .public-roster{animation:club-heading-in .38s var(--motion-settle) .125s both}}@media (width<=900px){.registration-club{grid-template-columns:190px minmax(0,1fr);gap:28px;padding:28px}.club-logo-preview{width:160px;height:160px}.club-logo-picker .club-logo-upload{width:160px}.club-update-form .club-logo-remove{width:150px}.registration-account{grid-template-columns:1fr 1fr}.registration-account>div{grid-column:1/-1}.public-group-grid{grid-template-columns:1fr 1fr}.club-management-layout{grid-template-columns:1fr;gap:22px}.club-management-nav{display:flex;position:static;overflow-x:auto}.club-management-nav button{min-width:max-content;padding-inline:12px}.club-management-nav button:before{width:auto;height:3px;transition:inset var(--motion-standard) var(--motion-settle);inset:auto 50% 0}.club-management-nav button.is-active{transform:translateY(-2px)}.club-management-nav button.is-active:before{inset-inline:0}.age-group-editor>header{grid-template-columns:minmax(0,1fr) auto}.age-player-add-form{grid-area:2/1/auto/-1;width:100%}.age-group-delete{grid-area:1/2}.age-group-body{grid-template-columns:1fr}}@media (width<=680px){.registration-page,.club-directory-page,.local-club-create-page,.club-detail-page,.club-edit-page{padding-top:24px}.registration-heading{margin:28px 0 20px}.registration-heading h2{font-size:43px}.registration-club,.club-create-workspace{grid-template-columns:1fr;gap:24px;padding:22px 18px}.registration-fields,.club-create-fields{grid-template-columns:1fr}.registration-fields label:first-child,.club-create-fields label:first-child,.privacy-chip{grid-column:1;width:100%}.registration-fields label:last-child{grid-column:1}.registration-account{grid-template-columns:1fr;padding:22px 18px}.registration-account>div{grid-column:1}.registration-form>footer{flex-direction:column-reverse;align-items:stretch}.registration-form>footer .button{width:100%}.club-grid,.public-group-grid{grid-template-columns:1fr}.club-create-workspace .club-logo-preview{width:160px;height:160px}.club-create-workspace .club-logo-picker .club-logo-upload{width:160px}.club-update-form .club-logo-remove{width:150px}.club-profile-hero{grid-template-columns:86px minmax(0,1fr);gap:17px;padding:26px 20px}.club-profile-hero .team-badge{width:86px;height:86px;font-size:24px}.club-profile-hero h2{font-size:37px}.club-profile-hero>.button{grid-column:1/-1;width:100%}.club-update-heading{flex-direction:column;align-items:flex-start;gap:14px;min-height:0}.club-update-heading h2{white-space:normal;font-size:44px}.club-management-stats{width:100%}.club-management-stats span{flex:1;min-width:0}.club-management-section>header h3,.roster-manager>header h3{font-size:30px}.roster-manager>header{flex-direction:column;align-items:stretch}.roster-manager>header>div{align-self:flex-start}.age-add-form{width:100%}.age-group-editor>header{align-items:flex-start;gap:14px 10px;padding:15px}.age-group-heading{align-items:flex-start}.age-group-name strong{font-size:28px}.age-player-add-form{grid-template-columns:minmax(0,1fr) 48px}.age-player-add-form button{width:48px}.age-player-add-form button span{display:none}.age-group-body{grid-auto-columns:minmax(248px,82vw);padding:14px}.auth-flow-card{padding:28px 20px}}