:root{--bg: #0b0e12;--panel: #141a21;--panel-2: #1c242e;--line: #283441;--text: #e9eef3;--dim: #8a98a8;--accent: #16d27a;--accent-dark: #0f9a59;--blue: #2f7bff;--red: #ff3b46;--yellow: #ffd23f;--warn: #ffb020;--gol: #16d27a;--xut: #39b6ff;--assist: #c08bff;--rec: #26c6a4;--perd: #ff7a59;--atur: #ffd23f;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}body{overflow:auto;-webkit-user-select:text;user-select:text;touch-action:manipulation;scrollbar-color:#3a4857 #0b0e12;scrollbar-width:thin}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#0b0e12}*::-webkit-scrollbar-thumb{border:2px solid #0b0e12;border-radius:999px;background:#3a4857}button,.live-screen{-webkit-user-select:none;user-select:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:2px}button,input,select{font:inherit}button{min-height:48px;cursor:pointer}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg)}.landing-page{min-height:100dvh;background:#0b0e12}.landing-header,.landing-hero,.landing-steps,.landing-band,.landing-showcase,.pricing-section,.faq-section,.landing-final-cta,.login-section,.landing-footer{--landing-gutter: clamp(18px, 5vw, 72px)}.landing-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(40,52,65,.82);background:#0b0e12eb;padding:12px var(--landing-gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-brand,.login-link{color:var(--text);font-weight:900;text-decoration:none}.landing-brand{display:inline-flex;align-items:center;gap:10px;font-size:18px}.landing-brand img{width:30px;height:30px;border:1px solid rgba(113,131,151,.24);border-radius:8px;background:#0b0e12}.landing-nav{display:flex;align-items:center;gap:12px}.landing-nav .language-switcher{margin-top:0}.login-link{color:var(--dim);font-size:13px}.landing-hero{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(360px,1fr);gap:clamp(28px,5vw,72px);align-items:center;min-height:auto;padding:clamp(40px,7vw,78px) var(--landing-gutter) clamp(42px,6vw,70px);border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(22,210,122,.18),transparent 36%),linear-gradient(180deg,#121922,#0b0e12)}.landing-hero.compact{display:flex;min-height:100dvh}.landing-copy{max-width:620px}.landing-copy h1,.landing-hero.compact h1{margin:0;max-width:620px;font-size:clamp(38px,4.25vw,56px);line-height:1.06}.landing-copy p{max-width:560px;margin:16px 0 0;color:#bdc8d5;font-size:17px;line-height:1.55}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.language-switcher{display:inline-flex;flex-wrap:nowrap;gap:4px;margin-top:18px;white-space:nowrap}.legal-nav .language-switcher{margin-top:0}.language-switcher button,.language-switcher a{display:inline-flex;align-items:center;justify-content:center;width:34px;min-height:30px;border:1px solid var(--line);border-radius:7px;color:var(--dim);background:var(--panel-2);font-size:11px;font-weight:900;text-decoration:none}.language-switcher .active{border-color:var(--accent);color:#07100c;background:var(--accent)}.landing-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--accent);border-radius:8px;color:#07100c;background:var(--accent);padding:0 16px;font-weight:900;text-decoration:none;text-transform:uppercase}.landing-actions a+a{border-color:var(--line);color:var(--text);background:var(--panel-2)}.access-email-reminder{display:flex;gap:7px;align-items:flex-start;max-width:560px;margin:10px 0 0;color:var(--dim);font-size:12px;font-weight:750;line-height:1.45}.access-email-reminder svg{flex:0 0 auto;margin-top:1px;color:var(--accent)}.landing-showcase-copy .access-email-reminder,.login-card .access-email-reminder{margin:0;font-size:12px}.landing-final-cta>.access-email-reminder{flex:1 0 100%;max-width:none;margin:-8px 0 0}.hero-product-shot{min-width:0;max-width:640px;margin:0;overflow:hidden;border:1px solid rgba(69,87,106,.9);border-radius:8px;background:#0f141b;box-shadow:0 26px 90px #0000006b}.hero-product-shot img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top left}.login-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:#141a21f0;padding:18px;box-shadow:0 18px 60px #00000057}.login-card>div{display:flex;gap:9px;align-items:center}.login-card svg{color:var(--accent)}.login-card h2,.landing-band h2,.landing-content h2,.faq-section h2{margin:0}.login-card .primary-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;margin-top:4px}.login-card .secondary-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2);font-weight:900;text-decoration:none}.login-help{margin:0;color:var(--dim);font-size:12px;line-height:1.45}.login-text-action{justify-self:start;border:0;padding:2px 0;color:var(--accent);background:transparent;font-size:13px;font-weight:800;text-align:left}.login-text-action:hover{color:var(--text)}.landing-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:28px var(--landing-gutter)}.section-intro{grid-column:1 / -1;max-width:700px}.section-intro h2,.landing-steps h2,.landing-final-cta h2{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.08}.landing-band article,.landing-content>div,.faq-section details{border:0;border-radius:0;background:transparent;padding:0}.landing-steps{padding:28px var(--landing-gutter);border-bottom:1px solid var(--line);background:#0e1319}.landing-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;counter-reset:steps;list-style:none}.landing-steps li{position:relative;min-height:82px;border-top:1px solid rgba(113,131,151,.28);padding:38px 4px 0;color:#d7dee8;line-height:1.45}.landing-steps li:before{position:absolute;top:14px;left:16px;counter-increment:steps;content:counter(steps);display:grid;place-items:center;width:24px;height:24px;border-radius:999px;color:#07100c;background:var(--accent);font-size:13px;font-weight:900}.landing-band svg{color:var(--accent)}.landing-band h2{margin-top:12px;font-size:18px}.landing-band p,.landing-content p,.faq-section p,.landing-content li{color:#b5c0cc;line-height:1.55}.landing-content{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 clamp(18px,5vw,72px) 26px}.landing-content ol{margin:12px 0 0;padding-left:22px}.landing-showcase{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);gap:clamp(18px,3vw,32px);align-items:start;border-top:1px solid rgba(113,131,151,.16);padding:34px var(--landing-gutter) 34px}.landing-showcase-copy{position:sticky;top:18px;display:grid;gap:12px;padding-top:8px}.landing-showcase-copy h2{margin:0;font-size:clamp(27px,3.3vw,42px);line-height:1.08}.landing-showcase-copy p:not(.eyebrow){margin:0;color:#b5c0cc;font-size:17px;line-height:1.6}.demo-credentials{border-left:2px solid var(--accent);background:transparent;padding:4px 0 4px 12px;overflow-wrap:anywhere}.demo-credentials strong{color:var(--accent)}.demo-tour-list{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.demo-tour-list li{position:relative;border-left:2px solid rgba(22,210,122,.48);padding-left:10px;color:var(--dim);font-size:13px;font-weight:850;line-height:1.35}.pricing-section{display:grid;gap:18px;border-top:1px solid rgba(113,131,151,.16);padding:38px var(--landing-gutter) 38px}.pricing-section .section-intro p:not(.eyebrow){max-width:760px;margin:12px 0 0;color:#b5c0cc;font-size:17px;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(113,131,151,.24);border-bottom:1px solid rgba(113,131,151,.24)}.pricing-grid article{display:grid;gap:8px;align-content:start;min-height:150px;border:0;border-right:1px solid rgba(113,131,151,.22);background:transparent;padding:18px 22px 20px 0}.pricing-grid article+article{padding-left:22px}.pricing-grid article:last-child{border-right:0}.pricing-grid .featured-plan{background:linear-gradient(180deg,#16d27a0e,#16d27a04)}.pricing-grid h3,.pricing-grid p,.pricing-grid strong{margin:0}.pricing-grid h3{color:#f3f7fb;font-size:18px}.pricing-grid p{color:#b5c0cc;line-height:1.45}.pricing-grid strong{margin-top:8px;color:var(--accent);font-size:clamp(25px,2.8vw,34px);line-height:1}.pricing-note{max-width:860px;margin:0;border:0;background:transparent;padding:0;color:#9fadb9;line-height:1.55}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.showcase-shot{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(113,131,151,.24);border-radius:8px;background:#0f141b}.showcase-shot.primary-shot{grid-column:1 / -1}.showcase-shot img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top left;background:#0f141b}.showcase-shot figcaption{min-height:48px;margin:0;padding:11px 2px 0;color:#b7c2ce;background:#0b0e12;font-size:13px;font-weight:900;line-height:1.35}.faq-section{display:grid;gap:0;border-top:1px solid rgba(113,131,151,.16);padding:0 var(--landing-gutter) 34px}.faq-section h2{padding-top:30px}.faq-section details{border-bottom:1px solid rgba(113,131,151,.18);padding:14px 0}.faq-section summary{cursor:pointer;font-weight:900}.landing-final-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin:0 var(--landing-gutter) 28px;border-top:1px solid rgba(113,131,151,.24);border-bottom:1px solid rgba(113,131,151,.24);background:transparent;padding:22px 0}.landing-final-cta>div:first-child{max-width:780px}.login-section{padding:0 var(--landing-gutter) 36px}.discreet-login{max-width:440px;box-shadow:none}.landing-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px var(--landing-gutter) 96px;border-top:1px solid var(--line);color:var(--dim);background:#090c10}.landing-footer a,.landing-footer button{border:0;color:var(--dim);background:transparent;padding:0;font-size:13px;font-weight:900;text-decoration:none;text-transform:uppercase}.landing-footer button{display:inline-flex;gap:6px;align-items:center;min-height:auto}.legal-page{min-height:100dvh;padding:24px clamp(18px,5vw,72px) 112px;background:linear-gradient(120deg,rgba(22,210,122,.12),transparent 36%),#0b0e12}.legal-nav{display:flex;align-items:center;gap:12px;max-width:none;margin:0}.legal-content{max-width:900px;margin:0 auto;-webkit-user-select:text;user-select:text}.legal-content h1{margin:0 0 18px;font-size:42px;line-height:1.05}.legal-content h2{margin:28px 0 8px;font-size:20px}.legal-content p{margin:0 0 12px;color:#bdc8d5;line-height:1.65}.topbar{display:grid;grid-template-columns:84px 1fr 46px;gap:7px;align-items:center;padding:6px 9px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#10161d,#0b0e12)}.clock-stack{display:grid;gap:4px}.clock{width:84px;min-height:32px;border:0;border-radius:8px;color:var(--text);background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:900;letter-spacing:0}.clock.running{color:var(--accent)}.period-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.period-tabs button,.segmented button,.quick-actions button,.bottom-nav button,.section-head button{border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2);font-weight:800;text-transform:uppercase}.period-tabs button{min-height:26px;font-size:12px}.timeout-strip{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border-top:1px solid #3a3320;border-bottom:1px solid #3a3320;background:#201a0e;padding:8px 10px;color:#ffe3a3;font-size:13px;font-weight:900;text-transform:uppercase}.timeout-strip strong{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.period-tabs .active{border-color:var(--accent);color:var(--accent)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0}.segmented button{min-height:34px;font-size:11px}.segmented .active{border-color:var(--accent);color:#07100c;background:var(--accent)}.scoreboard{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;text-align:center;gap:3px}.scoreboard div{min-width:0}.scoreboard span{display:block;color:var(--dim);font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.scoreboard strong{display:block;margin-top:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;line-height:1}.scoreboard .us-score{color:var(--accent)}.icon-button{display:grid;place-items:center;width:46px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2)}.icon-button.go{border-color:var(--accent);background:#0e3a26}.icon-button.stop,.danger{border-color:#5e2c33;background:#3a2226;color:#ffc7cc}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:7px;padding:7px 9px;border-bottom:1px solid var(--line)}.quick-actions .active{border-color:var(--accent);color:#07100c;background:var(--accent)}.quick-actions button,.bottom-nav button,.section-head button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-width:0;font-size:12px}.bottom-nav button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-inline:3px;font-size:11px;text-transform:none;letter-spacing:-.2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px 4px;color:var(--dim);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.tracking-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;border-bottom:1px solid var(--line);background:#0d131a;padding:8px 9px}.tracking-strip label{margin:0}.tracking-strip .compact-button{gap:5px;padding:0 10px;white-space:nowrap}.fixed-player-pill{border-color:var(--accent);color:var(--accent);background:#0b1d15;font-weight:900}.court-strip{flex:0 0 auto}.suspension-strip{flex:0 0 auto;border-top:1px solid #1d2630;border-bottom:1px solid #1d2630;background:#101722}.suspension-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:6px;padding:0 10px 8px}.suspension-pill{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;min-height:38px;border:1px solid var(--blue);border-radius:8px;background:#16315f;padding:7px 9px;font-weight:900}.suspension-pill span{overflow:hidden;color:#dce9ff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.suspension-pill strong{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chips{display:flex;gap:6px;overflow-x:auto;padding:0 9px 7px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:34px;border:1px solid var(--accent-dark);border-radius:999px;color:var(--text);background:var(--panel-2);padding:6px 10px;font-weight:800}.chip b{color:var(--accent)}.chip.gk{border-color:var(--atur)}.chip.gk b{color:var(--atur)}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow-y:auto;padding:3px 9px 8px}.player-card{position:relative;display:grid;align-content:center;min-height:66px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel);text-align:center}.player-card.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-dark)}.player-card.bench{opacity:.56}.player-card.suspended{border-color:var(--blue);background:#13213a;opacity:.74}.player-card strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px}.player-card.on strong{color:var(--accent)}.player-card span:last-child{overflow:hidden;padding:0 5px;color:var(--dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fixed-capture-actions{display:grid;align-content:start;gap:10px;overflow-y:auto;padding:8px 9px 10px}.tracked-player-card{display:grid;gap:3px;border:1px solid var(--accent-dark);border-radius:8px;background:#0d1a15;padding:10px 12px}.tracked-player-card span{color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.tracked-player-card strong{color:var(--accent);font-size:18px}.badge,.gk-badge,.suspension-badge{position:absolute;top:5px;border-radius:5px;padding:2px 5px;font-size:10px;font-weight:900}.badge{left:5px;color:var(--accent)}.gk-badge{right:5px;color:#090b0d;background:var(--atur)}.suspension-badge{left:5px;color:#fff;background:var(--blue)}.log{flex:0 0 21vh;min-height:118px;border-top:1px solid var(--line);background:var(--panel)}.log .section-head{padding-top:6px}.log .section-head button{min-height:34px;padding:0 10px}.log-list{max-height:calc(21vh - 42px);overflow-y:auto;padding:0 8px 8px}.log-row{display:grid;grid-template-columns:48px 1fr 36px;gap:6px;align-items:center;min-height:34px;border-bottom:1px solid #1d2630;font-size:13px}.log-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minute{color:var(--dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800}.log-row button{display:grid;place-items:center;min-height:32px;border:0;color:var(--red);background:transparent}.empty{color:var(--dim);font-size:13px;text-align:center}.sheet-empty{grid-column:1 / -1}.bottom-nav{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr 52px;gap:6px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#090c10}.possession-bottom-nav{grid-template-columns:1fr 1fr 1fr 1fr 52px}.possession-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.possession-capture-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:280px;padding:14px}.possession-big-button{display:grid;align-content:center;justify-items:center;gap:12px;min-height:240px;border:2px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel);text-align:center}.possession-big-button.active{border-color:var(--accent);background:#0d2a1c;box-shadow:inset 0 0 0 2px var(--accent-dark)}.possession-big-button.rival.active{border-color:var(--yellow);background:#2a240d;box-shadow:inset 0 0 0 2px #a78617}.possession-big-button span{max-width:100%;overflow:hidden;color:var(--dim);font-size:13px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.possession-big-button strong{font-size:24px;line-height:1.05;text-transform:uppercase}.possession-big-button b{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:42px}.possession-big-button.rival b{color:var(--yellow)}.overlay,.summary-modal{position:fixed;inset:0;z-index:20;background:#0000009e}.overlay{display:flex;align-items:flex-end}.sheet{width:100%;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;background:var(--panel);padding:12px 12px calc(14px + env(safe-area-inset-bottom))}.sheet header,.summary-modal header,.setup-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet h2,.summary-modal h2,.setup-top h1{margin:0;font-size:20px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.action-groups{display:grid;gap:14px;margin-top:12px}.action-group h3{margin:0;color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.action-group .action-grid{margin-top:7px}.action-grid button{display:grid;align-content:center;gap:4px;min-height:76px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2)}.action-button{position:relative;overflow:hidden;border-color:var(--action-color)}.action-button:before{position:absolute;inset:0;content:"";background:color-mix(in srgb,var(--action-color) 20%,transparent);pointer-events:none}.action-button b,.action-button span{position:relative}.action-button.groga,.action-button.blava,.action-button.vermella{color:#07100c;background:var(--action-color)}.action-button.blava,.action-button.vermella{color:#fff}.action-grid b{font-size:22px}.action-grid span{overflow-wrap:anywhere;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:-.2px}.inline-gk{justify-self:center;border-radius:5px;color:#090b0d;background:var(--atur);padding:2px 5px;font-size:10px;font-weight:900;text-transform:uppercase}.court-picker-wrap{display:grid;gap:10px;margin-top:12px}.court-context{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--dim);font-size:12px;font-weight:800;text-transform:uppercase}.court-context strong{color:var(--text)}.mini-rink{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(42px,1fr));gap:3px;min-height:min(58vh,430px);overflow:hidden;border:2px solid #2f414e;border-radius:18px;background:linear-gradient(to bottom,#d2e8f021,#d2e8f00f),linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25% 50%,rgba(255,255,255,.05) 50% 75%,transparent 75%);background-color:#17262c;background-size:auto,30px 30px;padding:32px 10px}.rink-markings{position:absolute;inset:12px;z-index:0;pointer-events:none}.rink-markings span{position:absolute;display:block}.rink-center-line{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);background:#e64a4ae0}.rink-center-circle{top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%);border:2px solid rgba(230,74,74,.78);border-radius:999px}.rink-goal{left:50%;width:62px;height:10px;transform:translate(-50%);border:2px solid rgba(230,74,74,.9);border-radius:0 0 8px 8px}.rink-goal.top{top:0;border-top:0}.rink-goal.bottom{bottom:0;border-bottom:0;border-radius:8px 8px 0 0}.rink-area{left:50%;width:min(44%,190px);height:27%;transform:translate(-50%);border:2px solid rgba(230,74,74,.78)}.rink-area.top{top:10px;border-radius:0 0 8px 8px}.rink-area.bottom{bottom:10px;border-radius:8px 8px 0 0}.rink-half-label{position:absolute;left:50%;z-index:2;transform:translate(-50%);border-radius:999px;padding:4px 10px;color:#101820;background:#f5f8fae0;font-size:11px;font-weight:900;text-transform:uppercase;pointer-events:none}.rink-half-label.opp{top:8px}.rink-half-label.own{bottom:8px}.rink-zone{position:relative;z-index:1;min-height:42px;border:1px solid rgba(245,248,250,.24);border-radius:8px;color:#f5f8faeb;background:#070b0e14}.rink-zone:active{transform:scale(.98)}.rink-zone span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#070b0e7a;font-size:13px;font-weight:900}.toast{position:fixed;bottom:110px;left:50%;z-index:30;min-width:160px;transform:translate(-50%);border-radius:999px;background:var(--accent-dark);padding:11px 18px;font-weight:900;text-align:center;box-shadow:0 12px 30px #0000006b}.cookie-banner{position:fixed;right:14px;bottom:14px;left:14px;z-index:40;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#111821;padding:14px;box-shadow:0 18px 60px #00000075}.cookie-banner>div:first-child{display:flex;gap:10px;align-items:flex-start}.cookie-banner svg,.cookie-manage svg{color:var(--accent)}.cookie-banner p{margin:0;color:#d6dee7;font-size:14px;line-height:1.45}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cookie-actions button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2);padding:0 12px;font-size:13px;font-weight:900;text-transform:uppercase}.cookie-actions .primary-cookie{border-color:var(--accent);color:#07100c;background:var(--accent)}.cookie-modal{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:16px;background:#000000a3}.cookie-modal>section{width:min(620px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px}.cookie-modal header{display:flex;justify-content:space-between;gap:12px;align-items:center}.cookie-modal h2{margin:0}.cookie-options{display:grid;gap:10px;margin:16px 0}.cookie-option{grid-template-columns:22px 1fr;align-items:start;border:1px solid var(--line);border-radius:8px;background:#10161d;padding:12px;text-transform:none}.cookie-option input{width:18px;min-height:18px;margin-top:2px}.cookie-option strong,.cookie-option small{display:block}.cookie-option strong{color:var(--text);font-size:14px}.cookie-option small{margin-top:3px;color:var(--dim);font-size:12px;line-height:1.45}.cookie-manage{position:fixed;right:14px;bottom:14px;z-index:35;display:inline-flex;gap:6px;align-items:center;min-height:38px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#111821;padding:0 10px;font-size:12px;font-weight:900;text-transform:uppercase;box-shadow:0 12px 36px #00000059}.app .cookie-manage{right:10px;bottom:calc(72px + env(safe-area-inset-bottom));min-height:32px;padding:0 8px;font-size:0}.app .cookie-manage svg{width:15px;height:15px}.app .cookie-banner{top:10px;bottom:auto;max-height:calc(100dvh - 96px);overflow-y:auto}.summary-modal{display:flex;flex-direction:column;background:var(--bg);padding:12px}.summary-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.summary-cards div{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px;text-align:center}.summary-cards span{display:block;color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.summary-cards strong{display:block;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px}.summary-cards b{color:var(--accent)}.summary-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.summary-detail-grid section{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px}.summary-detail-grid h3{margin:0 0 8px;color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.zone-summary,.summary-totals{display:flex;flex-wrap:wrap;gap:6px}.zone-summary span,.summary-totals span{border:1px solid var(--line);border-radius:999px;background:#10161d;padding:5px 8px;font-size:12px;font-weight:800}.zone-summary b,.summary-totals b{color:var(--accent)}.table-wrap{overflow:auto}table{width:100%;min-width:780px;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:8px 5px;text-align:center}th:first-child,td:first-child{text-align:left}th{position:sticky;top:0;color:var(--dim);background:var(--bg);font-size:11px;text-transform:uppercase}.setup-screen{overflow-y:auto;padding:10px 10px 16px}.setup-top{margin-bottom:9px}.setup-top-actions,.setup-bottom-actions{display:flex;gap:8px;align-items:center}.setup-bottom-actions{position:sticky;bottom:0;z-index:5;margin-top:8px;background:linear-gradient(180deg,transparent,var(--bg) 22%);padding-top:12px}.setup-bottom-actions .secondary-action,.setup-bottom-actions .primary-action{flex:1}.compact-primary{width:auto;min-height:42px;margin:0;padding:0 14px}.dashboard-screen{gap:12px}.dashboard-screen:not(.club-screen) .dashboard-account{order:1}.dashboard-screen:not(.club-screen) .dashboard-head{order:2}.dashboard-screen:not(.club-screen) .dashboard-demo-trial{order:3}.dashboard-screen:not(.club-screen) .dashboard-user-trial{order:3}.dashboard-screen:not(.club-screen) .dashboard-top-menu{order:3}.dashboard-screen:not(.club-screen) .dashboard-onboarding,.dashboard-screen:not(.club-screen) .dashboard-demo-guide{order:4}.dashboard-screen:not(.club-screen) .dashboard-recent-panel,.dashboard-screen:not(.club-screen) .dashboard-primary-panel,.dashboard-screen:not(.club-screen) .share-panel,.dashboard-screen:not(.club-screen) .team-panel,.dashboard-screen:not(.club-screen) .account-details{order:5}.dashboard-onboarding{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr) auto;gap:18px;align-items:center;border:1px solid rgba(22,210,122,.42);border-radius:12px;background:linear-gradient(135deg,#16d27a1c,#141a21bd 58%);padding:18px}.onboarding-copy h2,.onboarding-copy p{margin:0}.onboarding-copy h2{font-size:clamp(20px,2.4vw,28px)}.onboarding-copy p:last-child{margin-top:6px;color:var(--dim);line-height:1.45}.onboarding-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}.onboarding-steps li{display:flex;gap:9px;align-items:center;color:var(--dim);font-size:13px;font-weight:800}.onboarding-steps li>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:12px}.onboarding-steps li.active{color:var(--text)}.onboarding-steps li.active>span,.onboarding-steps li.complete>span{border-color:var(--accent);color:#07100c;background:var(--accent)}.onboarding-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;width:auto;min-width:190px;min-height:46px;margin:0;padding:0 16px}.dashboard-head{align-items:flex-start}.dashboard-head p:last-child{margin:5px 0 0;color:var(--dim);line-height:1.45}.dashboard-top-menu{position:sticky;top:0;z-index:4;display:grid;gap:10px;border-bottom:1px solid var(--line);background:var(--bg);padding:8px 0 10px}.dashboard-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dashboard-start-card{display:inline-flex;align-items:center;justify-content:flex-start;min-height:74px;width:auto;margin:0;padding:11px 12px;gap:10px;text-align:left}.dashboard-start-card svg{flex:0 0 auto}.dashboard-start-card span{display:grid;gap:3px;min-width:0}.dashboard-start-card strong{color:inherit;font-size:13px;line-height:1.1}.dashboard-start-card small{color:inherit;font-size:11px;font-weight:800;line-height:1.2;opacity:.72;text-transform:none;white-space:normal}.dashboard-top-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:stretch}.dashboard-top-actions button{min-height:76px;margin:0;justify-content:flex-start;text-align:left}.dashboard-tab-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.dashboard-tab-menu button{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--dim);background:var(--panel);padding:0 8px;font-size:12px;font-weight:900;text-transform:uppercase}.dashboard-tab-menu button.active{border-color:#16d27a8f;color:var(--accent);background:#0e3023}.dashboard-tab-menu button:disabled{cursor:not-allowed;opacity:.42}.dashboard-tab-menu b{display:grid;place-items:center;min-width:22px;min-height:20px;border-radius:999px;color:var(--text);background:#71839729;padding:0 6px;font-size:11px}.dashboard-main-action,.dashboard-command{display:inline-flex;gap:10px;align-items:center;padding:12px 14px}.dashboard-main-action svg,.dashboard-command svg{flex:0 0 auto}.dashboard-main-action span,.dashboard-command span{display:grid;gap:3px;min-width:0}.dashboard-main-action strong,.dashboard-command strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-main-action small,.dashboard-command small{overflow:hidden;color:var(--dim);font-size:12px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.dashboard-command:disabled{cursor:not-allowed;opacity:.45}.dashboard-demo-guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,1fr) auto;gap:16px;align-items:center;border:1px solid rgba(22,210,122,.34);border-radius:10px;background:#0e302359;padding:16px}.dashboard-demo-trial{display:grid;gap:12px;border:1px solid rgba(22,210,122,.45);border-radius:10px;background:linear-gradient(135deg,#16d27a24,#0e30236b);padding:14px}.dashboard-user-trial{display:grid;gap:14px;border:1px solid rgba(22,210,122,.42);border-radius:10px;background:linear-gradient(135deg,#16d27a21,#0e30235c);padding:15px}.dashboard-user-trial.expired{border-color:#f5a62380;background:linear-gradient(135deg,#f5a6231a,#30230e4d)}.dashboard-user-trial-copy h2,.dashboard-user-trial-copy p,.dashboard-user-trial-copy span{margin:0}.dashboard-user-trial-copy h2{font-size:22px}.dashboard-user-trial-copy span{display:block;margin-top:4px;color:var(--dim);font-size:12px}.dashboard-trial-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dashboard-trial-usage span{display:grid;gap:3px;border:1px solid var(--line);border-radius:8px;background:#07100d6b;padding:9px;color:var(--dim);font-size:11px;font-weight:800}.dashboard-trial-usage strong{color:var(--text);font-size:15px}.dashboard-trial-usage span:last-child{grid-column:1 / -1}.dashboard-user-trial>.primary-action{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:100%;margin:0;text-decoration:none}.admin-trial-summary{display:flex;flex-wrap:wrap;gap:6px 14px;border-left:2px solid var(--accent);padding:8px 10px;color:var(--dim);font-size:11px}.admin-trial-summary strong{color:var(--text)}.dashboard-demo-trial>div{display:flex;gap:10px;align-items:flex-start}.dashboard-demo-trial>div svg{flex:0 0 auto;margin-top:1px;color:var(--accent)}.dashboard-demo-trial p{margin:0;font-size:14px;font-weight:800;line-height:1.45}.dashboard-demo-trial .primary-action{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;text-decoration:none}.dashboard-demo-guide h2,.dashboard-demo-guide p{margin:0}.dashboard-demo-guide h2{font-size:20px}.dashboard-demo-guide ol{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:var(--dim);font-size:13px;font-weight:850}.dashboard-demo-guide li{position:relative;padding-left:14px}.dashboard-demo-guide li:before{position:absolute;top:.58em;left:0;width:5px;height:5px;border-radius:999px;background:var(--accent);content:""}.dashboard-demo-guide button{width:auto;min-width:180px;margin:0}.dashboard-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-actions button,.team-row>button:first-child{display:grid;gap:5px;align-content:center;min-height:74px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel);padding:12px;font-weight:900;text-align:left}.dashboard-actions button strong{font-size:15px}.dashboard-actions button span{overflow:hidden;color:var(--dim);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dashboard-actions .primary-dashboard-action{border-color:var(--accent);background:#0f241b}.dashboard-actions button:disabled{cursor:not-allowed;opacity:.45}.dashboard-actions svg{color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-grid.single{grid-template-columns:minmax(0,1fr)}.dashboard-panel{border:1px solid var(--line);border-radius:12px;background:#141a2194;padding:0 10px 10px}.dashboard-primary-panel{border-color:var(--line);background:#141a2194}.dashboard-primary-panel[open]{border-color:#16d27a75}.dashboard-secondary-grid{display:grid;gap:10px}.dashboard-read-only .dashboard-secondary-grid{display:none}.dashboard-screen input,.dashboard-screen select{min-height:44px}.dashboard-details{padding-top:0}.dashboard-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;cursor:pointer;color:var(--text);font-weight:900;list-style:none}.dashboard-details summary::-webkit-details-marker{display:none}.dashboard-details summary:after{content:"+";color:var(--accent);font-size:18px}.dashboard-details[open] summary:after{content:"-"}.dashboard-details summary small{margin-left:auto;color:var(--dim);font-size:11px;text-transform:uppercase}.club-screen{padding-bottom:28px}.club-actions{display:flex;flex-wrap:wrap;gap:8px}.club-summary-cards{margin:0}.club-summary-cards strong{font-size:21px}.club-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.club-highlights div{display:grid;gap:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px}.club-highlights span,.club-highlights small{overflow:hidden;color:var(--dim);font-size:11px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.club-highlights strong{overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.club-matches-panel,.club-player-panel{padding-top:0}.club-note{margin:-2px 2px 0;color:var(--dim);font-size:12px;line-height:1.45}.club-empty-state{display:grid;gap:5px}.club-empty-state strong{color:var(--text)}.club-empty-state span,.table-scroll-hint{color:var(--dim);font-size:12px}.table-scroll-hint{display:none;margin:0 0 8px}.club-player-panel .table-wrap{border-radius:8px;scrollbar-color:var(--line) transparent}.club-player-panel th:first-child,.club-player-panel td:first-child{position:sticky;left:0;z-index:1;border-right:1px solid var(--line);background:var(--panel)}.club-player-panel th:first-child{z-index:2}.match-open-action{gap:6px;padding:0 12px}.read-only-match>:not(.summary-modal){pointer-events:none;visibility:hidden}.dashboard-panel .section-head{padding-right:0;padding-left:0}.panel-copy{margin:0 0 10px;color:var(--dim);font-size:13px;line-height:1.45}.access-form,.share-form,.team-list{display:grid;gap:8px}.share-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.team-panel{scroll-margin-top:10px}.capture-panel,.capture-flow,.capture-options,.capture-team-fields{display:grid;gap:10px}.capture-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.capture-team-fields{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.capture-team-fields .segmented{grid-column:1 / -1}.capture-player-fields{display:grid;grid-column:1 / -1;grid-template-columns:minmax(86px,.25fr) minmax(0,1fr);gap:10px}.capture-mode-copy{display:grid;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px}.capture-mode-copy span{color:var(--dim);font-size:13px}.capture-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.capture-form.with-player{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);align-items:end}.capture-type-control{display:grid;gap:6px}.capture-type-control>span,.compact-section-head{color:var(--dim);font-size:12px;font-weight:900;text-transform:uppercase}.capture-type-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.capture-type-buttons button{min-height:46px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel);padding:0 10px;font-size:13px;font-weight:900;text-align:center}.capture-type-buttons button.active{border-color:var(--accent);color:#07100c;background:var(--accent)}.capture-start{width:100%;padding:0 14px;white-space:nowrap}.compact-segmented button{min-height:42px}.capture-form.with-player .capture-start{grid-column:1 / -1}.compact-section-head{padding-top:0}.capture-session-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.capture-session-pill{display:grid;gap:3px;min-height:54px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel);padding:8px 10px;text-align:left}.capture-session-pill.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-dark)}.capture-session-pill span{color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.team-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 42px;gap:8px;align-items:center}.team-row.disabled>button:first-child{opacity:.58}.team-row.shared{grid-template-columns:minmax(0,1fr) auto}.team-row.active>button:first-child{border-color:var(--accent)}.team-row>button:first-child{min-height:58px;text-align:left}.team-row span{color:var(--dim);font-size:12px}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.home-selector{margin-bottom:8px;border:1px solid var(--line);border-radius:8px;background:#141a217a;padding:0 8px 8px}.home-selector .section-head{padding-right:0;padding-left:0}.account-panel{margin-bottom:9px}.account-admin-action{width:100%;min-height:36px;margin-top:6px;font-size:12px}.club-switcher{display:grid;gap:4px;margin-top:6px;color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.club-switcher select{min-height:38px;border-color:#18d27459;background:var(--panel)}.team-scope-selector{display:grid;gap:5px;min-width:0;color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.team-scope-selector select{min-height:38px;background:var(--panel-2)}.team-panel .team-scope-selector{margin:0 0 9px}.team-scope-card{padding-top:8px}.account-card,.account-form{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px}.account-card{display:grid;grid-template-columns:24px 1fr 38px;gap:7px;align-items:center}.compact-account .account-card{padding:7px 8px}.account-card svg{color:var(--accent)}.account-card strong,.account-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card span{color:var(--dim);font-size:12px;font-weight:800}.account-form{display:grid;grid-template-columns:1fr 1fr 54px;gap:8px;align-items:end}.compact-button,.secondary-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2);font-weight:900}.compact-button{min-height:36px}.secondary-action{min-height:40px;gap:6px;color:var(--accent)}.saved-matches{margin-bottom:10px}.saved-match-list{display:grid;gap:7px}.saved-match-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:stretch}.saved-match-row.active .saved-match{border-color:var(--accent)}.saved-match{display:grid;gap:4px;min-height:50px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel);padding:7px 9px;text-align:left}.saved-match strong,.saved-match span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-match span{color:var(--dim);font-size:12px;font-weight:800}.match-scope-badge{color:var(--accent);font-style:normal}.saved-empty{margin:0;border:1px dashed var(--line);border-radius:8px;background:#141a218a;padding:14px;line-height:1.45}.dashboard-empty-action,.team-empty-action{display:grid;gap:8px}.dashboard-empty-action strong,.team-empty-action strong{color:var(--text)}.dashboard-empty-action span,.team-empty-action span{color:var(--dim)}.dashboard-empty-action button,.team-empty-action button{width:fit-content;margin:2px 0 0}.admin-screen{gap:0}.admin-back{width:auto;min-width:92px;padding:0 12px}.admin-create,.admin-clubs,.admin-users,.admin-matches,.admin-audit{margin-bottom:10px}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.admin-section-switcher{position:sticky;top:0;z-index:4;display:grid;gap:6px;margin-bottom:12px;border-bottom:1px solid var(--line);background:var(--bg);padding:8px 0 10px}.admin-section-switcher span{color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.admin-section-switcher select{min-height:46px;border-color:#16d27a6b;background:var(--panel);color:var(--text);font-size:15px;font-weight:900}.admin-overview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-overview-actions button{min-height:78px;margin:0}.admin-audit-collapsed{margin-bottom:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:0}.admin-audit-collapsed summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;padding:0 12px;color:var(--text);font-size:13px;font-weight:900}.admin-audit-collapsed summary small{color:var(--dim)}.admin-audit-collapsed .admin-audit-list{padding:0 10px 10px}.admin-summary-grid article{display:grid;gap:5px;min-height:84px;align-content:center;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,var(--panel),#101820);padding:12px}.admin-summary-grid span,.admin-club-metrics span,.admin-user-metrics span{color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.admin-summary-grid strong{font-size:26px}.admin-form{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px}.admin-form .primary-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;margin-top:2px}.admin-form select{min-height:44px;width:100%;border:1px solid var(--line);border-radius:8px;background:#111820;color:var(--text);padding:0 10px;font:inherit}.admin-form .checkbox-label{display:flex;flex-direction:row;gap:9px;align-items:center;min-height:44px}.admin-form .checkbox-label input{width:18px;min-height:18px;margin:0}.access-code-box{display:grid;gap:4px;margin-top:8px;border:1px solid var(--accent-dark);border-radius:8px;background:#0e3a26;padding:10px}.access-code-box span{color:#bdebd5;font-size:11px;font-weight:900;text-transform:uppercase}.access-code-box strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.access-code-box button{justify-self:start}.admin-code-overlay{z-index:40;align-items:center;justify-content:center;padding:20px}.admin-code-dialog{display:grid;gap:14px;width:min(460px,100%);border:1px solid var(--line);border-radius:14px;background:#111820;padding:18px;box-shadow:0 24px 80px #00000094}.admin-code-dialog header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.admin-code-dialog h2,.admin-code-dialog p{margin:0}.admin-reset-code{display:block;overflow-wrap:anywhere;border:1px solid var(--accent-dark);border-radius:10px;color:var(--accent);background:#0e3023;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(20px,5vw,28px);text-align:center;letter-spacing:.04em}.admin-email-status{border-radius:8px;padding:9px 10px;font-size:12px;font-weight:800;line-height:1.45}.admin-email-status.sent{color:#bdebd5;background:#0e3023}.admin-email-status.failed{color:#f4ca64;background:#33270d}.admin-user-list{display:grid;gap:7px}.admin-search{margin-bottom:8px}.admin-club-list,.admin-audit-list{display:grid;gap:8px}.admin-club-card,.admin-user-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:11px}.admin-club-card>header,.admin-user-card>header{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.admin-club-card header>div,.admin-user-card header>div{min-width:0}.admin-user-card header span:not(.admin-status-badge){display:block;overflow:hidden;margin-top:3px;color:var(--dim);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.admin-status-badge{display:inline-flex;flex:0 0 auto;align-items:center;min-height:24px;border:1px solid var(--accent-dark);border-radius:999px;color:var(--accent);background:#0e3023;padding:0 8px;font-size:10px;font-weight:900;text-transform:uppercase}.admin-status-badge.suspended,.admin-status-badge.past_due{border-color:#7a5f23;color:#f4ca64;background:#33270d}.admin-status-badge.disabled,.admin-status-badge.canceled{border-color:#69383f;color:#f09aa5;background:#30161a}.admin-club-metrics,.admin-user-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.admin-club-metrics span,.admin-user-metrics span{display:grid;gap:3px;border-left:2px solid #25313d;padding-left:8px}.admin-club-metrics strong,.admin-user-metrics strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.admin-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-control-grid.user-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-memberships{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin:0;border:0;padding:0}.admin-memberships legend{width:100%;margin-bottom:3px;color:var(--dim);font-size:11px;font-weight:900;text-transform:uppercase}.admin-memberships label{display:inline-flex;flex-direction:row;gap:6px;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);padding:4px 10px;color:var(--text);font-size:12px;text-transform:none}.admin-memberships input{width:15px;min-height:15px;margin:0;accent-color:var(--accent)}.admin-membership-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.7fr);gap:6px;width:100%}.admin-membership-row>label{width:100%}.admin-membership-row select{min-height:34px}.admin-team-assignments{align-content:start}.more-panel,.more-share-block{display:grid;gap:12px}.more-share-block{border-bottom:1px solid var(--line);padding-bottom:14px}.more-admin-action{width:fit-content;margin:0}.admin-control-grid select,.admin-control-grid input{min-height:38px}.admin-card-actions{display:flex;gap:7px;justify-content:flex-end}.admin-card-actions.wrap{flex-wrap:wrap}.admin-reason,.admin-data-cleared{margin:0;border-radius:7px;color:#f4ca64;background:#2c230f;padding:7px 9px;font-size:12px;font-weight:800}.admin-data-cleared{color:#f09aa5;background:#2e171b}.admin-club-card.disabled,.admin-user-card.disabled{border-color:#3b3436}.admin-audit-list article{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:9px 10px}.admin-audit-list span,.admin-audit-list small{display:block;margin-top:2px;color:var(--dim);font-size:11px;font-weight:800}.admin-user-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:8px}.admin-user-row:has(.admin-user-club){grid-template-columns:minmax(0,1fr) 130px 112px}.admin-user-club{min-width:0}.admin-user-club select{min-height:34px;font-size:12px}.admin-match-groups,.admin-match-list{display:grid;gap:8px}.admin-match-group{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:9px}.admin-match-group header{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:center;margin-bottom:8px}.admin-match-group header strong,.admin-match-group header span,.admin-match-row strong,.admin-match-row span,.admin-match-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-match-group header span,.admin-match-row span,.admin-match-row small{color:var(--dim);font-size:12px;font-weight:800}.admin-match-group header b{display:grid;place-items:center;min-height:32px;border-radius:8px;color:#07100c;background:var(--accent)}.admin-match-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px;align-items:stretch;border-top:1px solid #1d2630;padding-top:8px}.admin-match-summary{display:grid;gap:3px;min-width:0;align-content:center}.admin-match-actions{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px;align-items:stretch}.admin-match-actions .compact-button{min-height:36px}.icon-only{width:100%;min-width:38px;padding:0}.admin-user-row.disabled{opacity:.58}.admin-user-row strong,.admin-user-row span,.admin-user-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-row span{margin-top:2px;color:var(--dim);font-size:12px;font-weight:800}.admin-user-row small{margin-top:4px;color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase}.admin-user-row button{min-height:40px;font-size:12px}.admin-user-row button:disabled{cursor:not-allowed;opacity:.54}label{display:grid;gap:5px;color:var(--dim);font-size:12px;font-weight:800;text-transform:uppercase}input,select{min-height:38px;width:100%;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel);padding:0 10px}select{appearance:none}.setup-roster{display:grid;gap:6px}.setup-player{display:grid;grid-template-columns:38px 50px 1fr 54px 34px;gap:6px;align-items:center}.roster-add{width:100%;margin-top:4px;justify-content:center}.starter{border:1px solid var(--line);border-radius:8px;color:var(--dim);background:var(--panel);font-weight:900}.starter.on{border-color:var(--accent);color:#07100c;background:var(--accent)}.num-input{text-align:center}.gk-toggle{place-items:center}.gk-toggle input{width:18px;min-height:18px}.primary-action{width:100%;margin-top:10px;border:1px solid var(--accent);border-radius:8px;color:#07100c;background:var(--accent);font-size:16px;font-weight:900;text-transform:uppercase}@media(max-width:560px){.dashboard-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-start-card{min-height:68px;padding:10px;gap:8px}.dashboard-start-card strong{font-size:12px}.dashboard-start-card small{font-size:10px}.dashboard-top-actions,.admin-overview-actions{grid-template-columns:1fr}.dashboard-top-actions button,.admin-overview-actions button{min-height:62px}.dashboard-tab-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-tab-menu button{min-height:40px;padding:0 6px;font-size:11px}.dashboard-demo-guide{grid-template-columns:1fr;gap:12px}.dashboard-demo-guide button,.dashboard-empty-action button,.team-empty-action button{width:100%}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-control-grid,.admin-control-grid.user-controls{grid-template-columns:1fr}.admin-club-metrics,.admin-user-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card-actions{justify-content:stretch}.admin-card-actions button{flex:1 1 45%}.admin-audit-list article{display:grid}.dashboard-grid,.dashboard-actions{grid-template-columns:1fr}.dashboard-actions button{min-height:58px}.team-row{grid-template-columns:minmax(0,1fr) 42px}.team-row.shared{grid-template-columns:1fr}.team-row .compact-button:not(.icon-only){display:none}.tracking-strip,.capture-form,.capture-form.with-player,.capture-options,.capture-team-fields,.capture-player-fields{grid-template-columns:1fr}.capture-type-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.share-form{grid-template-columns:1fr}.club-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.club-highlights div{min-width:0}.club-highlights strong{font-size:13px}.saved-match-row{grid-template-columns:minmax(0,1fr) auto}.saved-match-row .saved-match{grid-column:1 / -1}.saved-match-row .match-open-action{min-height:40px}.table-scroll-hint{display:block}.admin-match-row{grid-template-columns:1fr}}@media(min-width:720px){.app:not(.live-screen){max-width:560px;margin:0 auto;border-right:1px solid var(--line);border-left:1px solid var(--line)}.app.setup-screen:not(.live-screen){width:min(920px,calc(100vw - 28px));max-width:none}.app.dashboard-screen:not(.live-screen){display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);grid-auto-rows:max-content;align-content:start;width:min(1120px,calc(100vw - 28px));max-width:none}.dashboard-screen .dashboard-account,.dashboard-screen .dashboard-head,.dashboard-screen .dashboard-top-menu,.dashboard-screen .dashboard-onboarding,.dashboard-screen .dashboard-secondary-grid{grid-column:1 / -1}.dashboard-screen .dashboard-primary-panel{grid-column:2}.dashboard-screen .dashboard-recent-panel{grid-column:1;grid-row:auto}.dashboard-read-only .dashboard-recent-panel,.dashboard-empty .dashboard-recent-panel,.dashboard-empty .dashboard-primary-panel{grid-column:1 / -1}.dashboard-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-recent-panel .saved-match-list{grid-template-columns:1fr}.club-screen .club-summary-cards,.club-screen .club-highlights,.club-screen .club-note{grid-column:1 / -1}.club-screen .club-matches-panel{grid-column:1}.club-screen .club-player-panel{grid-column:2}.live-screen{display:grid;grid-template-columns:minmax(420px,1fr) minmax(300px,390px);grid-template-rows:auto auto auto auto minmax(0,1fr) auto;width:min(1180px,100vw);max-width:none;margin:0 auto;border-right:1px solid var(--line);border-left:1px solid var(--line)}.live-screen .topbar,.live-screen .quick-actions,.live-screen .timeout-strip,.live-screen .tracking-strip,.live-screen .bottom-nav{grid-column:1 / -1}.live-screen .topbar{grid-template-columns:132px 1fr 54px;gap:12px;padding:10px 12px}.live-screen .clock{width:132px;min-height:42px;font-size:34px}.live-screen .period-tabs button{min-height:32px;font-size:13px}.live-screen .scoreboard{gap:8px}.live-screen .scoreboard span{font-size:13px}.live-screen .scoreboard strong{margin-top:4px;padding:4px 0;font-size:42px}.live-screen .icon-button{width:54px}.live-screen .quick-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px 12px}.live-screen .possession-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.live-screen .quick-actions button,.live-screen .bottom-nav button{font-size:13px}.live-screen .court-strip,.live-screen .suspension-strip,.live-screen .player-grid,.live-screen .fixed-capture-actions{grid-column:1}.live-screen .chips{flex-wrap:wrap;overflow:visible;padding:0 12px 10px}.live-screen .chip{min-height:40px}.live-screen .suspension-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 10px}.live-screen .player-grid{grid-template-columns:repeat(4,minmax(0,1fr));min-height:0;padding:6px 12px 12px}.live-screen .player-card{min-height:86px}.live-screen .player-card strong{font-size:28px}.live-screen .player-card span:last-child{font-size:12px}.live-screen .fixed-capture-actions{min-height:0;padding:8px 12px 12px}.live-screen .fixed-capture-actions .action-groups{gap:10px;margin-top:0}.live-screen .fixed-capture-actions .action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-screen .fixed-capture-actions .action-grid button{min-height:68px}.possession-live-screen .possession-capture-board{grid-column:1;grid-row:3 / 6;min-height:0;padding:18px}.possession-live-screen .log{grid-column:2;grid-row:3 / 6;border-top:0;border-left:1px solid var(--line)}.live-screen .log{grid-column:2;grid-row:4 / 6;display:flex;flex-direction:column;min-height:0;border-top:0;border-left:1px solid var(--line)}.live-screen .log-list{flex:1 1 auto;max-height:none;min-height:0}.live-screen .log-row{grid-template-columns:62px 1fr 36px}.live-screen .bottom-nav{grid-template-columns:1.3fr 1fr 1fr .85fr .85fr 56px;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.live-screen .possession-bottom-nav{grid-template-columns:1fr 1fr .85fr .85fr 56px}.setup-screen{max-width:920px}.setup-screen .setup-grid,.setup-screen .admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-screen .admin-form .primary-action{grid-column:1 / -1}.saved-match-list,.admin-user-list,.admin-match-groups,.setup-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-roster .section-head{grid-column:1 / -1}.setup-screen>.primary-action{max-width:420px;margin-right:auto;margin-left:auto}.overlay{align-items:flex-end;justify-content:center;padding:24px;background:#00000080}.sheet{width:min(760px,calc(100vw - 48px));border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 20px 70px #0000008c}.action-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.action-grid button{min-height:64px}.court-picker-wrap{grid-template-columns:minmax(160px,.55fr) minmax(320px,1fr);align-items:stretch}.court-context{display:grid;align-content:start;justify-content:stretch;border:1px solid var(--line);border-radius:8px;background:#10161d;padding:12px}.mini-rink{min-height:min(72vh,560px)}}.dashboard-sidebar{display:grid;gap:10px;align-content:start}.dashboard-capture-menu{position:relative}.dashboard-capture-menu summary{display:flex;gap:9px;align-items:center;min-height:48px;cursor:pointer;border:1px solid var(--accent);border-radius:9px;color:#06130d;background:var(--accent);padding:0 13px;font-weight:950;list-style:none}.dashboard-capture-menu summary::-webkit-details-marker{display:none}.dashboard-capture-menu>div{display:grid;gap:4px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:6px}.dashboard-capture-menu>div button,.dashboard-sidebar-secondary button{display:flex;gap:9px;align-items:center;min-height:42px;border:0;border-radius:7px;color:var(--text);background:transparent;padding:0 10px;text-align:left;font-weight:850}.dashboard-capture-menu>div button:hover,.dashboard-sidebar-secondary button:hover{background:var(--panel-2)}.dashboard-sidebar-secondary{display:grid;gap:3px;margin-top:4px;border-top:1px solid var(--line);padding-top:8px}.admin-freshness{min-height:18px;margin:-5px 0 8px;color:var(--dim);font-size:11px;display:flex;align-items:center;justify-content:flex-end;gap:10px;text-align:right}.admin-freshness .compact-button{width:auto;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.admin-section-switcher button{display:flex;justify-content:space-between;align-items:center;min-height:42px;border:0;border-radius:7px;color:var(--dim);background:transparent;padding:0 10px;font-weight:900}.admin-section-switcher button.active{color:var(--text);background:var(--panel-2)}.admin-section-switcher button b{color:var(--accent);font-size:11px}@media(min-width:900px){.app.dashboard-screen:not(.live-screen){grid-template-columns:230px minmax(0,1fr);gap:0 22px;width:min(1240px,calc(100vw - 32px))}.dashboard-screen>*:not(.dashboard-sidebar){grid-column:2!important}.dashboard-demo-trial{grid-template-columns:minmax(0,1fr) auto;align-items:center}.dashboard-user-trial{grid-template-columns:minmax(190px,.55fr) minmax(520px,1.45fr) auto;align-items:center}.dashboard-trial-usage{grid-template-columns:repeat(5,minmax(86px,1fr))}.dashboard-trial-usage span:last-child{grid-column:auto}.dashboard-user-trial>.primary-action{width:auto;white-space:nowrap}.dashboard-demo-trial .primary-action{width:auto;white-space:nowrap}.dashboard-screen .dashboard-sidebar{position:sticky;top:16px;grid-column:1!important;grid-row:1 / span 20;min-height:calc(100vh - 32px);border-right:1px solid var(--line);padding:0 16px 20px 0}.dashboard-tab-menu{display:grid;grid-template-columns:1fr;gap:3px}.dashboard-tab-menu button{justify-content:space-between;min-height:42px;border:0;border-radius:7px;background:transparent;padding:0 10px;text-align:left}.dashboard-tab-menu button.active{border:0;color:var(--text);background:var(--panel-2)}.dashboard-account{margin-top:0}.admin-screen{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0 22px;width:min(1240px,calc(100vw - 32px));max-width:none!important;margin:0 auto}.admin-screen>*:not(.admin-section-switcher){grid-column:2}.admin-screen .admin-section-switcher{position:sticky;top:16px;grid-column:1;grid-row:1 / span 30;align-content:start;border-right:1px solid var(--line);border-bottom:0;padding:4px 16px 20px 0}}@media(max-width:899px){.dashboard-screen,.admin-screen{padding-bottom:84px}.dashboard-sidebar{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:58px minmax(0,1fr);gap:4px;border-top:1px solid var(--line);background:#0a0e12f7;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboard-capture-menu summary{justify-content:center;min-height:48px;padding:0;font-size:0}.dashboard-capture-menu summary svg{width:21px;height:21px}.dashboard-capture-menu>div{position:absolute;bottom:58px;left:0;width:min(280px,calc(100vw - 24px));box-shadow:0 -12px 34px #00000073}.dashboard-tab-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}.dashboard-tab-menu button{min-height:48px;border:0;padding:0 3px;font-size:9px}.dashboard-tab-menu button b,.dashboard-sidebar-secondary{display:none}.admin-section-switcher{position:fixed;inset:auto 0 0;z-index:30;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0;border-top:1px solid var(--line);border-bottom:0;background:#0a0e12f7;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-section-switcher button{display:grid;justify-items:center;min-height:48px;padding:3px;font-size:10px}}.admin-section-switcher button>span{display:inline-flex;min-width:0;align-items:center;gap:8px}.admin-screen button,.admin-screen select,.admin-screen input{min-width:0;max-width:100%}.admin-card-actions button,.admin-overview-actions button,.admin-match-actions button{overflow-wrap:anywhere;white-space:normal;line-height:1.15}.admin-card-actions button{flex:0 1 auto}@media(min-width:900px){.app.setup-screen:not(.live-screen){height:auto;min-height:100dvh;overflow:visible}.app.dashboard-screen:not(.live-screen),.app.admin-screen{width:calc(100vw - 32px)!important;max-width:1760px!important}.admin-screen{grid-template-columns:230px minmax(0,1fr)}.admin-screen .admin-user-list,.admin-screen .admin-match-groups{grid-template-columns:1fr}}@media(min-width:1500px){.admin-screen .admin-user-list,.admin-screen .admin-match-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:899px){.admin-section-switcher button{min-height:56px;overflow:hidden}.admin-section-switcher button>span{display:grid;justify-items:center;gap:3px;line-height:1.05;text-align:center;white-space:normal}.admin-section-switcher button>span svg{width:18px;height:18px}.admin-section-switcher button b{display:none}.admin-section-switcher{grid-template-columns:repeat(5,minmax(0,1fr))}}.admin-mail{display:grid;grid-template-columns:180px minmax(280px,360px) minmax(360px,1fr);min-height:620px;max-height:calc(100dvh - 190px);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.mail-folders{display:flex;min-width:0;flex-direction:column;gap:16px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,var(--bg));padding:14px 10px}.mail-compose-button{width:100%;min-height:43px}.mail-folders nav{display:grid;gap:3px}.mail-folders nav button{display:flex;min-height:40px;align-items:center;justify-content:space-between;border:0;border-radius:7px;background:transparent;color:var(--dim);padding:0 10px;text-align:left;font-weight:800}.mail-folders nav button span{display:flex;min-width:0;align-items:center;gap:8px}.mail-folders nav button.active{background:var(--panel-2);color:var(--text)}.mail-folders nav button b{color:var(--accent);font-size:11px}.mail-list-pane,.mail-reading-pane,.mail-template-library{min-width:0;min-height:0;overflow:auto}.mail-list-pane{border-right:1px solid var(--line)}.mail-template-library{grid-column:2 / -1;padding:0 18px 18px}.mail-pane-head{position:sticky;top:0;z-index:2;display:flex;min-height:58px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#141a21f5;padding:8px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mail-pane-head>div{display:flex;align-items:baseline;gap:8px}.mail-pane-head small{color:var(--dim)}.mail-pane-head .compact-button{width:auto}.mail-message-list{display:grid}.mail-message-list>button{display:grid;grid-template-columns:7px minmax(0,1fr) 16px;gap:9px;min-height:104px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:12px;text-align:left}.mail-message-list>button:hover,.mail-message-list>button.selected{background:var(--panel-2)}.mail-message-list>button.unread{background:color-mix(in srgb,var(--blue) 8%,var(--panel))}.mail-unread-dot{width:7px;height:7px;border-radius:50%;background:transparent}.mail-message-list>button.unread .mail-unread-dot{background:var(--blue)}.mail-message-copy{display:grid;min-width:0;gap:3px}.mail-message-copy>span{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.mail-message-copy strong,.mail-message-copy b,.mail-message-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-copy strong,.mail-message-copy b{font-size:13px}.mail-message-copy small{color:var(--dim);font-size:12px}.mail-message-copy time{flex:0 0 auto;color:var(--dim);font-size:10px}.mail-message-copy em{display:flex;align-items:center;gap:3px;color:var(--dim);font-size:10px;font-style:normal}.mail-reader-head{position:sticky;top:0;z-index:2;display:flex;min-height:58px;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--line);background:#141a21f5;padding:8px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mail-reader-actions{display:flex;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}.mail-reader-actions .compact-button{width:auto}.mail-mobile-back{display:none!important}.mail-reader-content{max-width:820px;margin:0 auto;padding:28px clamp(18px,4vw,44px)}.mail-reader-content h2{margin:4px 0 18px;overflow-wrap:anywhere;font-size:clamp(22px,3vw,31px)}.mail-reader-content dl{display:grid;gap:4px;margin:0 0 4px}.mail-reader-content dl div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px}.mail-reader-content dt{color:var(--dim);font-size:12px;font-weight:800}.mail-reader-content dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:12px}.mail-reader-content>time{color:var(--dim);font-size:11px}.mail-text-body{min-height:180px;margin-top:24px;border-top:1px solid var(--line);padding:25px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.mail-attachments{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:18px}.mail-attachments>div{display:flex;flex-wrap:wrap;gap:8px}.mail-attachments button{display:flex;width:min(270px,100%);min-height:52px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);padding:8px 10px;text-align:left}.mail-attachments button>span{display:grid;min-width:0;flex:1;overflow-wrap:anywhere}.mail-attachments button small{color:var(--dim)}.mail-delivery{width:fit-content;border-radius:999px;background:var(--panel-2);color:var(--dim);padding:5px 9px;font-size:11px}.mail-delivery.delivered{color:var(--accent)}.mail-delivery.failed,.mail-delivery.bounced{color:var(--red)}.mail-empty{display:grid;min-height:280px;place-content:center;justify-items:center;gap:7px;color:var(--dim);padding:24px;text-align:center}.mail-empty svg{width:34px;height:34px;margin-bottom:4px}.mail-empty strong{color:var(--text)}.mail-error{margin:12px;border:1px solid color-mix(in srgb,var(--red) 40%,var(--line));border-radius:8px;color:var(--red);padding:10px}.mail-capability-warning{display:grid;gap:4px;margin:10px;border:1px solid color-mix(in srgb,#f59e0b 45%,var(--line));border-radius:8px;background:color-mix(in srgb,#f59e0b 8%,var(--panel));color:#fbbf24;padding:10px;font-size:12px;line-height:1.4}.mail-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;padding-top:18px}.mail-template-grid>article{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.mail-template-grid>article>footer{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.mail-template-grid>article>footer .compact-button{width:auto}.mail-template-grid>article>footer>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-template-grid>article>footer>div{display:flex;flex:0 0 auto;gap:5px}.mail-brand-preview{overflow:hidden;border-radius:10px;background:#f4f5f7;color:#111827;padding:clamp(24px,4vw,42px)}.mail-brand-preview>header{margin:calc(clamp(24px,4vw,42px)*-1) calc(clamp(24px,4vw,42px)*-1) 28px;background:#111827;color:#fff;padding:22px;text-align:center;font-size:17px;font-weight:900}.mail-brand-preview h3{margin:0 0 13px;font-size:23px}.mail-brand-preview p{min-height:70px;color:#475569;white-space:pre-wrap;line-height:1.5}.mail-brand-preview a,.mail-brand-preview>span{display:inline-block;border-radius:8px;background:#2f62ed;color:#fff;padding:12px 16px;font-weight:900}.mail-brand-preview>footer{margin-top:28px;border-top:1px solid #d8dee7;color:#94a3b8;padding-top:16px;font-size:11px;text-align:center}.mail-brand-preview.compact{min-height:275px;border-radius:0;padding:25px}.mail-brand-preview.compact>header{margin:-25px -25px 22px}.mail-brand-preview.compact h3{font-size:18px}.mail-brand-preview.compact p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:13px}.mail-compose-overlay{z-index:80;padding:18px}.mail-compose-dialog{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.82fr);grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,100%);max-height:calc(100dvh - 36px);overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 24px 80px #0000008c}.mail-compose-dialog>header,.mail-compose-dialog>footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:14px 18px}.mail-compose-dialog>header h2,.mail-compose-dialog>header p{margin:0}.mail-compose-dialog>footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.mail-compose-dialog>footer button{width:auto}.mail-compose-fields{display:grid;align-content:start;gap:11px;overflow:auto;padding:18px}.mail-compose-fields label{display:grid;gap:5px;color:var(--dim);font-size:11px;font-weight:850}.mail-compose-fields input,.mail-compose-fields select,.mail-compose-fields textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);padding:10px 11px;resize:vertical}.mail-file-picker>input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mail-file-picker>span{display:flex;min-height:44px;cursor:pointer;align-items:center;gap:8px;border:1px dashed var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);padding:10px 11px;font-weight:700}.mail-file-picker:hover>span{border-color:var(--blue)}.mail-draft-attachments{display:grid;gap:6px}.mail-draft-attachments>div{display:flex;min-width:0;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:7px 8px 7px 10px}.mail-draft-attachments>div>span{display:grid;min-width:0;flex:1}.mail-draft-attachments strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mail-draft-attachments small{color:var(--dim);font-size:10px}.mail-draft-attachments .icon-button{width:30px;height:30px;min-height:30px;flex:0 0 auto}.mail-compose-preview{overflow:auto;border-left:1px solid var(--line);background:var(--bg);padding:18px}.mail-compose-preview>span{display:block;margin-bottom:8px;color:var(--dim);font-size:11px;font-weight:850;text-transform:uppercase}@media(max-width:1150px)and (min-width:900px){.admin-mail{grid-template-columns:150px 310px minmax(320px,1fr)}}@media(max-width:899px){.admin-mail{display:block;min-height:calc(100dvh - 250px);max-height:none;overflow:visible;border-radius:10px}.mail-folders{border-right:0;border-bottom:1px solid var(--line);padding:10px}.mail-folders nav{grid-template-columns:repeat(4,minmax(0,1fr))}.mail-folders nav button{display:grid;min-height:48px;justify-items:center;justify-content:stretch;gap:2px;padding:3px;font-size:10px;text-align:center}.mail-folders nav button span{display:grid;justify-items:center;gap:2px}.mail-folders nav button b{display:none}.mail-list-pane{min-height:440px;border-right:0}.mail-reading-pane{display:none;min-height:480px}.admin-mail.mail-detail-open .mail-folders,.admin-mail.mail-detail-open .mail-list-pane{display:none}.admin-mail.mail-detail-open .mail-reading-pane{display:block}.mail-mobile-back{display:inline-flex!important;margin-right:auto}.mail-reader-head{justify-content:space-between}.mail-reader-actions{flex-wrap:nowrap}.mail-reader-actions .compact-button:not(.icon-only){font-size:0;padding:0 11px}.mail-reader-actions .compact-button:not(.icon-only) svg{margin:0}.mail-template-library{padding:0 10px 14px}.mail-compose-overlay{align-items:stretch;padding:0}.mail-compose-dialog{display:flex;width:100%;max-height:100dvh;flex-direction:column;border:0;border-radius:0}.mail-compose-fields{flex:0 0 auto;overflow:visible}.mail-compose-preview{flex:1 1 auto;min-height:320px;border-top:1px solid var(--line);border-left:0}.mail-compose-dialog{overflow:auto}.mail-compose-dialog>footer{position:sticky;bottom:0;z-index:3;background:var(--panel)}}@media(max-width:420px){.mail-message-list>button{min-height:96px;padding:10px 8px}.mail-reader-content{padding:20px 14px}.mail-compose-fields,.mail-compose-preview{padding:14px}.mail-pane-head .primary-action{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:560px){.admin-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card-actions button{width:100%;min-height:44px}}@media(max-width:820px){.landing-hero,.landing-steps ol,.landing-band,.landing-content,.pricing-grid,.landing-showcase{grid-template-columns:1fr}.landing-showcase-copy{position:static}.pricing-grid{gap:0}.pricing-grid article,.pricing-grid article+article{min-height:auto;border-right:0;border-bottom:1px solid rgba(113,131,151,.2);padding:18px 0}.pricing-grid article:last-child{border-bottom:0}.cookie-banner{grid-template-columns:1fr}.cookie-actions{justify-content:stretch}.cookie-actions button{flex:1 1 136px}.dashboard-onboarding{grid-template-columns:1fr;gap:14px}.onboarding-action{width:100%}}@media(max-width:430px){.club-highlights span{min-height:28px;overflow:visible;line-height:1.25;text-overflow:clip;white-space:normal}.landing-header{align-items:flex-start;flex-direction:column}.landing-nav{width:100%;justify-content:space-between}.landing-hero{min-height:auto;padding-top:28px}.landing-copy h1{font-size:40px}.landing-copy p{font-size:16px}.dashboard-head{align-items:stretch;flex-direction:column}.dashboard-head .compact-primary{width:100%}.dashboard-onboarding{padding:15px}.showcase-grid,.account-form,.summary-detail-grid{grid-template-columns:1fr}}.club-members-help{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.club-member-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}.club-member-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.club-member-card header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.club-member-card header>div,.club-member-card header label{display:grid;gap:.25rem}.club-member-card header span,.club-member-card legend,.muted-line{color:var(--muted);font-size:.78rem}.club-member-card fieldset{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:0;border:0}.club-member-card legend{width:100%;margin-bottom:.35rem}.club-team-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem}.club-team-check input{width:auto}@media(max-width:640px){.club-member-list{grid-template-columns:1fr}.club-member-card header{align-items:stretch;flex-direction:column}}.dashboard-tab-menu button>span{display:inline-flex;align-items:center;gap:8px}.account-cookie-action{width:fit-content;margin:0 0 2px}@media(max-width:899px){.dashboard-read-only .dashboard-sidebar{grid-template-columns:1fr}.dashboard-tab-menu button>span{display:grid;justify-items:center;gap:3px;line-height:1}.dashboard-tab-menu button>span svg{width:18px;height:18px}}