:root{--bg:#0a172a;--navy:#132d50;--deep:#08172e;--navy2:#173b67;--gold:#d1a74c;--gold2:#e2c984;--cream:#0b1b30;--sand:#1b2b3c;--ink:#edf3f8;--muted:#a3b4c9;--line:#37516d;--white:#142a42;--shadow:0 18px 40px #0006;color-scheme:dark;background:#091a30}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f5ee;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e2b83f;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.052em}h1{font-size:clamp(30px,4vw,50px);line-height:1.07}h2{font-size:clamp(22px,2vw,30px);line-height:1.17}h3{font-size:18px}p{color:var(--muted)}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;background:#fffcf6f5;box-shadow:0 3px 20px #0d284014;backdrop-filter:blur(16px);display:flex;align-items:center;gap:20px;padding:10px max(24px,calc((100vw - 1460px)/2));border-bottom:1px solid #e0d8c4}.brand{display:flex;align-items:center;gap:13px;min-width:230px}.brand img{width:122px;height:67px;object-fit:contain;mix-blend-mode:multiply}.brand-text{border-left:1px solid #e0d8c4;padding-left:10px}.brand-text strong{display:block;font-size:12px;font-weight:950;letter-spacing:.04em;color:var(--navy);line-height:1.15}.brand-text strong em{font-style:normal;color:var(--gold)}.brand-text small{display:block;font-size:9px;font-weight:800;color:#9c822d;letter-spacing:.045em;margin-top:5px}.nav{display:flex;gap:1px;flex:1;align-items:center;justify-content:center}.nav button{background:transparent;border:0;color:#4f6077;border-radius:8px;padding:12px 9px;font-size:11px;font-weight:800;white-space:nowrap;transition:.15s}.nav button:hover{background:#eee7d7}.nav .nav-on{background:var(--navy);color:#fff}.top-actions{display:flex;align-items:center;gap:10px}.live-indicator{color:#17654e;display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.11em;font-weight:950}.pulse{background:#35aa70;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #32aa6f23;animation:pulse 1.5s infinite}.pill-cta,.profile-pill{border-radius:100px;padding:10px 13px;border:1px solid #cbb37a;color:var(--navy);background:white;font-size:11px;font-weight:850;white-space:nowrap}.pill-cta:hover,.profile-pill:hover{background:#f7e9c4}.profile-pill{display:flex;align-items:center;gap:7px}.main-content{max-width:1480px;margin:auto;padding:22px 30px 70px}.event-hero{width:100%;overflow:hidden;position:relative;border-radius:19px;box-shadow:var(--shadow);background:#fffaf0;border:1px solid #e3dbca}.event-hero>img{width:100%;height:clamp(220px,37vw,570px);display:block;object-fit:cover;object-position:center}.hero-actions{background:var(--navy);padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#eed49a;font-weight:850;letter-spacing:.15em;font-size:11px}.gold-button,.button.gold{background:var(--gold);color:white;border:1px solid var(--gold)}.gold-button{border-radius:50px;padding:10px 17px;font-size:12px;letter-spacing:0;font-weight:900}.gold-button:hover,.button.gold:hover{background:#c9a333}.gold-button b{font-size:14px}.headline-row{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:38px 0 26px}.headline-row h1{margin:7px 0}.headline-row h1 em{font-style:normal;color:var(--gold)}.headline-row p{font-size:13px}.eyebrow{font-weight:900;font-size:10px;letter-spacing:.21em;color:var(--gold);text-transform:uppercase;display:block}.hero-count{background:var(--navy);border-radius:15px;padding:13px 19px;text-align:center;min-width:110px;color:white}.hero-count strong{font-size:31px;display:block;line-height:1.2}.hero-count span{font-size:9px;letter-spacing:.1em;color:#dfc585;font-weight:850}.feature-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;box-shadow:var(--shadow);border:1px solid #e9e3d6;border-radius:16px;overflow:hidden}.feature-stats>div{padding:21px 27px;border-right:1px solid #e9e3d6}.feature-stats>div:last-child{border:0}.feature-stats span{display:block;color:#727d88;font-size:10px;font-weight:850;letter-spacing:.11em}.feature-stats strong{color:var(--navy);display:block;font-size:31px;line-height:1.2;margin-top:5px}.feature-stats small{color:#b5a98d;font-size:16px}.space{margin-top:32px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.title-row h2{margin-top:4px}.match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.match-card{border-radius:16px;border:1px solid #d0d9df;background:linear-gradient(145deg,#13365f,#0e274b);color:white;text-align:left;padding:21px;min-width:0;box-shadow:0 12px 25px #0b2c4720;transition:transform .2s,box-shadow .2s;position:relative}.match-card:hover{transform:translateY(-3px);box-shadow:0 17px 30px #12395630}.match-card.is-live:before{content:'';height:4px;background:var(--gold2);position:absolute;top:0;left:20px;right:20px;border-radius:99px}.match-meta,.match-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:800;font-size:10px;color:#d4be86;letter-spacing:.09em}.status-tag{background:#ffffff17;border-radius:30px;padding:5px 9px;color:#c5d7e6;font-size:9px}.status-live{color:#fff2c5;background:#b68d1e;padding:5px 10px;border-radius:30px;font-size:10px}.match-pair{display:flex;align-items:center;gap:15px;justify-content:center;padding:24px 0 7px;font-size:clamp(20px,2.2vw,30px);font-weight:1000;letter-spacing:-.05em}.vs{color:#c8a54b;font-size:11px;font-weight:900;letter-spacing:.08em}.match-name{text-align:center;font-size:10px;color:#aebdd2;min-height:27px}.match-score{text-align:center;font-size:16px;font-weight:850;margin:9px 0 15px;color:#fff6d8;min-height:24px}.match-bottom{border-top:1px solid #ffffff2a;padding-top:15px;letter-spacing:0;font-weight:600;color:#cbd7e2}.two-col{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:20px;align-items:start}.panel{background:#fff;border:1px solid #e5ddd0;border-radius:16px;padding:23px;min-width:0;box-shadow:0 10px 28px #17334c0c}.panel h2{margin-bottom:9px}.panel>p{font-size:13px;margin-bottom:17px}.fixture-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #eee7dc}.fixture-row:last-child{border:0}.fixture-time{font-size:11px;color:#ad8420;background:#f5eee0;padding:11px;border-radius:9px;min-width:100px;font-weight:800}.fixture-row div:nth-child(2){flex:1}.fixture-row strong{color:var(--navy);font-size:13px}.fixture-row strong span{color:#a7a6a3;font-size:10px}.fixture-row small{display:block;font-size:11px;color:#768394}.fixture-arrow{color:var(--gold);font-size:18px}.warm-panel{background:#f7eed9;position:relative;overflow:hidden}.warm-panel p{line-height:1.7;max-width:360px}.warm-panel .button{position:relative;z-index:2}.fan-ornament{position:absolute;right:18px;bottom:9px;font-size:86px;color:#d0ae57;opacity:.25;transform:rotate(-12deg);pointer-events:none}.fan-ornament span{font-size:14px}.button{border:1px solid #c7cbd2;background:white;color:var(--navy);padding:10px 14px;border-radius:9px;font-weight:850;font-size:12px;transition:.18s}.button:hover{background:#f1eee7}.text-link{background:transparent;border:0;color:var(--gold);font-size:12px;font-weight:800}.page-container{padding:20px 0;min-height:62vh}.section-heading{margin-bottom:24px}.section-heading h2{margin:7px 0;font-size:clamp(30px,3vw,42px)}.section-heading p{font-size:13px}.fixture-list{display:grid;gap:11px}.fixture-card{background:white;border:1px solid #e7dfd3;padding:19px 22px;border-radius:13px;display:flex;gap:17px;align-items:center;text-align:left;color:var(--navy)}.fixture-card:hover{border-color:#c8a448}.fixture-card>div{flex:1}.fixture-card strong{font-size:15px}.fixture-card small,.admin-match-row small{display:block;color:#7f8c97;font-size:11px;margin-top:5px}.round-badge{background:#f0e6c8;border-radius:7px;color:#927018;font-size:10px;font-weight:900;white-space:nowrap;padding:9px 11px}.fixture-action{color:var(--gold);font-weight:850}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 18px}.tabs button{border:1px solid #ded6c5;background:#fff;color:#6a7182;padding:10px 15px;border-radius:100px;font-size:12px;font-weight:850}.tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.muted-tabs{margin:4px 0 18px}.table-panel{border:1px solid #e6ddcf;border-radius:15px;background:white;overflow:hidden;box-shadow:var(--shadow)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;min-width:420px}th{text-align:left;background:#102d54;color:#eac979;padding:16px 14px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}td{padding:15px 14px;border-bottom:1px solid #ebe4d9;font-size:12px}tbody tr:last-child td{border:0}td strong{color:#17375c}.gold-text{color:#ad851c;font-weight:950;font-size:14px}.group-chip{background:#f5e9cb;border-radius:5px;color:#a47f1c;font-size:10px;font-weight:900;padding:7px 10px}.info-strip{margin:17px 0;background:#f2e7cb;border:1px solid #e1c98b;border-radius:11px;padding:13px 16px;color:#6e5c35;font-size:12px;line-height:1.7}.info-strip .button{margin:0 8px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.team-card{border:1px solid #e5ded0;border-radius:14px;background:#fff;text-align:center;padding:22px 12px;display:flex;align-items:center;flex-direction:column;gap:8px;color:#102d54;min-width:0}.team-card.owned{border:2px solid #bf9943}.team-card:hover{border-color:var(--gold)}.team-emblem{width:70px;height:70px;border-radius:50%;border:4px solid #f6eee0;display:grid;place-items:center;color:white;font-size:21px;font-weight:900;overflow:hidden}.team-emblem img{width:100%;height:100%;object-fit:cover}.team-card strong{font-size:14px}.team-card small{font-size:10px;font-weight:750;color:#87919d}.team-card>span:last-child{font-size:11px;color:var(--gold);font-weight:800}.players-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.player-card{background:#f8f4ea;border:1px solid #e9e0cc;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:3px}.player-card strong{font-size:12px}.player-card small{color:#8a7c62}.player-number{font-size:10px;color:#be9131;font-weight:800}.empty-state{padding:44px 24px;text-align:center;border:1px dashed #d5ccb7;background:#fcf9f1;border-radius:12px;color:#5d6f85}.empty-state strong{display:block;font-size:17px;color:#18345a;margin-bottom:5px}.empty-state p{font-size:12px}.empty-shape{font-size:37px;color:#caa34a;display:block;margin-bottom:8px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-card{background:white;border:1px solid #e4dac7;border-radius:12px;overflow:hidden}.photo-card img{height:180px;width:100%;object-fit:cover}.photo-card div{padding:13px}.photo-card strong{font-size:12px;display:block}.photo-card small{font-size:11px;color:#86909d}.form{display:grid;gap:14px;margin-top:18px}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form label{display:flex;flex-direction:column;gap:7px;color:#566578;font-weight:850;font-size:11px}.form input,.form select,.form textarea,.form-two input,.form-two select{background:#fff;border:1px solid #d7d1c7;border-radius:8px;padding:11px 13px;min-height:44px;color:#203956;width:100%;min-width:0}.form input:focus{border-color:var(--gold)}.form .checkline{display:flex;flex-direction:row;align-items:start;gap:7px;line-height:1.5}.checkline input{width:auto;min-height:unset;margin-top:4px}.mod-queue{margin-top:24px}.mod-item{display:flex;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #ddd}.mod-item span{flex:1}.fan-header{background:linear-gradient(110deg,#102e56,#184577);color:white;border:1px solid #1e496f;border-radius:18px;padding:35px;display:flex;justify-content:space-between;gap:18px;align-items:center}.fan-header h1{margin:7px 0 10px}.fan-header h1 em{font-style:normal;color:#eacb76}.fan-header p{color:#bfcfe3}.fan-points{border:1px solid #bca369;background:#243c51;color:#eacb76;border-radius:15px;padding:24px;text-align:center;min-width:185px}.fan-points span{font-size:9px;letter-spacing:.1em}.fan-points strong{display:block;color:#fff;font-size:42px;line-height:1.25}.fan-points small{color:#ded6ca}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.game-card{background:#fff;border-radius:16px;border:1px solid #e3d9c9;padding:22px;min-width:0;box-shadow:var(--shadow)}.game-card h2{margin:10px 0 8px}.game-card p{font-size:12px;min-height:50px}.game-card>small{color:#89949c;display:block;margin-top:10px;font-size:10px}.predict-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:17px 0}.predict-options button{padding:12px 0;border-radius:8px;border:1px solid #cfd3d6;background:#f5f0e6;color:#19375e;font-size:12px;font-weight:850}.predict-options .selected{background:var(--navy);color:#fff}.game-result{background:#edf6e5;color:#266340;font-weight:800;font-size:12px;padding:11px;margin-top:12px;border-radius:8px}.spin-wheel{border-radius:50%;width:174px;height:174px;margin:18px auto 16px;display:flex;align-items:center;justify-content:center;padding:26px;background:conic-gradient(#bd961f 0deg 45deg,#173b61 45deg 90deg,#d2b04e 90deg 135deg,#284f7a 135deg 180deg,#c7a341 180deg 225deg,#183b68 225deg 270deg,#dbba58 270deg 315deg,#234c77 315deg 360deg);color:#fff;border:6px solid #eee2bf;text-shadow:0 1px 6px #0007;font-weight:900;text-align:center;transition:transform 2.5s cubic-bezier(.13,.75,.22,1)}.catch-field{height:177px;border-radius:11px;margin:12px 0 17px;background:radial-gradient(ellipse at bottom,#4b7c6b,#133956);position:relative;overflow:hidden;color:#f8d78b;display:flex;flex-direction:column;justify-content:space-between;padding:13px;text-align:center;font-size:11px;font-weight:850}.moving-ball{position:absolute;top:48%;left:36%;height:49px;width:49px;border-radius:50%;background:#fff6d9;border:3px solid #d2bd84;color:#b14b38;font-size:36px;line-height:1;box-shadow:0 0 15px #fff9;animation:ballDance 1.6s ease-in-out both}.login-banner{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid #e4d9c4;background:#fffdf7;border-radius:15px;margin-bottom:20px}.login-banner img{width:235px;max-width:38%;height:150px;object-fit:contain}.login-banner h1{font-size:35px;margin:6px 0}.login-banner p{font-size:12px}.login-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;max-width:1020px;margin:auto}.login-panel{padding:28px}.login-panel h2{margin:12px 0}.guest-panel{background:var(--navy);color:white;padding:30px;position:relative;overflow:hidden}.guest-panel h2{margin:12px 0}.guest-panel p{color:#c5d0dc;margin-bottom:25px}.guest-symbol{position:absolute;right:12px;bottom:-37px;font-size:190px;color:#b996382f;pointer-events:none}.admin-rule{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e7dfd4;color:#44576b;font-size:12px}.admin-rule span{color:#a98629;font-weight:900;text-align:right}.admin-match-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #e9dfd0}.admin-match-row>div:nth-child(2){flex:1}.action-row{display:flex;gap:8px;flex-wrap:wrap}.score-large{font-size:48px;letter-spacing:-.08em;color:#b38a1e}.score-pad{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0 8px}.score-pad button{border:0;background:var(--navy);color:#fff;border-radius:9px;font-size:24px;font-weight:900;padding:16px 4px}.score-pad button:hover{background:var(--gold)}.score-extras{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.score-extras button{padding:12px 15px;background:#eee3c9;border:1px solid #d4c193;color:#655225;font-size:11px;font-weight:850;border-radius:8px}.score-extras button:hover{background:#d5b45f}.scorecards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.scorecard{padding:25px;background:var(--navy);border-radius:14px;color:white}.scorecard>span{font-size:11px;color:#e1c880;font-weight:850}.scorecard strong{display:block;font-size:53px;letter-spacing:-.07em}.scorecard p{color:#bfd0de}.over-bubbles{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.over-bubbles span{width:30px;height:30px;border-radius:50%;background:#e3cb89;color:#132c4d;font-size:10px;display:grid;place-items:center;font-weight:850}.tv-wrapper{min-height:100vh;background:var(--navy);color:white;padding:30px}.tv-wrapper>img{height:100px;max-width:250px;object-fit:contain;border-radius:8px;background:#fff}.tv-matches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:42px 0}.tv-match{padding:30px;background:#193b65;border:1px solid #b18a3e;border-radius:19px}.tv-match>span{font-size:11px;color:#f6d894;font-weight:850;letter-spacing:.12em}.tv-match h2{margin:19px 0}.tv-match strong{font-size:clamp(27px,4vw,65px);color:#efd389}.reaction-overlay{position:fixed;inset:0;z-index:1000;background:#0b2038ed;backdrop-filter:blur(9px);display:grid;place-items:center;animation:fadeIn .15s}.reaction-body{border:3px solid #d2a642;background:radial-gradient(circle at 50% 20%,#34618b,#0d2a50 72%);border-radius:25px;color:white;text-align:center;min-width:min(510px,95vw);position:relative;padding:20px 22px 27px;box-shadow:0 0 100px #ddb04c55;animation:popIn .4s}.reaction-body>strong{display:block;font-size:clamp(53px,10vw,104px);font-weight:1000;letter-spacing:-.08em;line-height:1;color:#f6d373}.reaction-body p{color:#f2e2ba;font-size:17px;margin-top:6px}.reaction-close{position:absolute;right:15px;top:12px;border-radius:50%;width:35px;height:35px;color:white;border:1px solid #a89864;background:#204264}.duck-mascot{height:155px;width:250px;margin:5px auto 9px;position:relative;animation:duckWalk 2s infinite ease-in-out}.duck-body{position:absolute;left:60px;top:66px;width:104px;height:66px;border-radius:53%;background:#f4f5ef;box-shadow:inset -7px -10px #dbe0d8}.duck-head{position:absolute;left:146px;top:35px;width:55px;height:55px;border-radius:50%;background:#f4f5ef;box-shadow:inset -4px -7px #dce1d8;z-index:2}.duck-cap{position:absolute;left:153px;top:24px;width:43px;height:22px;background:#e34b4e;border-radius:20px 20px 7px 7px;transform:rotate(-20deg);z-index:3}.duck-beak{position:absolute;left:191px;top:66px;width:45px;height:19px;border-radius:3px 14px 15px 2px;background:#f3c536;z-index:3}.duck-eye{position:absolute;left:178px;top:59px;width:9px;height:9px;background:#1f3135;border-radius:50%;z-index:4}.duck-wing{position:absolute;left:108px;top:77px;width:46px;height:22px;border-top:4px solid #bfcaca;border-radius:50%;transform:rotate(20deg);z-index:4}.duck-bat{position:absolute;left:15px;top:103px;width:94px;height:18px;border-radius:6px;background:#edc28b;transform:rotate(-10deg);box-shadow:inset -4px -3px #d5aa70;z-index:5}.duck-bat:before{content:"";position:absolute;right:-14px;top:-5px;width:18px;height:27px;background:#2a525b;border-radius:4px}.duck-foot{position:absolute;bottom:5px;width:4px;height:37px;background:#efc03d;z-index:-1}.duck-foot:after{content:"";position:absolute;bottom:-2px;left:-10px;width:22px;height:8px;background:#efc03d;border-radius:50%}.duck-foot.one{left:102px;transform:rotate(-15deg)}.duck-foot.two{left:145px;transform:rotate(15deg)}.duck-ball{position:absolute;left:212px;top:10px;width:23px;height:23px;background:#e97c53;border:3px solid #f6b48f;border-radius:50%;opacity:0}.reaction-overlay.dot .duck-eye{height:4px}.reaction-overlay.dot .duck-mascot{animation:sadWalk 2.4s infinite}.reaction-overlay.big .duck-mascot{animation:jumpDuck .7s infinite}.reaction-overlay.big .duck-ball{opacity:1;animation:flyBall 1.1s infinite}.toast{position:fixed;z-index:1200;right:18px;bottom:20px;background:#204a43;color:#f2f6ed;border-radius:10px;padding:14px 19px;box-shadow:0 12px 30px #0004;max-width:350px;font-weight:700;font-size:12px}.toast.error{background:#853b42}.offline{position:fixed;top:0;left:0;right:0;background:#a54444;color:white;text-align:center;padding:8px;z-index:1000}.loading-screen{background:var(--navy);color:#f4d27d;height:100vh;display:grid;place-items:center;font-size:18px;font-weight:850}.muted{color:var(--muted)}footer{border-top:1px solid #e3d8bc;background:#fbf9f2;padding:18px max(25px,calc((100vw - 1360px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#85919e}footer>div{display:flex;gap:14px;align-items:center}footer img{width:76px;height:42px;object-fit:contain}
@keyframes pulse{50%{opacity:.3}}@keyframes ballDance{0%{transform:translateX(-25px) scale(.6)}70%{transform:translateX(95px) translateY(-12px) scale(1.05)}100%{transform:translateX(150px) translateY(20px) scale(.7)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes popIn{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes duckWalk{50%{transform:translateX(25px) rotate(4deg)}}@keyframes sadWalk{20%{transform:translateX(-24px) translateY(3px) rotate(-5deg)}70%{transform:translateX(8px) translateY(7px)}}@keyframes jumpDuck{50%{transform:translateY(-25px) rotate(-5deg)}}@keyframes flyBall{to{transform:translate(95px,-65px) scale(.4);opacity:0}}
@media(max-width:1350px){.topbar{flex-wrap:wrap;padding:12px 22px}.brand{min-width:initial}.nav{order:3;width:100%;justify-content:space-between;overflow-x:auto}.nav button{padding:10px 11px}.top-actions{margin-left:auto}}@media(max-width:880px){.main-content{padding:15px 15px 50px}.match-grid,.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col,.login-layout{grid-template-columns:1fr}.headline-row{padding:27px 0 18px}.players-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tv-matches{grid-template-columns:1fr 1fr}.event-hero>img{height:auto;max-height:none}.brand img{width:95px;height:52px}.brand-text{display:none}}@media(max-width:590px){.topbar{padding:9px 10px}.nav{gap:3px;justify-content:flex-start}.nav button{font-size:10px;padding:10px 9px}.main-content{padding:11px 11px 37px}.event-hero>img{height:auto;aspect-ratio:2/1;object-fit:contain}.hero-actions{padding:12px 13px;font-size:8px;letter-spacing:.05em}.gold-button{font-size:10px;padding:9px}.headline-row h1{font-size:30px}.headline-row .hero-count{display:none}.feature-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-stats>div{padding:13px;border-bottom:1px solid #e9e3d6}.feature-stats>div:nth-child(even){border-right:0}.feature-stats strong{font-size:25px}.feature-stats span{font-size:9px}.match-grid,.games-grid,.team-grid,.form-two,.scorecards{grid-template-columns:1fr}.match-card{padding:19px}.match-pair{font-size:28px}.two-col{gap:14px}.panel{padding:16px}.title-row{flex-wrap:wrap}.title-row h2{font-size:24px}.fixture-card{padding:14px;gap:9px}.fixture-card strong{font-size:12px}.round-badge{padding:7px;font-size:9px}.fixture-action{font-size:11px}.players-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fan-header{padding:20px;display:block}.fan-header h1{font-size:31px}.fan-points{margin-top:18px;padding:13px}.score-pad{grid-template-columns:repeat(3,1fr)}.top-actions{gap:5px}.top-actions .live-indicator{display:none}.pill-cta,.profile-pill{font-size:10px;padding:9px}.brand img{width:75px;height:46px}.login-banner{padding:14px;display:block;text-align:center}.login-banner img{max-width:100%;height:95px}.login-banner h1{font-size:28px}.tv-matches{grid-template-columns:1fr}.hero-count{display:none}footer{display:block;padding:14px;font-size:9px}footer>p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Always present the supplied original artwork in full; never crop its event date, logos or athletes. */
.event-hero>img{height:auto;max-height:none;object-fit:contain}

/* v2.1.1 team media, schedule and live player identity cards */
.portrait-avatar{display:inline-grid;place-items:center;flex:none;width:54px;height:54px;border:2px solid #d9c58c;border-radius:50%;overflow:hidden;background:#e9e0cc;color:#153355;font-weight:950;font-size:15px}.portrait-avatar.large{width:86px;height:86px;border-width:3px}.portrait-avatar img,.team-logo-graphic img{width:100%;height:100%;object-fit:cover;display:block}.portrait-avatar span{font-size:inherit}.team-logo-graphic{width:78px;height:78px;flex:none;display:grid;place-items:center;border-radius:17px;overflow:hidden;background:#f4e4bb;border:2px solid #e0c787;color:var(--navy);font-size:28px;font-weight:900}.team-identity{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(115deg,#fffefa,#f3e8ca)}.team-identity .team-logo-graphic{width:108px;height:108px}.team-identity>div:nth-child(2){flex:1;min-width:170px}.team-identity h2{font-size:26px;margin:5px 0}.logo-upload{display:grid;gap:7px;justify-items:start}.logo-upload small{font-size:10px;color:var(--muted)}.file-upload-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.logo-upload label,.player-gallery-card label{position:relative;cursor:pointer}.player-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:17px}.player-gallery-card{border:1px solid #e1d7c3;background:#faf7f0;border-radius:13px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:19px 10px 15px;gap:7px;min-width:0}.player-gallery-card strong{font-size:12px;color:var(--navy);margin-top:5px;max-width:100%;overflow-wrap:anywhere}.player-gallery-card>span:not(.portrait-avatar){color:var(--muted);font-size:10px}.upload-button{font-size:10px;padding:8px 10px;margin-top:5px}.own-fixtures{display:grid;gap:8px;margin:12px 0}.own-fixture{width:100%;text-align:left;display:flex;align-items:center;gap:13px;padding:13px;border-radius:11px;border:1px solid #e6ddcd;background:#fffdf9;color:var(--navy)}.own-fixture:hover{border-color:var(--gold)}.own-fixture .team-logo-graphic{height:54px;width:54px;border-radius:9px;font-size:16px}.own-fixture-main{display:grid;gap:3px;flex:1;min-width:0}.own-fixture-main strong{font-size:13px}.own-fixture-main span,.own-fixture-main small{font-size:11px;color:#6d7a86}.fixture-link{white-space:nowrap;font-size:11px;font-weight:800;color:var(--gold)}.small-subhead{font-size:13px;color:var(--navy);margin:17px 0 9px}.space-small{margin-top:22px}.live-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:21px 0}.live-person-card{min-width:0;display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#13385d,#092749);border:1px solid #b28e3e;border-radius:15px;padding:16px;color:white}.live-person-card .person-detail{min-width:0;display:grid;gap:4px}.live-person-card .person-role{color:#f2ce70;font-size:10px;font-weight:900;letter-spacing:.08em}.live-person-card strong{font-size:clamp(13px,1.5vw,17px);color:white;line-height:1.17;overflow-wrap:anywhere}.live-person-card small{font-size:10px;color:#d9dce1}.person-numbers{color:#f5df9c;font-size:11px;font-weight:700}.scorer-trio{margin:14px 0 4px}.publish-lineup{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:12px}.publish-lineup small{color:var(--muted);font-size:11px}.tv-player-row{display:grid;grid-template-columns:1fr;gap:9px;margin-top:17px}.tv-player-row .live-person-card{padding:10px;background:#0d2d4e}.tv-player-row .portrait-avatar.large{height:55px;width:55px}.tv-player-row .person-numbers{font-size:10px}.match-trio-mini{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:0 0 15px}.match-trio-mini>span{min-width:0;display:flex;align-items:center;gap:7px;flex:1}.match-trio-mini .portrait-avatar{height:36px;width:36px;font-size:12px}.match-trio-mini small{color:#f7e9bc;font-weight:750;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card .portrait-avatar{margin:0 auto 8px}.team-card .team-emblem img{object-fit:cover}
@media(max-width:1050px){.live-trio{grid-template-columns:repeat(2,minmax(0,1fr))}.player-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.live-trio{grid-template-columns:1fr}.live-person-card{padding:12px}.live-person-card .portrait-avatar.large{height:64px;width:64px}.player-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.team-identity .team-logo-graphic{width:82px;height:82px}.team-identity h2{font-size:22px}.own-fixture{gap:8px;padding:9px}.own-fixture .team-logo-graphic{width:43px;height:43px}.fixture-link{font-size:10px}}

.live-team-brand{display:flex;align-items:center;gap:9px;margin:9px 0}.live-team-brand .team-logo-graphic{width:47px;height:47px;font-size:14px;border-radius:10px}.live-team-brand>span:nth-child(2){font-size:9px;font-weight:900;color:#a67c21;letter-spacing:.09em}

/* v2.2.0: group draw studio. Dark theme is now the only supported colour scheme. */
.draw-hero{border:1px solid #af873a;background:linear-gradient(112deg,#0c294c,#163b63);color:#fff;border-radius:18px;padding:25px 30px;display:flex;justify-content:space-between;gap:22px;align-items:center}.draw-hero h2{color:#f4d184;font-size:clamp(27px,3vw,40px);font-weight:950;margin:8px 0}.draw-hero p{max-width:560px;color:#d8e2ec}.draw-counter{flex:none;border:1px solid #d6b3687a;padding:14px 20px;border-radius:13px;text-align:center;background:#ffffff10}.draw-counter strong{font-size:42px;color:#f5d184;display:block;line-height:1}.draw-counter span{font-size:10px;letter-spacing:.2em;font-weight:850}.draw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.draw-group{border:1px solid #dccca9;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 11px 25px #102b5210}.draw-group-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#f8efdf;border-bottom:1px solid #e4d5b2}.draw-group-head small{color:#8c733e;font-size:11px}.draw-team{padding:10px 14px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee7da}.draw-team:last-child{border:0}.draw-index{font-weight:850;color:#a57d27;font-size:11px}.draw-team .team-logo-graphic{width:39px;height:39px;border-radius:9px;font-size:13px}.draw-team strong{font-size:12px;color:#173456;overflow-wrap:anywhere}.draw-form{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.draw-form label{font-size:12px;color:var(--muted);font-weight:700;display:grid;gap:7px;flex:1;min-width:180px}.draw-form input,.draw-form select{border:1px solid #d1c5af;border-radius:8px;background:#fff;color:#18365b;padding:11px;min-height:42px;width:100%}.draw-receipt{margin-top:14px;font-size:11px;overflow-wrap:anywhere}.draw-receipt code{font-size:10px;word-break:break-all}.qualification-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.qualification-band>div{background:var(--navy);color:white;padding:20px 16px;border-radius:13px;border:1px solid #bc973e}.qualification-band strong{color:#f0d083;font-size:26px;display:block}.qualification-band span{color:#cad2de;font-size:11px}.qualification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qualifier-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:5px 8px;align-items:center;background:#fff;border-radius:10px;border:1px solid #ddd5c2;padding:12px}.qualifier-row>span{background:#d7b566;color:#142c4f;border-radius:50%;height:27px;width:27px;display:grid;place-items:center;font-weight:950;font-size:10px}.qualifier-row strong{font-size:12px;color:var(--navy)}.qualifier-row small{font-size:10px;color:var(--muted)}.qualifier-row small:last-child{grid-column:2 / -1}.bracket-board{display:flex;gap:14px;overflow-x:auto;align-items:stretch;padding:4px 0 15px}.bracket-round{min-width:225px;flex:1;display:flex;flex-direction:column;gap:12px}.bracket-round>h3{font-size:12px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.bracket-match{background:#fff;border:1px solid #d4c5a8;border-left:4px solid #b68d1e;border-radius:11px;padding:12px;display:grid;gap:5px;box-shadow:0 6px 18px #132a4010}.bracket-match strong{font-size:12px;color:#173657}.bracket-match small{font-size:9px;color:#947c40}.bracket-pitch,.bracket-status{color:#6d7a82;font-size:10px}.bracket-status{border-top:1px solid #e7dac1;padding-top:6px;margin-top:2px}.action-row{display:flex;gap:10px;flex-wrap:wrap}.space-small{margin-top:13px}
@media(max-width:930px){.draw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:610px){.draw-grid,.qualification-list{grid-template-columns:1fr}.qualification-band>div{padding:12px}.qualification-band strong{font-size:20px}.draw-hero{padding:17px}.draw-hero h2{font-size:28px}.draw-counter{padding:9px}.draw-counter strong{font-size:30px}.draw-form{display:grid}.bracket-round{min-width:210px}}

/* The original Jetwing images remain unchanged; the surrounding interface always uses dark colours. */
html[data-theme=dark]{color-scheme:dark;--bg:#0a172a;--navy:#132d50;--deep:#08172e;--navy2:#173b67;--gold:#d1a74c;--gold2:#e2c984;--cream:#0b1b30;--sand:#1b2b3c;--ink:#edf3f8;--muted:#a3b4c9;--line:#37516d;--white:#142a42;--shadow:0 18px 40px #0006;background:#091a30}
html[data-theme=dark] body{background:radial-gradient(circle at 55% -150px,#163b5a 0%,transparent 550px),#091a30;color:#ebf2f7}
html[data-theme=dark] .topbar{background:#091c31f5;box-shadow:0 4px 25px #0004;border-bottom-color:#26425d}
html[data-theme=dark] .brand-text{border-color:#406080}html[data-theme=dark] .brand-text strong{color:#f6f8fa}html[data-theme=dark] .brand-text small{color:#d4b46b}
html[data-theme=dark] .brand img,html[data-theme=dark] footer img{background:#fffdf6;border-radius:9px;padding:3px;mix-blend-mode:normal}
html[data-theme=dark] .nav button{color:#c2d0de}html[data-theme=dark] .nav button:hover{background:#193a58}html[data-theme=dark] .nav .nav-on{background:#c49b42;color:#09182b}
html[data-theme=dark] .pill-cta,html[data-theme=dark] .profile-pill{background:#183553;border-color:#9d8046;color:#f8e3af}html[data-theme=dark] .pill-cta:hover,html[data-theme=dark] .profile-pill:hover{background:#254768}
html[data-theme=dark] .live-indicator{color:#8ae1b9}html[data-theme=dark] .event-hero{background:#13243e;border-color:#4b6080}
html[data-theme=dark] .feature-stats,html[data-theme=dark] .panel,html[data-theme=dark] .table-panel,html[data-theme=dark] .fixture-card,html[data-theme=dark] .team-card,html[data-theme=dark] .draw-group,html[data-theme=dark] .bracket-match,html[data-theme=dark] .qualifier-row{background:#12263d;border-color:#354d66;box-shadow:0 10px 35px #0003;color:#e9f1f6}
html[data-theme=dark] .feature-stats>div,html[data-theme=dark] .fixture-row,html[data-theme=dark] td,html[data-theme=dark] .draw-team{border-color:#314a63}
html[data-theme=dark] .feature-stats strong,html[data-theme=dark] .fixture-row strong,html[data-theme=dark] td strong,html[data-theme=dark] .team-card strong,html[data-theme=dark] .draw-team strong,html[data-theme=dark] .bracket-match strong,html[data-theme=dark] .qualifier-row strong{color:#eff4f7}
html[data-theme=dark] .feature-stats span,html[data-theme=dark] .fixture-row small,html[data-theme=dark] .fixture-card small,html[data-theme=dark] .admin-match-row small,html[data-theme=dark] .qualification-band span{color:#a6b8c9}
html[data-theme=dark] .warm-panel,html[data-theme=dark] .info-strip{background:#2b2c35;border-color:#7a6945;color:#f5deb0}html[data-theme=dark] .warm-panel p{color:#c6c4cb}
html[data-theme=dark] .button{background:#233e58;color:#f3efde;border-color:#58708a}html[data-theme=dark] .button:hover{background:#365977}html[data-theme=dark] .button.gold{background:#bd9542;color:#10243a;border-color:#bd9542}html[data-theme=dark] .gold-button{color:#132c46}
html[data-theme=dark] .fixture-time,html[data-theme=dark] .datepill,html[data-theme=dark] .round-badge,html[data-theme=dark] .group-chip,html[data-theme=dark] .draw-group-head{background:#293d53;color:#f1d493;border-color:#485369}
html[data-theme=dark] .tabs button{background:#1a3650;border-color:#476078;color:#d5e0e9}html[data-theme=dark] .tabs button.active{background:#b89545;color:#0b2034}
html[data-theme=dark] table th{background:#071a31;color:#edd48f}html[data-theme=dark] table td{color:#e0e9f3}
html[data-theme=dark] .form input,html[data-theme=dark] .form select,html[data-theme=dark] .form textarea,html[data-theme=dark] .draw-form input,html[data-theme=dark] .draw-form select,html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#091d32;border-color:#48617b;color:#f7f3ea}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a0aaba}
html[data-theme=dark] .team-identity{background:linear-gradient(115deg,#152e48,#0c1f35)}html[data-theme=dark] .player-gallery-card,html[data-theme=dark] .own-fixture,html[data-theme=dark] .player-card,html[data-theme=dark] .admin-match-row{background:#142d47;border-color:#37516b;color:#e5eff7}html[data-theme=dark] .player-gallery-card strong,html[data-theme=dark] .small-subhead,html[data-theme=dark] .own-fixture-main strong{color:#f1f4f9}
html[data-theme=dark] .draw-group-head small{color:#d6c295}html[data-theme=dark] .draw-index{color:#e3c886}html[data-theme=dark] .bracket-status{border-color:#37516b;color:#bacbdc}
html[data-theme=dark] .team-emblem{border-color:#38495f}html[data-theme=dark] .portrait-avatar{background:#233d54;color:#f1e3c1}html[data-theme=dark] .team-logo-graphic{background:#203e56;color:#e0d8b7}
html[data-theme=dark] .empty-state{color:#e6eaf2;background:#102638}html[data-theme=dark] .empty-state p{color:#abbccf}
html[data-theme=dark] footer{background:#09192e;border-color:#27455e;color:#b5c1d2}html[data-theme=dark] .login-banner,html[data-theme=dark] .login-panel,html[data-theme=dark] .login-box{background:#142a43;color:#eaf2f9}html[data-theme=dark] .login-banner img{background:#fffcf4;border-radius:8px}
html[data-theme=dark] .section-heading p,html[data-theme=dark] .caption,html[data-theme=dark] p{color:var(--muted)}html[data-theme=dark] .info-strip,html[data-theme=dark] .info-strip p{color:#f4deb3}
/* Stadium scoring cards retain navy styling for projector contrast. */
/* Accessibility contrast refinements for the dark theme */
html[data-theme=dark] .nav button.nav-on{background:#c69c47!important;color:#0a1c30!important}
html[data-theme=dark] .empty-state strong{color:#eff3f8!important}
html[data-theme=dark] .empty-state .empty-shape{color:#f0c96a}
html[data-theme=dark] .draw-receipt code{color:#edd58b}
/* v2.2.1: Intelligent Tournament Planner, with responsive styles */
.smart-planner .title-row{align-items:flex-start}.planner-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:19px}.planner-controls label{display:grid;gap:7px;font-size:11px;color:var(--muted);font-weight:800}.planner-controls select,.planner-controls input{width:100%;min-height:44px;border:1px solid #d2c4a6;border-radius:8px;padding:10px;color:#18395f;background:#fff}.plan-report{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.plan-result{display:flex;gap:15px;align-items:center;justify-content:space-between;border-radius:12px;border:1px solid #98be9a;padding:15px;background:#eaf4e8;color:#1a5539}.plan-result strong{font-size:13px;letter-spacing:.05em}.plan-result span{font-size:12px}.plan-result.fail{border-color:#e0a56d;background:#fff0df;color:#7f3a1e}.plan-metrics{margin-top:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.plan-metrics>div{background:#f7f2e8;border:1px solid #e8d8bb;border-radius:11px;padding:14px}.plan-metrics small,.plan-metrics span{display:block;color:#766850;font-size:10px}.plan-metrics strong{display:block;font-size:clamp(21px,2.6vw,31px);color:#18365a;margin:4px 0;font-weight:900;line-height:1.2}.plan-metre{background:#e4d9c4;border-radius:20px;height:9px;margin:17px 0;overflow:hidden}.plan-metre div{height:100%;background:#c49b41;border-radius:20px}.plan-warnings{display:grid;gap:6px;margin-bottom:16px}.plan-warnings p{font-size:12px;color:#8a5e20;line-height:1.5}.planner-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px}.planner-groups>div{border:1px solid #dfc89d;background:#fbf5e7;border-radius:10px;padding:11px}.planner-groups b,.planner-groups strong,.planner-groups small{display:block}.planner-groups b{font-size:11px;color:#9d7b36}.planner-groups strong{font-size:18px;color:#1b395b}.planner-groups small{font-size:10px;color:#6f7a7e}.planner-timetable{border:1px solid #dbcdaa;border-radius:11px;overflow:auto;margin-top:12px;max-height:470px}.planner-timetable-header,.planner-timetable-row{display:grid;grid-template-columns:130px repeat(3,minmax(175px,1fr));min-width:690px}.planner-timetable-header{background:#14345b;color:#f4d88f;font-size:11px;padding:12px}.planner-timetable-row{border-top:1px solid #e9e1d1}.planner-time{padding:12px;background:#f0e8d7;font-size:11px;font-weight:750;align-content:center;color:#816022}.planner-match{padding:10px 12px;border-left:1px solid #e8decc;min-height:62px;display:grid;gap:3px;align-content:center}.planner-match b{font-size:9px;color:#a18038;letter-spacing:.06em}.planner-match span{font-size:11px;font-weight:650}.planner-match em{font-style:normal;color:#a18853;font-weight:400}.planner-match small{font-size:11px;color:#9ea7ad}.plan-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.plan-footer span{font-size:11px;overflow-wrap:anywhere}.plan-published{background:#e8f0e7;border:1px solid #83ae85;border-radius:12px;padding:17px;margin-top:16px;display:grid;gap:11px}.plan-published strong{color:#24563b}.plan-published p{font-size:12px}
html[data-theme=dark] .planner-controls select,html[data-theme=dark] .planner-controls input{background:#0d2139;border-color:#405e7d;color:#eaf0f6}html[data-theme=dark] .plan-metrics>div,html[data-theme=dark] .planner-groups>div,html[data-theme=dark] .plan-published{background:#1a3248;border-color:#5f5b48}html[data-theme=dark] .plan-metrics strong,html[data-theme=dark] .planner-groups strong{color:#f4e9d0}html[data-theme=dark] .plan-metrics small,html[data-theme=dark] .plan-metrics span,html[data-theme=dark] .planner-groups small{color:#b0c5d4}html[data-theme=dark] .plan-result.pass,html[data-theme=dark] .plan-result:not(.fail){background:#1a443b;color:#d7f4e7;border-color:#3b9879}html[data-theme=dark] .plan-result.fail{background:#492f2a;border-color:#976b46;color:#ffe1c7}html[data-theme=dark] .plan-warnings p{color:#f3d28c}html[data-theme=dark] .planner-timetable{border-color:#40536b}html[data-theme=dark] .planner-time{background:#1d3047;color:#f1d18a}html[data-theme=dark] .planner-timetable-row{border-color:#344c60}html[data-theme=dark] .planner-match{border-color:#344c60}html[data-theme=dark] .planner-match span{color:#dce9f3}html[data-theme=dark] .plan-published strong{color:#b8e0c9}html[data-theme=dark] .plan-published p{color:#b6cada}
@media(max-width:1100px){.planner-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.planner-controls{grid-template-columns:1fr}.plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-result{align-items:flex-start;flex-direction:column}.plan-metrics strong{font-size:22px}.smart-planner .title-row{flex-wrap:wrap}}

/* v2.3 Live Tournament Control Room: Jetwing navy, gold and both colour schemes */
.ops-room .section-heading {margin-bottom:12px}.ops-head-actions {display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 23px}.ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}.ops-kpi-grid>div {background:var(--ops-panel);border:1px solid var(--ops-line);border-radius:17px;padding:18px;min-width:0}.ops-kpi-grid small{display:block;color:var(--ops-muted);font-size:11px;letter-spacing:1px;font-weight:800}.ops-kpi-grid strong{font-size:26px;display:block;margin-top:9px;overflow-wrap:anywhere;color:var(--ops-ink)}.ops-kpi-grid .ops-danger{color:#ce6844}.ops-kpi-grid .ops-good{color:#4ca67e}.ops-pitch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ops-pitch-card{background:var(--ops-panel);border:1px solid var(--ops-line);border-radius:18px;padding:20px;min-width:0;position:relative;overflow:hidden}.ops-pitch-card:before{content:'';height:5px;background:#b7932d;position:absolute;top:0;left:0;right:0}.ops-pitch-card.pitch-live:before{background:#4fba92}.ops-pitch-top,.ops-pitch-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.ops-pitch-top span{font-weight:900;font-size:12px;letter-spacing:1px}.ops-pitch-top b{font-size:10px;letter-spacing:1px;color:var(--gold,#b38e28)}.ops-pitch-card h3{font-size:20px;line-height:1.2;margin:21px 0 8px}.ops-pitch-card h3 em{font-style:normal;color:var(--gold,#b38e28)}.ops-pitch-card p,.ops-pitch-bottom{font-size:12px;color:var(--ops-muted)}.ops-pitch-bottom{border-top:1px solid var(--ops-line);padding-top:13px;margin-top:18px}.ops-big-score{font-size:27px}.ops-alerts{margin-top:20px;border:1px solid #b99e57;border-radius:17px;padding:18px;background:color-mix(in srgb,#b9942b 7%,transparent)}.ops-alerts h2{font-size:19px;margin:0 0 12px}.ops-alerts h2 span{font-size:13px;border-radius:20px;padding:3px 8px;background:#b9942b;color:white}.ops-alerts>div{padding:8px 0;font-size:13px;display:flex;align-items:center;gap:10px}.ops-alert-dot{background:#b9942b;width:7px;height:7px;border-radius:50%;flex:none}.ops-all-clear{padding:18px;margin-top:18px;border:1px solid #699c80;border-radius:13px;font-size:13px}.ops-filters,.ops-card-actions{display:flex;flex-wrap:wrap;gap:8px}.ops-filters{margin:12px 0 20px}.ops-filters button{background:transparent;border:1px solid var(--ops-line);color:inherit;padding:9px 14px;border-radius:22px;cursor:pointer}.ops-filters .active{background:#b08a27;color:white;border-color:#b08a27}.ops-list{display:grid;gap:11px}.ops-fixture{padding:15px;border:1px solid var(--ops-line);border-radius:13px;min-width:0}.ops-fixture-overview{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.ops-fixture-overview>div{flex:1;min-width:0}.ops-fixture-overview strong{display:block;font-size:15px}.ops-fixture-overview strong em{font-weight:500;color:var(--ops-muted);font-style:normal}.ops-fixture-overview small{display:block;margin-top:4px;color:var(--ops-muted);font-size:12px}.ops-fixture-pitch{background:#b9942b;color:white;padding:10px;border-radius:9px;flex:none;font-weight:800;font-size:11px}.ops-state{text-transform:uppercase;font-size:10px;letter-spacing:.8px;color:var(--ops-muted);border:1px solid var(--ops-line);border-radius:18px;padding:5px 8px}.ops-state.live{border-color:#4fba92;color:#4fba92}.ops-inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.ops-inline label{display:grid;gap:5px;font-size:11px;font-weight:800;flex:1;min-width:135px}.ops-inline input,.ops-inline select{width:100%;border:1px solid var(--ops-line);border-radius:9px;padding:10px;background:var(--ops-panel);color:var(--ops-ink)}.ops-admin-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;padding-top:13px;border-top:1px dashed var(--ops-line)}.ops-admin-controls .button{align-self:end;white-space:nowrap}.ops-room .match-card{height:auto}@media(max-width:1080px){.ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-admin-controls{grid-template-columns:1fr}}@media(max-width:700px){.ops-pitch-grid{grid-template-columns:1fr}.ops-kpi-grid{gap:8px}.ops-kpi-grid>div{padding:14px}.ops-kpi-grid strong{font-size:20px}.ops-fixture-overview{flex-wrap:wrap}.ops-inline label{min-width:calc(50% - 12px)}.ops-inline button{width:100%}.ops-pitch-card h3{margin-top:12px}}

.ops-room{--ops-panel:#fff;--ops-line:#ded8ce;--ops-ink:#132e50;--ops-muted:#6e7c8b}
html[data-theme=dark] .ops-room{--ops-panel:#132b45;--ops-line:#36516a;--ops-ink:#e9f0fa;--ops-muted:#a8bace}

.ops-fragment{display:contents}
/* v2.3 compact mobile header keeps staff navigation swipeable */
@media(max-width:650px){
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:9px 12px}
 .topbar .brand{grid-column:1;grid-row:1;min-width:0}.topbar .brand img{width:80px;height:44px}.topbar .brand-text{display:none}
 .topbar .top-actions{grid-column:2;grid-row:1;margin-left:0;justify-content:flex-end;gap:6px}
 .topbar .live-indicator{display:none}.topbar .top-actions .pill-cta{padding:8px 9px;font-size:10px}
 .topbar .nav{grid-column:1 / -1;grid-row:2;display:flex;justify-content:flex-start;gap:4px;overflow-x:auto;width:100%;scrollbar-width:thin;padding-bottom:4px}
 .topbar .nav button{flex:0 0 auto;padding:8px 11px;font-size:10px}
}

/* v2.4 Automatic Qualification & Knockout Championship. Official Jetwing navy, gold and ivory. */
.knockout-qualification{display:grid;gap:18px}
.knockout-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.ko-standing-card{border:1px solid var(--ko-line);border-radius:16px;background:var(--ko-panel);padding:17px;min-width:0;color:var(--ko-ink)}
.ko-standing-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.ko-standing-title strong{font-size:17px;color:var(--ko-ink)}
.ko-standing-title .ko-ready,.ko-standing-title .ko-wait{font-size:11px;border-radius:14px;padding:5px 9px;background:#e1eee1;color:#2b754a;font-weight:800;white-space:nowrap}.ko-standing-title .ko-wait{color:#936d27;background:#f8ebd3}
.ko-standing-card table{width:100%;border-collapse:collapse;font-size:12px}.ko-standing-card th{text-align:left;text-transform:uppercase;letter-spacing:.04em;font-size:10px;color:var(--ko-muted);padding:9px 6px}.ko-standing-card td{padding:10px 6px;border-top:1px solid var(--ko-line);color:var(--ko-ink)}.ko-standing-card th:not(:first-child),.ko-standing-card td:not(:first-child){text-align:center}.ko-table-team{font-weight:750;display:block;max-width:245px;overflow-wrap:anywhere}
.ko-policy{border:1px solid #bfa45a;border-radius:14px;padding:14px 17px;background:var(--ko-hint);color:var(--ko-ink)}.ko-policy strong{font-size:14px}.ko-policy p{font-size:12px;line-height:1.6;margin-top:6px;color:var(--ko-muted)}
.ko-qualifier-list{border:1px solid var(--ko-line);padding:17px;border-radius:14px;background:var(--ko-panel)}.ko-qualifier-list>.eyebrow{display:block;margin-bottom:11px}
.ko-ruling{border:1px dashed #b99035;padding:12px;margin-top:12px;border-radius:10px;display:grid;gap:9px;background:var(--ko-hint)}.ko-ruling strong{font-size:12px}.ko-rule-button{font-size:11px!important;white-space:normal!important;min-height:37px!important;text-align:left}
.ko-bracket-board{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x proximity;align-items:flex-start;padding:6px 2px 14px;margin-top:14px}
.ko-bracket-board .bracket-round{flex:1 0 220px;min-width:205px;max-width:310px;display:grid;gap:12px;align-content:start;scroll-snap-align:start}
.ko-bracket-board .bracket-round h3{font-size:13px;letter-spacing:.08em;color:var(--ko-ink);margin:0}
.ko-round-count{font-size:11px;color:var(--ko-muted)}
.ko-bracket-match{display:grid;gap:8px;min-width:0;background:var(--ko-panel);border:1px solid var(--ko-line);padding:13px 12px;border-radius:13px;transition:transform .2s ease,box-shadow .2s ease}
.ko-bracket-match:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0018320d}.ko-match-done{border-left:4px solid #bd962c}
.ko-bracket-header{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;color:#bd9633}.ko-bracket-header span:last-child{font-size:9px;color:var(--ko-muted);text-align:right}
.ko-bracket-team{border-radius:8px;background:var(--ko-team);padding:10px;display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:40px;min-width:0}.ko-bracket-team b{font-size:12px;color:var(--ko-ink);line-height:1.35;overflow-wrap:anywhere}.ko-bracket-team span{font-size:9px;color:#17754c;font-weight:900}.ko-bracket-team.ko-winner{background:var(--ko-win);border:1px solid #70a183}.ko-versus{text-align:center;font-size:9px;font-weight:800;color:var(--ko-muted);line-height:1}
.ko-bracket-footer{font-size:11px;color:var(--ko-muted)}.ko-bracket-match .text-link{text-align:left;padding:6px 0;font-size:11px}
.ko-champion{margin:18px 0;background:#112e52;border:1px solid #bf9d4a;padding:22px;border-radius:17px;color:#f5eacf;text-align:center;box-shadow:inset 0 0 0 4px #112e52,inset 0 0 0 5px #957b39}.ko-champion>span{font-size:11px;letter-spacing:1.3px;color:#e4c76e;font-weight:900}.ko-champion h2{margin:12px 0;font-size:25px;color:#fff5d6}.ko-champion p{font-size:12px;color:#dbd7c7}
.ko-admin-panel{border-top:4px solid #bc942a}
.knockout-qualification,.ko-bracket-board{--ko-line:#e4d8c3;--ko-panel:#fffefa;--ko-team:#f5f0e5;--ko-hint:#fff5df;--ko-ink:#143353;--ko-muted:#667887;--ko-win:#dff0e4}
html[data-theme=dark] .knockout-qualification,html[data-theme=dark] .ko-bracket-board{--ko-line:#395169;--ko-panel:#172d45;--ko-team:#213b52;--ko-hint:#273742;--ko-ink:#eff4f9;--ko-muted:#aabdd0;--ko-win:#244d44}
html[data-theme=dark] .ko-standing-title .ko-ready{background:#214d3b;color:#bde9ce}html[data-theme=dark] .ko-standing-title .ko-wait{background:#514329;color:#f1d5a1}html[data-theme=dark] .ko-bracket-team span{color:#a8f2cc}
@media(max-width:800px){.knockout-ranking-grid{grid-template-columns:1fr}.ko-bracket-board .bracket-round{flex-basis:240px}}
@media(max-width:500px){.ko-standing-card{padding:12px}.ko-standing-card td{font-size:11px}.ko-bracket-board .bracket-round{flex-basis:85vw;max-width:310px}.ko-bracket-board{gap:12px}}
@media(prefers-reduced-motion:reduce){.ko-bracket-match{transition:none}.ko-bracket-match:hover{transform:none}}
/* Keep league ranking tables inside mobile viewport, while bracket itself is intentionally swipeable. */
.knockout-qualification,.knockout-ranking-grid,.ko-standing-card{min-width:0;max-width:100%}
.ko-standing-card{overflow-x:hidden}
.ko-standing-card table{table-layout:fixed;width:100%;min-width:0}
.ko-standing-card th:first-child,.ko-standing-card td:first-child{width:49%;overflow-wrap:anywhere}
.ko-standing-card th:not(:first-child),.ko-standing-card td:not(:first-child){width:17%}
.ko-table-team{overflow-wrap:anywhere;word-break:normal}

/* v2.4.1 · Jetwing Championship Hub (home), approved ivory/navy/gold visual reference */
.v241-championship{border-radius:22px;background:var(--surface, #fff);border:1px solid var(--line, #e4ded2);box-shadow:0 14px 48px rgba(11,32,59,.08);padding:clamp(18px,3vw,32px);overflow:hidden}
.v241-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.v241-head h2{font-size:clamp(26px,3vw,39px);letter-spacing:-.05em;line-height:1.12;margin:7px 0}.v241-head h2 em{font-style:normal;color:#b18a18}.v241-head p{margin:6px 0 0;max-width:700px}.v241-trophy{font-size:11px;letter-spacing:.12em;color:#c7a03a;background:#132e51;padding:15px 22px;border-radius:10px;white-space:nowrap;font-weight:800}.v241-trophy span{font-size:22px;margin-right:6px}
.v241-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0}.v241-summary>div{background:var(--soft, #f7f3e9);border:1px solid var(--line, #e6ddcb);padding:15px 18px;border-radius:12px;display:flex;flex-direction:column;gap:3px}.v241-summary strong{font-size:26px;line-height:1.15;color:var(--ink,#183352)}.v241-summary strong small{font-size:13px;color:var(--muted,#768296)}.v241-summary span{font-size:11px;color:var(--muted,#778398);letter-spacing:.025em}
.v241-qualifier-heading,.v241-bracket-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 13px}.v241-qualifier-heading h3,.v241-bracket-heading h3{font-size:21px;letter-spacing:-.025em;margin:0}.v241-qualifier-heading>span,.v241-bracket-heading p{font-size:12px;color:var(--muted,#748196);margin:0}
.v241-group-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.v241-group{border:1px solid var(--line,#e5ded0);border-radius:11px;background:var(--card,#fff);overflow:hidden}.v241-group-title{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:9px 10px;background:var(--soft,#f5f1e7);font-size:10px;letter-spacing:.075em}.v241-group-title span{font-size:9px;color:var(--muted,#778399);letter-spacing:0}.v241-group-ready .v241-group-title span{color:#18764a}.v241-qualifier{display:flex;align-items:center;gap:7px;padding:10px 9px;min-height:59px}.v241-qualifier+.v241-qualifier{border-top:1px solid var(--line,#e9e2d6)}.v241-position{height:27px;min-width:27px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:850;color:#fff}.v241-gold .v241-position{background:#b99122}.v241-silver .v241-position{background:#96a4b5}.v241-qual-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;line-height:1.25}.v241-qual-name small{display:block;font-size:10px;font-weight:400;color:var(--muted,#79869a);margin-top:3px}.v241-qualifier>strong{font-size:9px;color:#518368;letter-spacing:.03em}.v241-group:not(.v241-group-ready) .v241-qualifier>strong{color:#9b8767}
.v241-bracket-heading{margin-top:30px}.v241-bracket-scroll{overflow:auto;padding:4px 0 15px;scrollbar-color:#bb9b4c transparent}.v241-bracket-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(226px,1fr);gap:13px;min-width:max(800px,100%);align-items:start}.v241-bracket-round{min-width:0}.v241-round-head{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#112d52;border-radius:8px 8px 0 0;color:#e9ddc8;padding:13px 11px;font-size:11px;font-weight:800;letter-spacing:.07em}.v241-round-head small{color:#d1b15f;font-weight:500;letter-spacing:0}.v241-round-matches{background:var(--soft,#f8f5ec);border-radius:0 0 10px 10px;padding:10px 8px;display:flex;flex-direction:column;gap:10px;min-height:90px}.v241-fixture{background:var(--card,#fff);border:1px solid var(--line,#e7dfd1);border-radius:9px;padding:9px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.v241-fixture-meta{display:flex;justify-content:space-between;align-items:center;gap:4px;border-bottom:1px solid var(--line,#e9e2d8);padding-bottom:8px;margin-bottom:6px;font-size:9px;letter-spacing:.06em}.v241-fixture-meta span{color:var(--muted,#778397);font-size:9px}.v241-fixture-team{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;padding:7px 7px;border-radius:6px;min-height:31px}.v241-fixture-team+ .v241-fixture-team{margin-top:3px}.v241-fixture-team span{min-width:0;white-space:normal;line-height:1.3;font-weight:700}.v241-fixture-team b{color:#2b8764;font-size:9px}.v241-win{background:#e4f4e9;color:#1f654c}.v241-bye .v241-fixture-team:last-child{color:var(--muted,#8995a4);font-style:italic}.v241-scorelink{font-size:10px;font-weight:700;color:#a47f1d;background:transparent;border:0;padding:6px 0 0;text-align:left}.v241-foot{display:flex;justify-content:space-between;gap:10px;padding-top:17px;margin-top:6px;border-top:1px solid var(--line,#e1dbd1);color:var(--muted,#778499);font-size:11px}.v241-empty{padding:34px;border:1px dashed var(--line,#dfd5c5);text-align:center;border-radius:12px}.v241-mini-qual{display:inline-block;border-radius:9px;padding:2px 5px;vertical-align:middle;margin-left:3px;background:#f7eac2;color:#84641d;font-size:9px;white-space:nowrap}.v241-mini-qual.second{background:#eef0f3;color:#5b6980}.v241-demo-chip{background:#d2aa3f;color:#0b2a51;border-radius:100px;font-weight:800;font-size:9px;letter-spacing:.05em;padding:8px 10px}.v241-champion{background:#183556;color:#f0d18d;border-radius:10px;padding:16px;font-size:20px;font-weight:900;text-align:center}
[data-theme="dark"] .v241-championship{background:#12263a;border-color:#35485b}[data-theme="dark"] .v241-summary>div,[data-theme="dark"] .v241-group-title,[data-theme="dark"] .v241-round-matches{background:#1a334b;border-color:#344b61}[data-theme="dark"] .v241-group,[data-theme="dark"] .v241-fixture{background:#122c44;border-color:#365066}[data-theme="dark"] .v241-summary strong{color:#e5eef8}[data-theme="dark"] .v241-win{background:#1c5540;color:#a4efc9}[data-theme="dark"] .v241-mini-qual{background:#6a5226;color:#f8dd9e}[data-theme="dark"] .v241-mini-qual.second{background:#3f4a5a;color:#eef0f4}
@media(max-width:950px){.v241-group-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.v241-head .v241-trophy{display:none}}
@media(max-width:640px){.v241-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v241-summary>div{padding:12px}.v241-group-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v241-qual-name{font-size:10px}.v241-qualifier{padding:8px 5px}.v241-qualifier>strong{font-size:8px}.v241-qualifier-heading,.v241-bracket-heading{align-items:flex-start;flex-direction:column}.v241-bracket-grid{grid-auto-columns:228px}.v241-foot{flex-direction:column}.v241-championship{padding:15px}.v241-summary strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.v241-championship *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v2.5 QuickScore: phone-first, one-tap match-day scoring. */
.qs-workspace{max-width:1060px;margin:0 auto;padding:clamp(14px,2.5vw,28px);border:1px solid var(--line,#dcd5c3);border-radius:22px;background:var(--card,#fff);color:var(--ink,#102b52);box-shadow:0 14px 50px rgba(10,28,48,.07)}
.qs-topline,.qs-score-head,.qs-over-strip,.qs-pad-heading,.qs-actions,.qs-log-title,.qs-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qs-topline{font-size:12px;font-weight:900;letter-spacing:.1em;color:var(--muted,#746b5f)}.qs-live{display:flex;align-items:center;gap:7px;color:#15834b}.qs-live i{width:8px;height:8px;border-radius:100%;background:#19a761;box-shadow:0 0 0 4px rgba(30,156,92,.15)}
.qs-score-head{border-bottom:1px solid var(--line,#eee);padding:17px 0 20px}.qs-score-head h2{font-size:clamp(19px,2.5vw,29px);line-height:1.25;margin:0;letter-spacing:-.04em}.qs-score-head h2 span{font-size:.58em;font-weight:500;opacity:.65}.qs-score-head p{margin:6px 0 0;color:var(--muted,#777);font-size:13px}.qs-total{display:grid;text-align:right;flex-shrink:0}.qs-total strong{font-size:clamp(37px,5vw,58px);letter-spacing:-.08em;font-weight:900;color:var(--ink,#102b52);line-height:1.05}.qs-total small{font-weight:700;color:var(--muted,#777)}
.qs-over-strip{padding:14px 0;gap:12px}.qs-over-strip>div:first-child{display:grid;gap:3px}.qs-over-strip>div:first-child span{font-weight:900;font-size:12px;letter-spacing:.07em}.qs-over-strip small{color:var(--muted,#777);font-size:11px}.qs-bubbles{display:flex;gap:6px}.qs-bubbles span{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;font-size:12px;font-weight:800;border:1px solid var(--line,#c6bca3);color:var(--muted,#777)}.qs-bubbles .done{background:#b38a1c;border-color:#b38a1c;color:#fff}
.qs-current-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qs-participant{display:flex;align-items:center;gap:8px;min-width:0;padding:12px;background:var(--surface,#f8f5ec);border:1px solid var(--line,#e8e0c8);border-radius:13px}.qs-participant .portrait-avatar{flex-shrink:0}.qs-participant>div:last-child{min-width:0;display:grid;gap:1px}.qs-participant small{font-size:9px;font-weight:900;letter-spacing:.09em;color:#a27d17}.qs-participant strong{font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-participant span:not(.portrait-avatar){font-size:11px;color:var(--muted,#777)}
.qs-alert{padding:12px 15px;border:1px solid #d7a331;background:rgba(187,136,19,.12);border-radius:12px;margin:14px 0;font-size:13px;font-weight:700}.qs-players-form{display:flex;align-items:end;gap:10px;padding:15px 0;border-bottom:1px solid var(--line,#e6dccd)}.qs-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-width:0}.qs-select-grid label,.qs-modal label,.qs-extra-line label{display:grid;gap:6px;font-size:11px;font-weight:800;color:var(--muted,#777)}.qs-select-grid select,.qs-modal select,.qs-extra-line select{width:100%;max-width:100%;min-width:0;padding:10px 7px;border-radius:9px;background:var(--card,#fff);color:var(--ink,#102b52);border:1px solid var(--line,#d9d3c7);font:inherit;font-size:12px}.qs-players-form>.button{min-width:150px;font-size:12px;padding:11px 9px}.qs-needs-players{border:2px solid #ba9226;border-radius:13px;padding:12px;background:rgba(193,142,26,.05)}
.qs-pad-heading{margin:23px 0 12px}.qs-pad-heading span:first-child{font-size:10px;font-weight:900;letter-spacing:.13em;color:#a48020}.qs-pad-heading h3{margin:4px 0 0;font-size:21px}.qs-one-tap{font-size:11px;font-weight:800;color:var(--muted,#777)}.qs-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.qs-tile{display:grid;place-items:center;gap:3px;min-width:0;min-height:91px;padding:12px 3px;border:2px solid transparent;border-radius:16px;background:#112e53;color:white;cursor:pointer;touch-action:manipulation;transition:transform .12s,filter .12s,box-shadow .12s}.qs-tile strong{font-size:36px;line-height:1;font-weight:900}.qs-tile small{font-size:10px;letter-spacing:.06em;font-weight:800}.qs-run-4,.qs-run-6{background:#b58c22;color:#fff}.qs-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 14px rgba(12,32,50,.14)}.qs-tile:active:not(:disabled){transform:scale(.94)}.qs-tile:disabled,.qs-secondary button:disabled{opacity:.35;cursor:not-allowed}
.qs-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.qs-secondary button{border:1px solid var(--line,#d4d0c8);background:var(--surface,#f3f1e9);color:var(--ink,#102b52);border-radius:13px;min-height:67px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;font-size:24px;cursor:pointer;touch-action:manipulation}.qs-secondary button small{font-size:11px;letter-spacing:.02em}.qs-secondary .qs-wicket{background:#a82439;color:#fff;border-color:#a82439}.qs-secondary button:active:not(:disabled){transform:scale(.97)}.qs-rule-reminder{margin:11px 0;padding:10px;border-radius:10px;background:rgba(180,133,33,.14);font-size:12px;font-weight:750}.qs-actions{padding:17px 0;gap:8px}.qs-action{border:1px solid var(--line,#ded7c9);border-radius:9px;background:transparent;color:var(--ink,#102b52);padding:12px 14px;font-size:12px;font-weight:800;cursor:pointer}.qs-action:disabled{opacity:.35}.qs-advanced{border:1px solid var(--line,#e1dbcb);border-radius:13px;padding:15px;margin-bottom:14px;background:var(--surface,#f7f5ed)}.qs-advanced h4{margin:0 0 12px}.qs-advanced p{font-size:11px;color:var(--muted,#777);margin:12px 0 0}.qs-extra-line{display:flex;align-items:end;gap:9px}.qs-extra-line button,.qs-end{border:none;border-radius:9px;padding:13px 11px;background:#112e53;color:#fff;font-weight:850;font-size:12px;cursor:pointer}.qs-end{margin-top:16px;background:#a82439}.qs-delivery-log{padding:15px 0 5px;border-top:1px solid var(--line,#ddd)}.qs-log-title h4{margin:0;font-size:14px}.qs-log-title small{font-size:11px;color:var(--muted,#777)}.qs-recent{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.qs-delivery-pill{display:grid;place-items:center;background:var(--surface,#f5f2e9);border:1px solid var(--line,#e3dccc);border-radius:8px;min-width:31px;height:31px;padding:0 8px;font-size:11px;font-weight:850}.qs-delivery-pill.is-wicket{background:#a82439;color:#fff}
.qs-modal-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:14px}.qs-modal{background:var(--card,#fff);color:var(--ink,#102b52);border-radius:18px;padding:24px;max-width:420px;width:100%;box-shadow:0 24px 65px rgba(0,0,0,.3);display:grid;gap:15px}.qs-modal-top h3{font-size:23px;margin:0}.qs-modal-top button{border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.qs-modal p{margin:0;font-size:13px;color:var(--muted,#777)}.qs-modal-buttons{display:flex;gap:10px}.qs-modal-buttons button{flex:1;border:1px solid var(--line,#ccc);border-radius:11px;padding:14px 10px;background:var(--surface,#f5f3ed);color:var(--ink,#102b52);font-weight:850;cursor:pointer}.qs-modal-buttons button:last-child{background:#a82439;border-color:#a82439;color:#fff}.qs-modal select{padding:13px;font-size:14px}
[data-theme="dark"] .qs-workspace{--card:#10283e;--surface:#172f45;--ink:#f5f1e5;--line:#3b5369;--muted:#bdc8d3;background:#10283e;color:#f5f1e5}[data-theme="dark"] .qs-total strong,[data-theme="dark"] .qs-action,[data-theme="dark"] .qs-secondary button{color:#f5f1e5}[data-theme="dark"] .qs-tile{background:#203f63}[data-theme="dark"] .qs-run-4,[data-theme="dark"] .qs-run-6{background:#ab8327}[data-theme="dark"] .qs-secondary .qs-wicket{background:#a82439;color:#fff}[data-theme="dark"] .qs-modal{--card:#10283e;--surface:#172f45;--ink:#f5f1e5;--line:#3b5369;--muted:#bdc8d3}
@media(max-width:720px){.qs-workspace{padding:12px;border-radius:16px}.qs-current-players{grid-template-columns:1fr 1fr}.qs-current-players .qs-participant:last-child{grid-column:span 2}.qs-participant{padding:10px}.qs-players-form{display:block}.qs-select-grid{grid-template-columns:1fr 1fr}.qs-select-grid label:last-child{grid-column:span 2}.qs-players-form>.button{width:100%;margin-top:10px}.qs-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qs-tile{min-height:85px}.qs-secondary{gap:6px}.qs-secondary button{font-size:18px;flex-direction:column;gap:0;min-height:62px}.qs-secondary button small{font-size:10px}.qs-extra-line{flex-wrap:wrap}.qs-score-head h2{font-size:17px}.qs-total strong{font-size:34px}.qs-over-strip small{font-size:10px}.qs-bubbles span{width:29px;height:29px}.qs-actions{flex-wrap:wrap}.qs-action{flex:1;font-size:11px}}
@media(max-width:365px){.qs-bubbles span{width:24px;height:24px}.qs-secondary button small{font-size:9px}.qs-score-head{gap:8px}.qs-total strong{font-size:29px}}
.qs-demo-hint{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid #be963a;border-radius:15px;background:rgba(183,144,38,.13);padding:14px 18px;margin:20px 0}.qs-demo-hint strong{font-size:12px;letter-spacing:.06em;color:#b78f28}.qs-demo-hint span{font-size:12px;flex:1;min-width:260px}.qs-demo-hint .button{white-space:nowrap}
.qs-standalone-page{max-width:1160px!important}.qs-standalone-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px auto 16px;max-width:1060px}.qs-standalone-nav span{font-size:11px;color:var(--muted,#87795e);font-weight:800;letter-spacing:.1em}.qs-standalone-page .qs-workspace{margin:0 auto}
@media(max-width:600px){.qs-standalone-nav{margin:4px 0 8px}.qs-standalone-nav span{font-size:9px}.qs-standalone-nav .button{font-size:11px;padding:9px}}
/* v2.6 awards and player recognition */
.award-section{margin-top:22px}.award-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}.award-lock{border:1px solid var(--line,#d6d0bf);border-radius:99px;padding:8px 12px;font-size:12px}.award-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px;margin:18px 0}.award-card{border:1px solid var(--line,#d1c8b6);background:var(--surface,#fff);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:230px}.award-card small{text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800}.award-card h3{margin:5px 0;font-size:19px}.award-card span{font-size:12px}.award-emblem{font-size:24px!important;color:#b28a21}.award-details{font-size:13px;opacity:.84}.award-approved{color:#29815c;font-size:12px}.award-pending{opacity:.7}.award-matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.award-match{border:1px solid var(--line,#d1c8b6);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px;font-size:12px}.award-caveat{font-size:12px;opacity:.7;margin-top:18px;line-height:1.7}@media(max-width:600px){.award-grid{grid-template-columns:1fr}.award-card{min-height:unset}.award-heading h2{font-size:23px}}
/* v2.7 Stadium Live · dedicated broadcast layout. No cropped Jetwing brand assets. */
.display-main{max-width:none;padding:0;margin:0}
.stadium-shell{--stadium-gold:#dab963;--stadium-line:rgba(222,187,102,.25);--stadium-cream:#f7edcf;--stadium-soft:#b7c7d9;min-height:100vh;color:#f8f4e8;background:radial-gradient(ellipse 65% 55% at 50% 0%,rgba(34,79,120,.7) 0%,transparent 77%),linear-gradient(130deg,#081b31 0%,#112b4a 55%,#07182d 100%);padding:26px clamp(14px,3vw,52px) 28px;position:relative;isolation:isolate;overflow:hidden}
.stadium-shell:before{content:"";position:absolute;inset:0 0 auto;height:9px;background:linear-gradient(90deg,#ba921f,#efda99,#ac7f14);pointer-events:none}
.stadium-shell:after{content:"";pointer-events:none;position:absolute;width:720px;height:720px;top:15%;left:-550px;border:1px solid rgba(213,173,83,.13);border-radius:50%;box-shadow:0 0 0 95px rgba(213,173,83,.02),0 0 0 190px rgba(213,173,83,.025)}
.stadium-masthead,.stadium-toolbar,.stadium-section-head,.stadium-three-grid,.stadium-bottom,.stadium-notice{position:relative;z-index:1}
.stadium-masthead{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--stadium-line);padding:0 0 22px}
.stadium-identity{display:flex;gap:23px;align-items:center;min-width:0}.stadium-identity img{width:176px;max-height:88px;object-fit:contain;mix-blend-mode:screen;border-radius:8px;background:#fffdfa;padding:3px}
.stadium-identity>div>span,.stadium-section-head>div>span{color:var(--stadium-gold);font-size:11px;letter-spacing:.22em;font-weight:850}
.stadium-identity h1{font-size:clamp(25px,3.7vw,54px);line-height:1.06;letter-spacing:-.055em;margin:5px 0}.stadium-identity h1 em{font-style:normal;color:var(--stadium-gold)}.stadium-identity p{font-size:11px;color:#c1d0db;letter-spacing:.1em;font-weight:750}
.stadium-head-side{display:grid;justify-items:end;gap:12px;flex:none}.stadium-connection{font-size:11px;letter-spacing:.13em;font-weight:900;color:#e9f2fa;border:1px solid #6d8eaf55;border-radius:100px;padding:12px 17px;background:#183756}.stadium-live-dot{display:inline-block;width:9px;height:9px;background:#32d39c;border-radius:50%;box-shadow:0 0 0 6px #32d39c22;margin-right:9px;animation:stadiumBeacon 1.5s infinite}
.stadium-demo-flag{color:#e8cc80;font-size:10px;letter-spacing:.045em;font-weight:850}
.stadium-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:18px 0 24px;flex-wrap:wrap}.stadium-view-tabs,.stadium-tools{display:flex;gap:7px;flex-wrap:wrap}.stadium-toolbar button{min-height:40px;padding:9px 13px;border-radius:10px;border:1px solid #46617b;color:#d4e3ef;background:#102c4b;font-size:11px;font-weight:850;transition:.18s}.stadium-toolbar button:hover,.stadium-toolbar button:focus-visible{border-color:var(--stadium-gold);color:white}.stadium-toolbar button.selected{background:var(--stadium-gold);color:#0b243e;border-color:var(--stadium-gold)}.stadium-toolbar .stadium-preview-button{border-color:#b68d1e;color:#f6dd98}
.stadium-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:0 0 20px}.stadium-section-head h2{font-size:clamp(27px,2.7vw,42px);letter-spacing:-.05em;color:#fff;margin:5px 0 0}.stadium-running{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:11px;letter-spacing:.065em}.stadium-running span{border:1px solid #398d7a;color:#63e9ba;background:#0f3a3c;border-radius:9px;padding:8px 10px;font-weight:900}.stadium-running b{color:var(--stadium-gold)}
.stadium-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.stadium-focused .stadium-three-grid{grid-template-columns:minmax(0,760px);justify-content:center}
.stadium-pitch{background:linear-gradient(165deg,rgba(20,52,82,.97),rgba(8,30,53,.97));border:1px solid #507088aa;border-radius:22px;box-shadow:0 17px 48px #0005,inset 0 0 0 1px #ffffff0d;min-width:0;min-height:645px;overflow:hidden;position:relative;display:flex;flex-direction:column}
.stadium-active{border-top:4px solid var(--stadium-gold)}.stadium-standby{border-top:4px solid #4e7598}
.stadium-pitch-header{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:14px 18px 10px;border-bottom:1px solid var(--stadium-line)}.stadium-pitch-label{font-size:12px;font-weight:900;letter-spacing:.12em;color:#f3deac}.stadium-diamond{color:var(--stadium-gold);padding-right:4px}.stadium-state{font-size:9px;letter-spacing:.065em;font-weight:850;color:#b4c5d3}.stadium-state-live{color:#72e5bb}
.stadium-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:16px 13px 14px}.stadium-team{text-align:center;display:grid;justify-items:center;min-width:0;gap:4px}.stadium-team .team-logo-graphic{width:65px;height:65px;border-radius:13px;font-size:18px;background:#f5ead3;border-color:#b9953a}.stadium-team strong{font-size:clamp(20px,2.6vw,35px);letter-spacing:-.06em;color:#fff;line-height:1}.stadium-team small{font-size:9px;color:#b5c9d8;line-height:1.28;max-width:145px;overflow-wrap:anywhere}.stadium-versus{font-size:11px;font-weight:950;color:var(--stadium-gold);border:1px solid #8f783c;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}
.stadium-total{margin:0 16px 15px;padding:16px 22px;background:linear-gradient(105deg,#f3e6be 0%,#fff7e5 58%,#dcc078 100%);border-radius:16px;color:#102c4c;box-shadow:0 14px 25px #03131e66;text-align:center}.stadium-total>span{font-size:10px;letter-spacing:.11em;font-weight:900;color:#775d22}.stadium-total>strong{display:block;font-size:clamp(52px,6.5vw,94px);font-weight:1000;letter-spacing:-.085em;line-height:1.14;font-variant-numeric:tabular-nums}.stadium-total>strong em{font-size:.6em;font-style:normal;color:#b48c26;padding:0 4px}.stadium-total-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c5b68c;padding-top:10px}.stadium-total-bottom b{font-size:17px}.stadium-total-bottom b small{font-size:11px;color:#685e4e}.stadium-total-bottom>small{font-size:10px;color:#806622;font-weight:900;letter-spacing:.06em}
.stadium-player-list{margin:0 14px;display:grid;gap:7px;flex:1}.stadium-player{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid #3e6581;background:linear-gradient(110deg,#214968,#132f4e);border-radius:11px;min-width:0}.stadium-player-bowler{background:linear-gradient(110deg,#233a51,#1e304a);border-color:#a98b43}.stadium-player .portrait-avatar{width:45px;height:45px;font-size:11px;border-width:2px}.stadium-player>div{display:grid;gap:1px;min-width:0}.stadium-player small{font-size:9px;color:#f1cb71;letter-spacing:.07em;font-weight:900}.stadium-player strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.stadium-player span:not(.portrait-avatar){font-size:10px;color:#c0d2dd}
.stadium-latest{padding:16px;margin-top:10px;border-top:1px solid #395772}.stadium-latest>span{color:#c2cbd6;font-size:9px;font-weight:900;letter-spacing:.12em}.stadium-balls{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;align-items:center}.stadium-ball{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#2e4f6e;border:1px solid #66829c;color:#eaf1f7;font-size:10px;font-weight:900}.stadium-ball-four{background:#96751b;border-color:#ebc862;color:#fff1b8}.stadium-ball-six{background:#d7af45;color:#122947;border-color:#ffe8a3}.stadium-ball-wicket{background:#ad434b;border-color:#ec7a86;color:#fff}.stadium-balls>small{color:#9cb0c2;font-size:10px}
.stadium-next{padding:18px 24px 25px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;text-align:center;gap:11px}.stadium-next-art{width:190px;height:195px;margin:0 auto 20px;border:1px solid #d2b45e33;border-radius:50%;background:radial-gradient(circle,#214a71 0%,#142d4c 65%,transparent 66%);display:flex;align-items:center;justify-content:center;gap:12px}.stadium-wicket-post{display:block;height:106px;width:9px;background:linear-gradient(90deg,#a87d1b,#ebd18a);border-radius:5px;box-shadow:3px 6px 8px #0004}.stadium-next-kicker{color:var(--stadium-gold);font-size:11px;font-weight:950;letter-spacing:.17em}.stadium-next h3{font-size:clamp(22px,2.3vw,32px);color:#fff;letter-spacing:-.04em}.stadium-next p{color:#c4d3db;font-size:13px}.stadium-next-footer{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:8px;padding:13px 16px;background:#0a233e;border-top:1px solid var(--stadium-line);color:#b5c6d5;font-size:9px;letter-spacing:.075em}.stadium-next-footer b{color:#d7b765}
.stadium-flash{position:absolute;z-index:8;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;color:#fff;background:radial-gradient(ellipse at center,rgba(27,70,112,.98) 4%,rgba(7,21,40,.97) 80%);animation:stadiumFlashAppear .22s ease-out;border:3px solid #d4b35c;text-align:center}.stadium-flash-kicker{z-index:2;font-size:12px;color:#ead28b;font-weight:900;letter-spacing:.17em}.stadium-flash>strong{z-index:2;font-size:clamp(52px,5vw,104px);letter-spacing:-.07em;font-weight:1000;line-height:1.1;color:#f9d477;text-shadow:0 0 40px #c18f2788;animation:stadiumBoom .6s cubic-bezier(.22,.8,.3,1.3)}.stadium-flash-caption{z-index:2;font-size:14px;font-weight:800;color:#dce9f3}.stadium-flash-wicket{background:radial-gradient(circle,#733944 0%,#2e2035 47%,#091b31 85%)}.stadium-flash-wicket>strong{color:#ffe6eb}.stadium-flash-0>strong,.stadium-flash-1>strong,.stadium-flash-2>strong,.stadium-flash-3>strong{font-size:clamp(38px,4vw,72px)}.stadium-flash-undo>strong{font-size:clamp(33px,3.3vw,58px)}.stadium-rays{position:absolute;inset:0;pointer-events:none}.stadium-rays i{position:absolute;width:5px;height:75px;left:50%;top:50%;background:linear-gradient(to bottom,#d6ae45,transparent);border-radius:6px;transform-origin:50% 230px;opacity:.7;animation:stadiumRay 1.5s both}.stadium-rays i:nth-child(1){transform:rotate(0deg) translateY(-145px)}.stadium-rays i:nth-child(2){transform:rotate(45deg) translateY(-145px)}.stadium-rays i:nth-child(3){transform:rotate(90deg) translateY(-145px)}.stadium-rays i:nth-child(4){transform:rotate(135deg) translateY(-145px)}.stadium-rays i:nth-child(5){transform:rotate(180deg) translateY(-145px)}.stadium-rays i:nth-child(6){transform:rotate(225deg) translateY(-145px)}.stadium-rays i:nth-child(7){transform:rotate(270deg) translateY(-145px)}.stadium-rays i:nth-child(8){transform:rotate(315deg) translateY(-145px)}.stadium-orbit-ball{height:21px;width:21px;border-radius:50%;background:#fff;border:4px solid #bb3835;position:absolute;bottom:17%;left:35%;animation:stadiumBallFly 1.3s ease-in-out infinite alternate;z-index:3}
.stadium-bottom{margin-top:22px;padding:17px 0;border-top:1px solid var(--stadium-line);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px}.stadium-bottom-left,.stadium-bottom-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stadium-bottom-left b{color:#f5e8c2;letter-spacing:.1em}.stadium-bottom-left>span:last-child{color:#95aec3;font-size:10px;letter-spacing:.09em}.stadium-pulse-mark{color:var(--stadium-gold);font-size:23px}.stadium-bottom-right{color:#9db6c9;justify-content:flex-end}.stadium-audience-mark{color:var(--stadium-gold);font-size:10px;font-weight:900}.stadium-notice{margin-top:6px;font-size:10px;color:#9cb0c4;text-align:center}
.stadium-shell:fullscreen{overflow:auto}.stadium-shell:fullscreen .stadium-pitch{min-height:min(65vh,770px)}.stadium-focused .stadium-pitch{min-height:680px}.stadium-focused .stadium-player-list{grid-template-columns:repeat(3,minmax(0,1fr))}.stadium-focused .stadium-player{display:grid;justify-items:center;text-align:center}.stadium-focused .stadium-player>div{justify-items:center;min-width:0;max-width:100%}.stadium-focused .stadium-player .portrait-avatar{width:70px;height:70px}.stadium-focused .stadium-total>strong{font-size:105px}
@keyframes stadiumBeacon{50%{opacity:.5;box-shadow:0 0 0 12px #32d39c05}}@keyframes stadiumFlashAppear{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes stadiumBoom{from{transform:scale(.4);opacity:0}65%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes stadiumRay{from{opacity:0}35%{opacity:.7}to{opacity:.12}}@keyframes stadiumBallFly{from{transform:translate(-120px,75px) scale(.6)}to{transform:translate(200px,-140px) scale(1.25)}}
@media(max-width:1280px){.stadium-three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stadium-pitch{min-height:625px}.stadium-section-head h2{font-size:33px}}
@media(max-width:850px){.stadium-three-grid{grid-template-columns:1fr}.stadium-pitch{min-height:0}.stadium-player-list{grid-template-columns:repeat(3,minmax(0,1fr))}.stadium-player{flex-direction:column;text-align:center;justify-content:center;gap:7px}.stadium-player>div{width:100%}.stadium-player strong{white-space:normal}.stadium-latest{margin-top:17px}.stadium-masthead{align-items:flex-start}.stadium-identity img{width:130px}.stadium-identity h1{font-size:31px}.stadium-head-side{max-width:200px}.stadium-shell{padding:15px}.stadium-focused .stadium-three-grid{grid-template-columns:1fr}}
@media(max-width:600px){.stadium-identity{gap:11px}.stadium-identity img{width:94px;max-height:67px}.stadium-identity h1{font-size:23px}.stadium-identity>div>span,.stadium-section-head>div>span{font-size:8px;letter-spacing:.1em}.stadium-identity p{font-size:8px}.stadium-masthead{flex-wrap:wrap}.stadium-head-side{display:flex;justify-items:start;flex-wrap:wrap}.stadium-connection{padding:7px 10px;font-size:9px}.stadium-toolbar{gap:9px;padding:12px 0 17px}.stadium-view-tabs,.stadium-tools{width:100%;display:flex}.stadium-view-tabs button{flex:1;padding:8px 5px;font-size:10px}.stadium-tools button{flex:1;padding:8px 6px;font-size:10px}.stadium-section-head{align-items:flex-start}.stadium-section-head h2{font-size:26px}.stadium-running{font-size:9px}.stadium-running span{padding:6px}.stadium-pair{gap:5px;padding:12px 9px}.stadium-team .team-logo-graphic{height:49px;width:49px;font-size:15px}.stadium-team strong{font-size:24px}.stadium-versus{height:30px;width:30px;font-size:9px}.stadium-team small{font-size:9px}.stadium-total{padding:15px;margin:0 12px 10px}.stadium-total>strong{font-size:72px}.stadium-player-list{margin:0 10px;grid-template-columns:1fr;gap:6px}.stadium-player{flex-direction:row;text-align:left;padding:8px 11px}.stadium-player>div{width:auto;flex:1}.stadium-player strong{font-size:12px}.stadium-player .portrait-avatar{width:39px;height:39px}.stadium-pitch{border-radius:17px}.stadium-focused .stadium-player-list{grid-template-columns:1fr}.stadium-focused .stadium-player{display:flex;justify-items:stretch;text-align:left}.stadium-focused .stadium-player>div{justify-items:stretch}.stadium-focused .stadium-player .portrait-avatar{height:39px;width:39px}.stadium-focused .stadium-total>strong{font-size:72px}.stadium-bottom,.stadium-bottom-left,.stadium-bottom-right{justify-content:center;text-align:center}.stadium-bottom{flex-direction:column}.stadium-next{min-height:430px}.stadium-next-art{height:160px;width:160px}.stadium-flash>strong{font-size:60px}.stadium-flash-undo>strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){.stadium-shell *, .stadium-shell *:before,.stadium-shell *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.stadium-live-content{display:flex;flex-direction:column;flex:1;min-width:0}
/* Approved stadium photo wall, no unmoderated uploads ever shown. */
.stadium-moments-wall{position:relative;z-index:1;border:1px solid #657a85;border-radius:20px;padding:clamp(17px,3vw,35px);background:linear-gradient(120deg,#122b47,#0a1c32);min-height:555px}.stadium-moments-heading{text-align:center;margin-bottom:24px}.stadium-moments-heading>span{font-size:10px;color:#d5ac4b;letter-spacing:.16em;font-weight:900}.stadium-moments-heading h3{font-size:clamp(27px,3vw,45px);color:white;letter-spacing:-.045em;margin:4px 0 8px}.stadium-moments-heading p{color:#b6c8d8}.stadium-moments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stadium-moment{margin:0;min-width:0;overflow:hidden;border-radius:12px;border:1px solid #536980;background:#203a54}.stadium-moment img{height:195px;width:100%;object-fit:cover;display:block}.stadium-moment figcaption{display:grid;gap:3px;padding:14px}.stadium-moment figcaption strong{color:#f6da95;font-size:13px;overflow-wrap:anywhere}.stadium-moment figcaption span{color:#d5e1e9;font-size:12px;overflow-wrap:anywhere}.stadium-no-moments{grid-column:1/-1;min-height:330px;display:grid;justify-items:center;align-content:center;text-align:center;gap:13px;background:#17304c;border:1px dashed #456584;border-radius:13px;padding:20px}.stadium-no-moments>div{color:#d2b15c;font-size:85px}.stadium-no-moments strong{color:#f6e3ab;letter-spacing:.12em}.stadium-no-moments p{color:#b3c2d0;max-width:380px}.stadium-flash-start>strong{font-size:clamp(32px,4vw,75px)}
@media(max-width:850px){.stadium-moments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.stadium-moments-grid{grid-template-columns:1fr}.stadium-moment img{height:210px}}

/* v2.8 reliability and administrator backup workspace */
.ops-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.backup-list{display:grid;gap:10px;margin-top:18px}
.backup-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line,rgba(137,151,171,.3));padding:13px 16px;border-radius:12px}
.backup-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}.backup-row small,.backup-row code{word-break:break-all;opacity:.76;font-size:12px}
.ops-status-grid .panel{min-width:0}.ops-status-grid h2{margin:5px 0;font-size:24px}
.live-indicator.disconnected{opacity:.66}.live-indicator.disconnected .pulse{background:#db8f38!important}
@media(max-width:650px){.ops-status-grid{grid-template-columns:1fr}.backup-row{flex-wrap:wrap}.backup-row .button{width:100%}}
/* Keep added operations navigation from widening the desktop viewport. */
@media (min-width:881px) and (max-width:1800px){
 .topbar{flex-wrap:wrap;column-gap:14px;row-gap:6px}
 .topbar .nav{order:3;flex:0 0 100%;width:100%;min-width:0;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}
 .topbar .nav button{flex-shrink:0}
 .topbar .top-actions{margin-left:auto}
}
/* v2.9 Fan Zone, preserving original navy/gold identity and light/dark variables */
.fz-page{max-width:1340px;margin:0 auto}.fz-hero{border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px;background:linear-gradient(118deg,#0d2950,#173d6a);color:white;overflow:hidden}.fz-hero h1{font-size:clamp(2rem,4vw,4rem);margin:8px 0;color:#fff}.fz-hero em{color:#dcc280}.fz-hero p{max-width:530px;color:#ecf0fb}.fz-welcome{display:inline-block;margin-top:8px;color:#f3d78e;font-weight:600}.fz-wallet{min-width:190px;padding:22px;text-align:center;border-radius:16px;background:#d4ad3d;color:#13284b}.fz-wallet span,.fz-wallet small{display:block;font-size:12px;letter-spacing:.08em}.fz-wallet strong{font-size:clamp(2.1rem,5vw,3.5rem);display:block}.fz-metrics,.fz-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.fz-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.fz-metrics>div,.fz-admin-metrics>div{background:var(--card,#fff);border:1px solid var(--border,#d7d5c9);border-radius:13px;padding:18px}.fz-metrics strong,.fz-admin-metrics strong{display:block;font-size:27px}.fz-metrics small,.fz-admin-metrics small{color:var(--muted,#777)}.fz-column-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}.fz-card{min-width:0;padding:25px!important}.fz-card h2{font-size:1.6rem;margin:9px 0}.fz-window{margin:16px 0;background:var(--bg,#f8f6ef);border:1px solid var(--border,#d7d5c9);padding:15px;border-radius:12px}.fz-window-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.fz-status{font-size:11px;font-weight:800;background:#c6ad56;color:#132c50;padding:5px 9px;border-radius:20px}.fz-status.locked{background:#253954;color:white}.fz-pick-options{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin:14px 0}.fz-pick-options button{min-width:0;font-size:12px;padding:12px 0;background:var(--surface,#f1eee5);color:var(--text,#112b4b);border:1px solid var(--border,#d7d5c9);border-radius:8px;cursor:pointer}.fz-pick-options .fz-selected{background:#cba83f;color:#0f2c54;border-color:#cba83f;font-weight:800}.fz-pick-options button:disabled{opacity:.55}.fz-hint{padding:18px;border:1px dashed var(--border,#bbb);border-radius:12px;margin:16px 0;color:var(--muted,#5f6775)}.fz-placed{font-weight:700;color:var(--text,#122e50)}.fz-history{margin-top:24px}.fz-history h3,.fz-mt{margin:12px 0}.fz-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border,#ddd);font-size:.93rem}.fz-list-row strong{white-space:nowrap}.fz-wheel{margin:26px auto 16px;width:210px;height:210px;max-width:85%;aspect-ratio:1;border:9px solid #112e50;border-radius:50%;background:conic-gradient(#d5b04d 0 45deg,#173962 45deg 90deg,#e6ce89 90deg 135deg,#133352 135deg 180deg,#d5b04d 180deg 225deg,#173962 225deg 270deg,#e6ce89 270deg 315deg,#133352 315deg 360deg);display:grid;place-items:center;box-shadow:0 7px 25px #0002}.fz-wheel-center{background:#fff8e8;border:4px solid #bc9b39;border-radius:50%;width:87px;height:87px;display:grid;place-content:center;text-align:center;color:#112e50;font-size:24px}.fz-wheel-center small{display:block;font-size:11px;font-weight:800}.fz-spin-result{text-align:center;margin:10px 0 18px;font-weight:700}.fz-catch-practice{border-radius:14px;padding:20px;background:#0d3057;color:white;text-align:center;margin:24px 0}.fz-catch-practice strong{display:block;font-size:12px}.fz-catch-practice span{display:block;font-size:32px;font-weight:800}.fz-prize{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border,#ddd);padding:14px 0}.fz-prize small{display:block;color:var(--muted,#6b7380);font-size:12px;margin-top:5px}.fz-prize>div:last-child{text-align:right;white-space:nowrap}.fz-prize b{display:block;margin-bottom:7px;color:var(--text,#132c50)}.fz-claim{padding:12px;margin:12px 0;border:1px solid var(--border,#ddd);border-radius:9px}.fz-claim b,.fz-claim code,.fz-claim small{display:block;margin:4px 0}.fz-claim code{padding:8px;background:var(--surface,#efeee9);font-size:13px;letter-spacing:.06em;overflow-wrap:anywhere}.fz-scorer-window{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:12px;border:1px solid #bca14a;background:color-mix(in srgb,#d9bd68 13%,transparent);margin:14px 0}.fz-scorer-window small{display:block;max-width:560px;margin-top:5px}.fz-scorer-actions{white-space:nowrap}.fz-admin-list{max-height:520px;overflow:auto}.fz-admin-row{padding:12px 0;display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border,#ddd)}.fz-admin-row>div{flex:1;min-width:0}.fz-admin-row small{display:block;color:var(--muted,#666);overflow-wrap:anywhere}.fz-admin-row>span{font-size:12px;font-weight:800}
@media(max-width:900px){.fz-column-grid{grid-template-columns:1fr}.fz-pick-options{grid-template-columns:repeat(5,minmax(0,1fr))}.fz-hero{padding:23px}.fz-scorer-window{flex-wrap:wrap}}@media(max-width:580px){.fz-hero{display:block}.fz-wallet{margin-top:18px;max-width:100%}.fz-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fz-card{padding:16px!important}.fz-admin-row{flex-wrap:wrap}.fz-page .button{font-size:13px}.fz-hero h1{font-size:2rem}}
/* v2.9 accessibility corrections on dark mode and narrow phones */
html[data-theme=dark] .fz-metrics>div,html[data-theme=dark] .fz-admin-metrics>div{background:#142b44;border-color:#385069;color:#f6f1e6}
html[data-theme=dark] .fz-metrics small,html[data-theme=dark] .fz-admin-metrics small{color:#b2c2d0}
html[data-theme=dark] .fz-window{background:#20354b;border-color:#577089;color:#eaf2fb}
html[data-theme=dark] .fz-prize b,html[data-theme=dark] .fz-placed{color:#f3e4bc}
html[data-theme=dark] .fz-pick-options button{background:#243e56;color:#f3f3f1;border-color:#46627d}
html[data-theme=dark] .fz-pick-options .fz-selected{background:#d2ae4b;color:#122d50}
html[data-theme=dark] .fz-claim code{background:#233c55;color:#f4ebd0}
html[data-theme=dark] .fz-card .button:disabled{color:#6d5d28}
html,body{max-width:100%;overflow-x:clip}
.app{max-width:100%;min-width:0;overflow-x:clip}
@media(max-width:580px){.fz-scorer-actions{white-space:normal}.fz-prize{align-items:flex-start}.fz-metrics>div{padding:12px}}
.fz-qr{padding:8px;display:inline-block;background:white;border-radius:10px;margin-top:10px}.fz-qr img{width:134px;height:134px;display:block;image-rendering:pixelated}
@keyframes fzSpinWheel{from{transform:rotate(0deg)}to{transform:rotate(1440deg)}}
.fz-wheel.is-spinning{animation:fzSpinWheel .85s cubic-bezier(.18,.72,.22,1) both}
@media(prefers-reduced-motion:reduce){.fz-wheel.is-spinning{animation:none}}

/* v2.9.1 completed-championship display. */
.champion-showcase{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -40%,#4b5c78 0%,transparent 55%),linear-gradient(130deg,#0b2548 0%,#12345c 55%,#051a32 100%);border:1px solid #d3ad55;border-radius:21px;padding:27px 24px 29px;margin:20px 0 24px;text-align:center;color:#fff;box-shadow:0 14px 40px rgba(15,39,71,.23)}
.champion-showcase:before,.champion-showcase:after{content:'✦';position:absolute;color:#bfa150;font-size:48px;opacity:.26;transform:rotate(16deg)}
.champion-showcase:before{left:9%;top:32%}.champion-showcase:after{right:9%;top:20%}
.champion-spark{color:#e8c974;letter-spacing:16px;font-size:17px;opacity:.85}
.champion-overline{display:block;color:#efce7f;letter-spacing:.16em;font-size:10px;font-weight:800;margin:10px auto}
.champion-trophy{display:flex;margin:5px auto;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;color:#ffe4a2;font-size:30px;background:linear-gradient(155deg,#bd9137,#795314);border:2px solid #e5be62;box-shadow:0 0 0 5px rgba(199,163,86,.15)}
.champion-showcase h2{font-size:clamp(26px,4.5vw,51px);line-height:1.05;letter-spacing:-.045em;color:#fff4cc!important;margin:13px auto 6px;max-width:780px}
.champion-subtitle{font-size:14px;letter-spacing:.02em;color:#f4e7c8;margin:0 auto 15px}
.champion-final-label{color:#d9bd77;letter-spacing:.14em;font-size:10px;font-weight:800;margin:18px 0 10px}
.champion-final-scores{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px;margin:0 auto}
.champion-final-team{background:rgba(255,255,255,.07);border:1px solid rgba(231,202,135,.19);border-radius:13px;display:flex;align-items:center;flex-direction:column;gap:4px;padding:15px 8px;min-width:0}
.champion-final-winner{border-color:#edc365;background:rgba(185,144,57,.22)}
.champion-final-team span{font-size:12px;color:#f7f2e3;font-weight:700}
.champion-final-team strong{font-size:clamp(30px,4vw,43px);line-height:1.15;color:#fff8dd;font-variant-numeric:tabular-nums}
.champion-final-team small{font-size:11px;color:#decda5}
.champion-result-line{font-weight:800;color:#ffdfa1;font-size:13px;margin:13px auto 7px}
.champion-scorecard-button{margin:8px auto 0;padding:10px 19px;background:linear-gradient(120deg,#e8bf64,#b8953e);border:0;border-radius:100px;color:#142b48;font-weight:800;cursor:pointer}
.champion-scorecard-button:hover{filter:brightness(1.1)}
@media(max-width:640px){.champion-showcase{padding:19px 12px}.champion-spark{letter-spacing:8px}.champion-final-scores{gap:7px}.champion-final-team{padding:12px 4px}.champion-final-team span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.champion-showcase *{animation:none!important}}

/* Cricket Carnival 2026 · approved accessible UI integration */
.award-card {background:#fffdfa!important;color:#172f4d!important;border-color:#d8d9da!important;box-shadow:0 8px 25px #0b28491a}
.award-card h3,.award-card small,.award-card span,.award-card .award-details,.award-card .award-pending{color:#173455!important;opacity:1!important}
.award-card small{color:#85651e!important}.award-card .award-emblem{color:#b48a20!important}.award-card .award-details{font-weight:700!important}.award-card .award-pending{color:#566c82!important}
html[data-theme=dark] .award-card{background:#17324b!important;color:#f3f8ff!important;border:1px solid #536c85!important}
html[data-theme=dark] .award-card h3,html[data-theme=dark] .award-card span,html[data-theme=dark] .award-card .award-details{color:#f1f6fd!important}
html[data-theme=dark] .award-card small,html[data-theme=dark] .award-card .award-pending{color:#d7c08a!important}
.award-approved{color:#16815a!important}html[data-theme=dark] .award-approved{color:#a6f4c6!important}
.award-match{background:var(--white);color:var(--ink);border-color:var(--line)}.award-match strong{color:var(--ink)}.award-match span{color:var(--muted)}
html[data-theme=dark] .award-match{background:#162d46;color:#f5f5f7;border-color:#47607a}html[data-theme=dark] .award-match span{color:#c5d5e8}
/* Mirrored navy/gold championship board: left and right qualifier arms */
.cc-bracket-stage{margin-top:12px;background:radial-gradient(ellipse at 51% 49%,#1d4c82 0,#0a2955 42%,#071936 85%);border:1px solid #52729b;border-radius:20px;color:#fff;overflow:hidden;box-shadow:0 20px 52px #0003}
.cc-bracket-top,.cc-bracket-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 22px;font-size:10px;letter-spacing:.085em;font-weight:850;color:#e3c681;border-bottom:1px solid #ffffff2b}
.cc-bracket-bottom{border-bottom:0;border-top:1px solid #ffffff2b;color:#baccdd;letter-spacing:0;font-weight:600}
.cc-bracket-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-color:#be9c56 #0a2447;scrollbar-width:thin;padding:16px 16px 20px}
.cc-bracket-track{width:1416px;height:590px;display:grid;grid-template-columns:188px 160px 146px 248px 146px 160px 188px;gap:30px;align-items:stretch;position:relative;isolation:isolate;margin:auto}
.cc-bracket-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.cc-bracket-col{height:100%;position:relative;z-index:2;padding-top:34px;min-width:0}
.cc-round-label{position:absolute;top:2px;left:0;right:0;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:900;color:#e8ca87;text-align:center}
.cc-bracket-column-matches{height:calc(100% - 18px);display:flex;flex-direction:column;justify-content:space-around;gap:10px}
.cc-bracket-match{display:block;border:1px solid #bed0e1a1;border-radius:10px;background:#f4f6f9;color:#173659;overflow:hidden;width:100%;padding:0;text-align:left;box-shadow:0 8px 22px #0004;font:inherit;min-height:95px;transition:border-color .2s,transform .2s}
.cc-bracket-match:disabled{cursor:default;opacity:.77}.cc-bracket-match:not(:disabled):hover{transform:translateY(-3px);border-color:#ffd687}
.cc-bracket-match-top{display:flex;justify-content:space-between;gap:3px;background:#153857;color:#d3e5f7;padding:7px 8px;font-size:9px;letter-spacing:.02em}
.cc-bracket-match-top>span{font-size:8px;color:#e7c979}
.cc-bracket-club{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:7px 8px;min-height:29px;border-top:1px solid #dae2ea;font-size:10px;font-weight:800}
.cc-bracket-club>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cc-bracket-club b{font-size:8px;color:#15593d}
.cc-bracket-club.won{background:#f0e2b1;color:#6b4f12}
.cc-bracket-empty{background:#172e50;color:#bfd2e5;border:1px dashed #6e91b3;border-radius:10px;font-size:11px;padding:30px 10px;text-align:center}
.cc-bracket-centre{z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;color:#fff;padding:0 12px;min-width:0}
.cc-centre-trophy{font-size:83px;filter:drop-shadow(0 8px 22px #d4a83d6a);line-height:1.2;animation:cc-trophy-glow 4s ease-in-out infinite}
.cc-bracket-centre>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#eacb75}.cc-bracket-centre>strong{font-size:19px;color:#ffda84;line-height:1.2}.cc-bracket-centre>small{font-size:10px;color:#b6d3e9}
.cc-final-open{border:1px solid #c9a04a;background:#c8a052;color:#0c2944;padding:10px;border-radius:9px;font-size:11px;font-weight:900;cursor:pointer}
@keyframes cc-trophy-glow{50%{filter:drop-shadow(0 8px 35px #d4a83dc0)}}
/* Team squad popup */
.cc-modal-backdrop{position:fixed;inset:0;background:#07172bc7;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(5px)}
.cc-squad-modal{width:min(860px,100%);max-height:90vh;overflow-y:auto;background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 32px 85px #0008;color:var(--ink);padding:26px}
.cc-squad-header,.cc-squad-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.cc-squad-header{margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.cc-squad-header h2{margin:3px 0}.cc-squad-header p{color:var(--muted);margin:0}.cc-squad-identity{display:flex;align-items:center;gap:15px}.cc-squad-identity .team-logo-graphic{width:68px;height:68px;border-radius:15px}.cc-modal-close{border:1px solid var(--line);border-radius:10px;background:var(--sand);color:var(--ink);height:40px;width:42px;cursor:pointer}
.cc-squad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-squad-person{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:13px;border-radius:12px;background:var(--cream)}.cc-squad-person>div{display:grid;gap:3px;min-width:0}.cc-squad-person strong{color:var(--ink);font-size:13px}.cc-squad-person small,.cc-squad-person span:not(.portrait-avatar){color:var(--muted);font-size:11px}.cc-squad-footer{margin-top:20px;color:var(--muted);font-size:11px}
/* True live match scorecard */
.cc-scorecard-panel{padding:24px}.cc-score-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.cc-score-tabs button{background:var(--sand);color:var(--ink);border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-weight:850;cursor:pointer}.cc-score-tabs button.active{background:#14375a;color:#f7eac4;border-color:#ab8941}
.cc-scorecard-full{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--white)}.cc-scorecard-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 20px;background:#112f52;color:#fff}.cc-scorecard-heading h3{color:#fff;margin:3px 0}.cc-scorecard-heading>div:last-child{text-align:right}.cc-scorecard-heading strong{font-size:29px;color:#e6c776}.cc-scorecard-heading small{display:block;color:#bfd0e2;font-size:10px}.cc-scoretable-scroll{overflow-x:auto}.cc-scoretable{width:100%;border-collapse:collapse;min-width:515px}.cc-scoretable th{text-align:left;background:var(--sand);color:var(--ink);font-size:11px}.cc-scoretable td{background:var(--white);color:var(--ink);border-bottom:1px solid var(--line);font-size:13px}.cc-scoretable th,.cc-scoretable td{padding:10px 13px}.cc-scoretable th:not(:first-child),.cc-scoretable td:not(:first-child){text-align:right}
.cc-score-person{display:flex;align-items:center;gap:10px}.cc-score-person .portrait-avatar{width:35px;height:35px;font-size:10px}.cc-score-person span:not(.portrait-avatar){display:grid;gap:1px}.cc-score-person strong{color:var(--ink);font-size:12px}.cc-score-person small{color:var(--muted);font-size:10px;text-transform:capitalize}.cc-scorecard-totals{display:flex;justify-content:space-between;background:var(--sand);padding:14px 20px;color:var(--ink)}
.cc-over-events{padding:14px 18px}.cc-over-events>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.cc-over-events>div>span{background:var(--sand);color:var(--ink);border:1px solid var(--line);padding:5px 8px;border-radius:7px;font-size:11px;font-weight:850}.cc-over-events .cc-ball-wicket{background:#922538;color:#fff}.cc-over-events .cc-ball-six{background:#b68d1e;color:#fff}
/* Match Moments embedded beneath scorecard */
.cc-moments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cc-moments-grid figure{margin:0;overflow:hidden;background:var(--sand);border:1px solid var(--line);border-radius:12px}.cc-moments-grid img{width:100%;height:155px;object-fit:cover;display:block}.cc-moments-grid figcaption{padding:10px;display:grid;gap:3px}.cc-moments-grid figcaption strong{font-size:12px}.cc-moments-grid figcaption small{font-size:10px;color:var(--muted)}.cc-no-moments{grid-column:1/-1;color:var(--muted);padding:22px;text-align:center;border:1px dashed var(--line);border-radius:10px}
.cc-moment-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.cc-moment-form label{display:grid;gap:5px;font-size:11px;color:var(--muted);font-weight:800}.cc-moment-form input:not([type=checkbox]){width:100%;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:9px;color:var(--ink)}.cc-moment-form .cc-moment-consent{display:flex;align-items:center;gap:10px}.cc-moment-form button{justify-self:start}.cc-moments-pending{margin-top:15px}.cc-moments-pending>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:10px 0}.cc-moments-pending>div span{flex:1}
html[data-theme=dark] .cc-squad-modal,html[data-theme=dark] .cc-scorecard-full{background:#142c44;color:#edf3f8}html[data-theme=dark] .cc-squad-person{background:#203d56}html[data-theme=dark] .cc-scoretable td{background:#142d47;color:#eff3fa}html[data-theme=dark] .cc-scoretable th{background:#233d57;color:#eed393}html[data-theme=dark] .cc-scorecard-totals{background:#223b55;color:#fff}html[data-theme=dark] .cc-score-person strong{color:#fff}
@media(max-width:900px){.cc-moments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.cc-squad-modal{padding:17px}.cc-squad-grid,.cc-moment-form{grid-template-columns:1fr}.cc-squad-identity .team-logo-graphic{width:48px;height:48px}.cc-squad-header h2{font-size:19px}.cc-squad-footer{align-items:start;flex-direction:column}.cc-scorecard-panel{padding:12px}.cc-scorecard-heading{padding:14px}.cc-moments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-moments-grid img{height:120px}}
@media(prefers-reduced-motion:reduce){.cc-centre-trophy{animation:none}}

/* Connected tournament bracket: each wire is measured from its actual match cards. */
.cc-bracket-wires{overflow:visible;filter:drop-shadow(0 0 2px #0b234e)}
.cc-bracket-centre{position:relative;}
@media (max-width:780px){.cc-bracket-viewport{padding:12px 10px 18px}}


/* Championship Centre: server-backed, public, responsive tournament journey */
.cc-centre-page{max-width:1540px;margin:0 auto}.cc-centre-page .cc-centre-hero{background:linear-gradient(115deg,#102d54,#0a2140);border:1px solid #416184;border-radius:18px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#fff}.cc-centre-hero .eyebrow{color:#e5c575}.cc-centre-hero h1{font-size:clamp(26px,3vw,44px);margin:8px 0}.cc-centre-hero h1 em{color:#efc866;font-style:normal}.cc-centre-hero p{color:#d7e3f0;max-width:660px;margin:0}.cc-centre-hero-meta{color:#eac56c;margin-top:14px;font-size:11px;font-weight:900;letter-spacing:.08em}.cc-centre-hero img{width:min(27%,230px);height:auto;max-height:110px;object-fit:contain;background:#fffcf4;border-radius:10px;padding:6px}.cc-centre-demo{padding:8px 15px;background:#fff1c8;color:#6d4a0c;border:1px solid #e5c26f;border-radius:9px;font-size:11px;font-weight:900;margin-top:14px;letter-spacing:.04em}.cc-centre-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.cc-centre-metrics>div{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:3px}.cc-centre-metrics span{font-size:10px;color:var(--muted);letter-spacing:.08em;font-weight:900}.cc-centre-metrics strong{font-size:28px;color:var(--ink)}.cc-centre-metrics small{color:var(--muted)}.cc-centre-champion{display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,#173c67,#102344);border:1px solid #b99747;border-radius:16px;padding:20px 24px;color:#fff;margin:10px 0 19px}.cc-centre-champion .cc-cup{font-size:50px;filter:drop-shadow(0 4px 12px #e6b75466)}.cc-centre-champion>div:nth-child(2){flex:1}.cc-centre-champion span{font-size:10px;font-weight:900;color:#ecd082;letter-spacing:.1em}.cc-centre-champion h2{font-size:24px;color:#f2d385;margin:3px 0}.cc-centre-champion p{font-size:12px;color:#deebf5}.cc-centre-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:var(--sand);border:1px solid var(--line);border-radius:13px;margin:16px 0}.cc-centre-tabs button{flex:1;min-width:132px;border:none;background:transparent;border-radius:9px;padding:11px 13px;color:var(--ink);font-weight:900;font-size:12px}.cc-centre-tabs button.active{background:#b88d28;color:#092342;box-shadow:0 3px 10px #0002}.cc-centre-pane{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:19px;margin:18px 0 25px;min-width:0}.cc-centre-pane-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.cc-centre-pane-head h2{font-size:clamp(20px,2vw,29px);margin:4px 0;color:var(--ink)}.cc-centre-pane-head p{color:var(--muted);font-size:12px;margin:0}.cc-centre-pane-head>strong{color:var(--gold);font-size:12px}.cc-centre-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:var(--sand);border:1px solid var(--line);border-radius:10px;margin:18px 0 14px;padding:12px}.cc-centre-filter label{font-weight:900;font-size:12px}.cc-centre-filter select{flex:1;min-width:210px;max-width:440px;padding:11px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink)}.cc-centre-filter .button{margin-left:auto}.cc-centre-hint{padding:12px;margin-top:8px;font-size:11px;color:var(--muted)}.cc-centre-pane .cc-bracket-stage{margin:14px 0 0}.cc-bracket-match.cc-champ-highlight{outline:3px solid #fbd47d;box-shadow:0 0 0 5px #f1cc5322,0 6px 24px #0008;z-index:8;position:relative}.cc-bracket-match.cc-champ-dim{opacity:.48}.cc-centre-team-heading{display:flex;align-items:center;gap:16px;border:1px solid #bb9248;background:linear-gradient(115deg,#0e2f57,#143f6d);color:#fff;border-radius:14px;padding:16px;margin-top:18px}.cc-centre-team-heading .team-logo-graphic{width:76px;height:76px;font-size:18px}.cc-centre-team-heading span{font-size:10px;letter-spacing:.1em;color:#e6cc8c;font-weight:900}.cc-centre-team-heading h2{font-size:24px;color:#fff;margin:1px 0}.cc-centre-team-heading p{font-size:12px;color:#d8e6f0}.cc-centre-journey-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 22px}.cc-centre-journey-stats>div{border-radius:12px;border:1px solid var(--line);padding:13px;background:var(--sand);display:flex;flex-direction:column}.cc-centre-journey-stats strong{font-size:24px;color:var(--ink)}.cc-centre-journey-stats span{font-size:11px;color:var(--muted)}.cc-centre-timeline{border-left:2px solid #c4a358;margin-left:16px;padding-left:20px}.cc-centre-timeline h3{font-size:17px;margin:0 0 15px}.cc-centre-journey-step{position:relative;padding:0 0 15px}.cc-centre-stepno{position:absolute;left:-37px;top:17px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ba9133;color:#102344;border:2px solid var(--white);font-weight:900;font-size:12px}.cc-journey-fixture{display:block;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);padding:14px;width:100%;transition:transform .15s,border-color .15s;min-width:0}.cc-journey-fixture:hover{transform:translateY(-2px);border-color:#b88d28}.cc-journey-fixture.compact{margin-bottom:2px}.cc-journey-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:10px;font-weight:900;letter-spacing:.04em;color:var(--muted)}.cc-journey-matchup{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:12px 0}.cc-journey-matchup>span:not(.cc-versus){display:flex;align-items:center;gap:8px;flex:1;min-width:0}.cc-journey-matchup .team-logo-graphic{width:35px;height:35px;font-size:10px}.cc-journey-matchup strong{font-size:12px;line-height:1.25;min-width:0;overflow-wrap:anywhere}.cc-journey-matchup b{white-space:nowrap;margin-left:auto;font-size:15px}.cc-versus{font-size:10px;color:var(--gold);font-weight:900;flex:none}.cc-result-winner strong,.cc-result-winner b{color:var(--gold)}.cc-journey-status{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:9px;color:var(--muted);font-size:11px}.cc-journey-status b{color:var(--gold)}.cc-centre-match-filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.cc-centre-match-filters input,.cc-centre-match-filters select{padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--white)}.cc-centre-match-filters input{flex:2;min-width:200px}.cc-centre-match-filters select{flex:1;min-width:140px}.cc-centre-allmatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-centre-more{display:block;margin:18px auto 5px}.cc-centre-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.cc-centre-group{border:1px solid var(--line);background:var(--white);border-radius:12px;overflow:hidden}.cc-centre-group header{display:flex;justify-content:space-between;gap:8px;background:#122f54;color:#fff;padding:10px 13px}.cc-centre-group header small{color:#dfc88d;font-size:10px}.cc-centre-group-row{border:0;border-top:1px solid var(--line);background:var(--white);color:var(--ink);display:flex;width:100%;align-items:center;text-align:left;gap:8px;padding:10px 12px;font-size:11px}.cc-centre-group-row.first{background:#e9d7a5;color:#172d4c}.cc-centre-group-row.second{background:#e7e9ed;color:#1d3954}.cc-centre-group-row .cc-pos{font-weight:900;width:20px}.cc-centre-group-row .cc-group-team{flex:1;font-weight:800}.cc-centre-group-row small{font-size:9px;font-weight:900}.cc-centre-group-row:hover{outline:2px solid #ba8d2c;outline-offset:-2px}.cc-centre-group-row b{white-space:nowrap}
html[data-theme=dark] .cc-centre-demo{background:#49351b;color:#f8ddac;border-color:#8f6d35}
@media(max-width:930px){.cc-centre-allmatches,.cc-centre-groups{grid-template-columns:1fr}.cc-centre-page .cc-centre-hero{padding:20px}.cc-centre-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cc-centre-page .cc-centre-hero{flex-direction:column-reverse;align-items:flex-start}.cc-centre-hero img{width:190px;max-height:95px}.cc-centre-tabs button{font-size:11px;min-width:calc(50% - 7px)}.cc-centre-pane{padding:12px}.cc-centre-filter .button{margin-left:0;width:100%}.cc-centre-filter select{width:100%;min-width:0}.cc-centre-champion{flex-wrap:wrap;padding:14px}.cc-centre-champion .button{width:100%}.cc-centre-champion .cc-cup{font-size:36px}.cc-journey-matchup{display:flex;flex-direction:column;align-items:stretch}.cc-journey-matchup .cc-versus{text-align:center}.cc-centre-metrics>div{padding:12px}.cc-centre-team-heading .team-logo-graphic{width:56px;height:56px}.cc-centre-group-row{flex-wrap:wrap}.cc-centre-group-row .cc-group-team{min-width:42%}.cc-centre-group-row small{margin-left:auto}}
/* Fit the complete bracket on desktop; keep horizontal panning only on narrow viewports. */
.cc-bracket-track{width:100%;min-width:1090px;grid-template-columns:1.18fr 1.03fr .96fr 1.68fr .96fr 1.03fr 1.18fr;gap:14px}
@media(max-width:680px){.cc-bracket-track{min-width:1090px}}

/* Public Live Centre and modern mobile navigation */
.cc-brand-button{border:0;cursor:pointer;text-align:left;background:transparent;color:inherit;font:inherit;min-width:0}
.cc-mobile-toggle{display:none;align-items:center;gap:6px;border:1px solid var(--border,#54708b);background:var(--panel,#17314e);color:inherit;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer}
.cc-live-section{scroll-margin-top:90px}
.cc-live-heading p{max-width:720px}
.cc-live-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.cc-live-filters button{border:1px solid var(--edge,#557188);background:var(--panel,#102e4d);border-radius:99px;color:var(--txt,#f8f7ef);padding:9px 15px;font-weight:800;font-size:12px;cursor:pointer}
.cc-live-filters button.active{background:#bd922b;border-color:#bd922b;color:#09203c}
.cc-live-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.cc-live-match{display:flex!important;flex-direction:column;gap:11px;min-width:0;text-align:left}
.cc-live-score-rows{display:grid;gap:6px;min-height:106px}
.cc-live-team-row{display:flex;align-items:center;gap:9px;padding:8px 6px;border-bottom:1px solid rgba(133,158,186,.2);min-width:0}
.cc-live-team-row:last-child{border-bottom:0}
.cc-live-team-row .team-logo-graphic{width:34px;height:34px;flex-shrink:0}
.cc-live-team-name{flex:1;min-width:0;font-weight:850;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.cc-live-team-name small{display:block;font-size:9px;letter-spacing:.05em;color:#caa145;margin-top:3px}
.cc-live-team-score{display:grid;min-width:64px;justify-items:end;flex-shrink:0;gap:2px}
.cc-live-team-score strong{font-weight:950;font-size:23px;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.1}
.cc-live-team-score small{color:var(--muted,#9cb0c7);font-size:10px}
.cc-live-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap;color:var(--muted,#9cb0c7);font-size:12px}
.cc-live-empty{padding:24px}
.cc-fallback-match{border-bottom:1px solid rgba(127,150,180,.25);display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}
.ko-fallback-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.cc-public-info{display:flex;flex-direction:column;justify-content:center}
@media(max-width:1100px){.cc-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
.cc-responsive-header{height:auto!important;min-height:70px;display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 16px!important}
.cc-responsive-header .cc-mobile-toggle{display:inline-flex}
.cc-responsive-header .cc-responsive-nav{display:none!important;order:5;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px 0 5px;margin:0!important;overflow:visible!important;max-height:none}
.cc-responsive-header .cc-responsive-nav.cc-menu-open{display:grid!important}
.cc-responsive-header .cc-responsive-nav button{font-size:12px;text-align:left;padding:12px;border-radius:8px;white-space:normal}
.cc-responsive-header .cc-header-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.cc-responsive-header .cc-brand-button{flex:0 1 270px;max-width:calc(100% - 90px)}
}
@media(max-width:690px){
.cc-live-grid{grid-template-columns:minmax(0,1fr)!important}
.cc-live-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cc-live-filters button{padding:11px 7px}
.cc-live-section .title-row{display:block}
.cc-live-team-score strong{font-size:26px}
.cc-responsive-header{padding:9px 10px!important}
.cc-responsive-header .cc-brand-button{flex:1 1 auto;max-width:100%;width:100%}
.cc-responsive-header .cc-brand-button img{max-width:70px;height:auto;object-fit:contain}
.cc-responsive-header .cc-header-actions{width:100%;justify-content:space-between}
.cc-responsive-header .cc-header-actions .v241-demo-chip{font-size:9px}
.cc-responsive-header .cc-responsive-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc-staff-login{grid-template-columns:minmax(0,1fr)!important}
.cc-bracket-viewport{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}
@media(max-width:390px){.cc-responsive-header .cc-responsive-nav{grid-template-columns:1fr}.cc-live-team-name{font-size:11px}}

/* 2026.10.1 | Captain portraits and full batting/bowling player profile editor */
.cc-team-captain-mini{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--cream);text-align:left;margin:6px 0}
.cc-team-captain-mini .portrait-avatar{width:40px;height:40px;font-size:11px}
.cc-team-captain-mini>span:last-child{display:grid;gap:3px;min-width:0}
.cc-team-captain-mini b{font-size:9px;letter-spacing:.09em;color:var(--gold)}
.cc-team-captain-mini small{font-size:11px;color:var(--ink);overflow-wrap:anywhere}
.cc-public-captain{display:flex;align-items:center;gap:17px;padding:15px 18px;margin:0 0 17px;border-radius:15px;border:1px solid var(--gold);background:var(--cream)}
.cc-public-captain h3{margin:4px 0;color:var(--ink);font-size:20px}
.cc-public-captain p{font-size:12px;color:var(--muted);margin:0}
.cc-squad-person.cc-is-captain{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold)}
.cc-squad-person.cc-is-captain strong{color:var(--gold)}
.cc-captain-feature{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#0b2849,#21446a);border:1px solid #cfab60;border-radius:15px;padding:21px;color:white;margin:15px 0}
.cc-captain-feature .portrait-avatar.large{height:108px;width:108px;border-color:#efcc80}
.cc-captain-feature small{font-weight:850;letter-spacing:.12em;color:#f6db99;font-size:10px}
.cc-captain-feature h3{font-size:clamp(21px,2.5vw,30px);color:#fff;margin:6px 0}
.cc-captain-feature p{font-size:12px;color:#e3ebf3;margin:0}
.cc-no-captain{padding:17px;border:1px dashed var(--line);background:var(--cream);border-radius:10px;color:var(--muted);margin:14px 0;font-size:12px}
.cc-captain-picker{display:grid;gap:7px;max-width:390px;color:var(--ink);font-weight:750;font-size:12px}
.cc-captain-picker select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);min-height:43px}
.cc-profile-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cc-profile-card{position:relative;align-items:stretch;text-align:center;padding:18px 15px;gap:9px}
.cc-profile-card>.portrait-avatar{align-self:center}
.cc-profile-card>.upload-button{align-self:center}
.cc-profile-card.cc-captain-card{border:2px solid #bf9138;background:var(--cream)}
.cc-captain-ribbon{position:absolute;top:10px;right:10px;font-size:9px!important;background:#b78a33;color:#fff!important;border-radius:7px;padding:5px 7px;letter-spacing:.07em;font-weight:900}
.cc-player-skill-form{display:grid;gap:11px;width:100%;margin-top:7px;border-top:1px solid var(--line);padding-top:14px}
.cc-player-skill-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:750;text-align:left}
.cc-player-skill-form select{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font-size:12px;min-height:38px;padding:7px 9px}
.cc-player-skill-form .cc-save-skill{font-size:11px;width:100%;padding:9px 8px}
.cc-appoint-button{width:100%;background:transparent;border:1px dashed var(--gold);border-radius:8px;cursor:pointer;padding:10px;color:var(--gold);font-weight:800;font-size:11px;transition:background .15s,transform .15s}
.cc-appoint-button:hover:not(:disabled){background:var(--cream);transform:translateY(-1px)}
.cc-appoint-button:disabled{opacity:.55;cursor:wait}
html[data-theme=dark] .cc-profile-card.cc-captain-card{background:#243751;border-color:#c6a65f}
html[data-theme=dark] .cc-public-captain,html[data-theme=dark] .cc-team-captain-mini{background:#1d3851}
@media(max-width:920px){.cc-profile-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.cc-profile-gallery{grid-template-columns:1fr}.cc-profile-card{max-width:none}.cc-public-captain{padding:12px}.cc-public-captain .portrait-avatar.large{width:62px;height:62px}.cc-captain-feature{padding:14px;gap:14px}.cc-captain-feature .portrait-avatar.large{width:80px;height:80px}}

/* v2026.10.2: match-day task-oriented UX. Does not modify the scoring engine. */
.cc-request-panel { border:1px solid var(--border,rgba(124,151,169,.28)); }
.cc-request-count { display:inline-flex;vertical-align:middle;margin-left:.35rem;padding:.18rem .65rem;border-radius:40px;font-size:.76rem;font-weight:800;background:#ffdf8a;color:#49340c; }
.cc-request-row { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid rgba(128,148,165,.22); }
.cc-request-row strong,.cc-request-row small {display:block;} .cc-request-row small {margin-top:.28rem;opacity:.8;}
.cc-request-row .action-row {display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.cc-no-requests {opacity:.76;margin:1rem 0 .2rem;}
.cc-pending-pill {display:inline-flex;align-items:center;border-radius:30px;background:#fff3ce;color:#654607;font-weight:800;font-size:.78rem;padding:.55rem .8rem;}
.cc-simple-details {border:1px solid rgba(126,158,177,.25);border-radius:16px;padding:.7rem 1rem;background:var(--panel,rgba(130,149,170,.07));}
.cc-simple-details > summary {cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:1.04rem;gap:1rem;list-style:none;}
.cc-simple-details > summary::-webkit-details-marker {display:none;}
.cc-simple-details > summary:after {content:'⌄';font-size:1.35rem;}
.cc-simple-details[open] > summary:after {content:'⌃';}
.cc-simple-details > summary span {margin-left:auto;font-weight:600;font-size:.8rem;opacity:.65;}
.cc-simple-details .two-col {margin-top:1rem;}
.cc-scorer-next {border:1px solid rgba(245,191,87,.35);border-radius:18px;padding:1.35rem 1.5rem;display:flex;gap:1rem;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(221,169,66,.13),transparent);margin:1.2rem 0;}
.cc-scorer-next h2 {margin:.28rem 0;font-size:1.35rem;} .cc-scorer-next p {margin:.3rem 0;opacity:.82;}
.cc-connection-lost {background:#9d2735!important;color:white!important;}
.cc-last-score {display:inline-block;margin:.5rem 0;font-weight:750;font-size:.82rem;opacity:.86;}
.cc-lineup-backdrop {position:fixed;inset:0;background:rgba(0,11,27,.84);display:flex;align-items:center;justify-content:center;padding:1.1rem;z-index:3500;}
.cc-lineup-dialog {background:var(--card, #122b42);color:var(--text,#f4f7f9);background-color:var(--surface,#112a43);border:1px solid rgba(155,177,199,.32);border-radius:22px;width:min(1060px,100%);max-height:calc(100vh - 2.2rem);overflow:auto;padding:1.4rem;box-shadow:0 24px 90px rgba(0,0,0,.38);}
.cc-lineup-top {display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;} .cc-lineup-top h2 {font-size:clamp(1.3rem,3vw,2rem);margin:.4rem 0;}
.cc-lineup-top p {max-width:65ch;opacity:.8;} .cc-lineup-close {font-size:2rem;line-height:1;border:1px solid rgba(144,161,181,.35);background:transparent;color:inherit;width:44px;height:44px;border-radius:12px;cursor:pointer;flex:none;}
.cc-lineup-teams {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;}
.cc-lineup-side {border-radius:16px;border:1px solid rgba(134,160,180,.32);padding:.95rem;min-width:0;}
.cc-lineup-heading {display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem;}
.cc-lineup-heading h3 {font-size:1rem;margin:0;} .cc-lineup-heading span {font-weight:800;font-size:.78rem;}
.cc-good {color:#7fdfa9;} .cc-warning {color:#ffb59f;}
.cc-lineup-roster {display:grid;gap:.35rem;}
.cc-lineup-person {display:flex;gap:.55rem;align-items:center;border:1px solid rgba(146,171,187,.15);border-radius:12px;padding:.4rem .5rem;cursor:pointer;min-height:54px;}
.cc-lineup-person.selected {background:rgba(74,190,137,.10);border-color:rgba(112,199,160,.35);}
.cc-lineup-person input {width:19px;height:19px;accent-color:#c89a41;flex:none;}
.cc-lineup-person .portrait-avatar {width:35px;height:35px;flex:none;}
.cc-lineup-person span:last-child {min-width:0;} .cc-lineup-person b {display:block;font-size:.84rem;line-height:1.3;}
.cc-lineup-person small {display:block;opacity:.7;font-size:.7rem;}
.cc-lineup-footer {border-top:1px solid rgba(135,161,181,.28);padding-top:1rem;display:grid;gap:.8rem;}
.cc-lineup-footer > label:not(.cc-lineup-confirm) {display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-weight:700;}
.cc-lineup-footer select {max-width:340px;width:100%;border-radius:9px;padding:.65rem;}
.cc-lineup-confirm {display:flex;align-items:flex-start;gap:.6rem;font-weight:700;cursor:pointer;}
.cc-lineup-confirm input {width:20px;height:20px;flex:none;accent-color:#c89a41;}
.cc-lineup-buttons {display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;}
.cc-lineup-buttons .button {min-height:48px;}
.qs-tile,.qs-wide,.qs-wicket {min-height:65px;touch-action:manipulation;}
@media(max-width:720px){.cc-request-row,.cc-scorer-next {flex-direction:column;align-items:stretch;}.cc-lineup-teams {grid-template-columns:1fr;}.cc-lineup-dialog {padding:1rem;}.cc-lineup-buttons .button {flex:1;}.cc-lineup-roster {grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){.cc-lineup-dialog,.cc-lineup-person,.cc-request-row,.cc-pending-pill {animation:none!important;transition:none!important;}}
/* Light and dark palette alignment for modal dialogs. */
.cc-lineup-dialog {background:var(--cream);color:var(--ink);}
.cc-lineup-dialog p {color:var(--muted);}
.cc-lineup-person.selected {background:rgba(63,151,100,.13);}
.cc-lineup-heading .cc-good {color:#167544;}
.cc-lineup-heading .cc-warning,.cc-lineup-side .cc-warning {color:#aa4732;}
html[data-theme=dark] .cc-lineup-heading .cc-good {color:#7fdfa9;}
html[data-theme=dark] .cc-lineup-heading .cc-warning,html[data-theme=dark] .cc-lineup-side .cc-warning {color:#ffb59f;}
.cc-lineup-dialog select {color:var(--ink);background:var(--white);border:1px solid var(--line);}
.cc-rejection-note {display:block;margin:.5rem .2rem;color:#b54336;font-weight:700;}
.cc-nav-more {position:relative;align-self:center;}
.cc-nav-more > summary {list-style:none;cursor:pointer;white-space:nowrap;font-weight:750;padding:.6rem .65rem;border-radius:9px;}
.cc-nav-more > summary::-webkit-details-marker {display:none;}
.cc-nav-more > summary::after {content:' ⌄';opacity:.65;}
.cc-nav-more[open] > summary {background:var(--sand);}
.cc-nav-more > div {position:absolute;top:calc(100% + 7px);right:0;z-index:55;min-width:195px;border:1px solid var(--line);border-radius:13px;padding:.4rem;background:var(--white);box-shadow:var(--shadow);}
.cc-nav-more > div button {display:block;width:100%;text-align:left;min-height:42px;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:.5rem .8rem;}
.cc-nav-more > div button:hover {background:var(--sand);}
@media(max-width:900px){.cc-nav-more>div {position:static;box-shadow:none;}.cc-nav-more {width:100%;}}
/* The lineup action stays in view while officials review a full twenty-player roster. */
.cc-lineup-dialog {display:flex;flex-direction:column;overflow:hidden;height:min(920px,calc(100dvh - 2.2rem));}
.cc-lineup-top {flex:none;}
.cc-lineup-teams {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.2rem .15rem .4rem;}
.cc-lineup-footer {flex:none;background:var(--cream);margin-top:.1rem;}
@media(max-width:720px){.cc-lineup-dialog {height:calc(100dvh - 1.4rem);}.cc-lineup-teams {display:block;}.cc-lineup-side + .cc-lineup-side {margin-top:.8rem;}.cc-lineup-footer {gap:.45rem;}.cc-lineup-footer label {font-size:.82rem;}}

/* v2026.10.3: Player Stats and organiser settings */
.cc-stats-panel{overflow:hidden}
.cc-stat-controls{display:flex;align-items:end;gap:1rem;flex-wrap:wrap;margin:1.2rem 0}
.cc-stat-controls label{display:flex;flex-direction:column;gap:.4rem;min-width:180px;flex:1;color:var(--muted);font-size:.82rem;font-weight:750}
.cc-stat-controls input,.cc-stat-controls select{padding:.75rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font-size:.96rem;width:100%}
.cc-stat-tabs{display:inline-flex;gap:.25rem;border-radius:12px;padding:.3rem;background:var(--sand)}
.cc-stat-tabs button{border:0;border-radius:9px;background:transparent;color:var(--ink);font-weight:800;cursor:pointer;padding:.8rem 1.3rem;min-height:44px}
.cc-stat-tabs button.active{background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.09)}
.cc-stats-scroll{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}
.cc-stats-table{width:100%;border-collapse:collapse;white-space:nowrap;min-width:650px}
.cc-stats-table th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.8rem .7rem;border-bottom:1px solid var(--line)}
.cc-stats-table td{padding:.75rem .7rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.cc-stat-player{display:flex;align-items:center;gap:.65rem}
.cc-stat-player .portrait-avatar{width:40px;height:40px;min-width:40px;overflow:hidden}
.cc-stat-player div{display:flex;flex-direction:column;gap:.2rem}
.cc-stat-player small{color:var(--muted);font-size:.8rem}
.cc-stat-rank{color:var(--muted);font-size:.8rem;width:22px}
.cc-awards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-top:1rem}
.cc-award-item{border:1px solid var(--line);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.4rem}
.cc-award-item span{color:var(--muted);font-size:.9rem}
.cc-rule-form{margin-top:1rem}
.cc-rules-locked{border-radius:10px;padding:.85rem 1rem;color:#9b4b18;background:rgba(238,167,64,.14);font-weight:700}
.cc-danger-button{border-color:#a6443e!important;color:#a6443e!important}
.cc-danger-button:hover:not(:disabled){background:rgba(182,48,48,.09)!important}
.cc-reset-box .panel{padding:1.4rem}
@media(max-width:700px){.cc-stat-controls{flex-direction:column;align-items:stretch}.cc-stat-tabs{align-self:stretch}.cc-stat-tabs button{flex:1}.cc-stat-controls label{min-width:0}.cc-stats-table{font-size:.86rem}.cc-stat-player .portrait-avatar{width:34px;height:34px;min-width:34px}}

.cc-staff-assignment{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:1rem 0}
.cc-staff-assignment strong{min-width:135px}
.cc-staff-assignment label{flex:1;min-width:180px}
.cc-staff-assignment select{width:100%}

.cc-ops-inline{position:relative;padding:.35rem;border:1px solid var(--line);border-radius:8px}
.cc-ops-inline summary{cursor:pointer;font-weight:700;padding:.3rem}
.cc-ops-inline form{min-width:220px;margin-top:.75rem}
/* 2026.10.4: fixed official last-ball rule, shown instead of a configurable switch. */
.cc-fixed-last-ball-rule{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;padding:13px 15px;border:1px solid #d9c48d;border-radius:10px;background:#fcf6e7;color:#4d3c1c;font-size:12px;line-height:1.55}.cc-fixed-last-ball-rule strong{font-size:13px;color:#153455}

/* v2026.10.5: automatic batter retirement confirmation in QuickScore and scorecard */
.qs-retirement-alert{display:flex;flex-direction:column;gap:.4rem;margin:1rem 0;padding:1rem 1.15rem;border:1px solid #d8b46a;border-radius:12px;background:rgba(209,164,76,.14);color:inherit}
.qs-retirement-alert strong{font-weight:800;font-size:1.05rem}
.qs-retirement-alert span{font-size:.93rem;line-height:1.5}
.cc-batter-retired{font-weight:700;color:#c1943e}
/* v2026.10.6 – Self-registration, approval workflow and dismissible countdown */
.cc-top-register{border:1px solid #d2a943;border-radius:24px;background:#f7edce;color:#17365c;font-size:11px;font-weight:850;padding:10px 13px;white-space:nowrap}
.cc-top-register:hover{background:#e8d395}
.cc-register-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:24px;align-items:start}
.cc-register-invite{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:8px}
.cc-register-invite p{font-size:12px}.cc-register-invite .button{justify-self:start}
.cc-registration-guide{background:#f6f0df}.cc-registration-guide h2{margin:12px 0 22px}
.cc-guide-step{display:flex;gap:18px;align-items:start;border-top:1px solid #ded2b7;padding:19px 0}
.cc-guide-step>strong{font-size:23px;color:#b68d1e}.cc-guide-step b{font-size:15px;color:#183a61}.cc-guide-step p{font-size:12px;line-height:1.65;margin-top:5px}
.cc-application-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cc-application-status .team-logo-graphic{width:73px;height:73px;flex:none}.cc-application-status>div{flex:1;min-width:180px}.cc-application-status h2{margin:4px 0}.cc-application-status p{font-size:13px}
.cc-status-pill{padding:6px 10px;border-radius:100px;font-size:10px;font-weight:850;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;background:#eee8d9;color:#73634a}
.cc-status-pending{background:#fff1c8;color:#966b0d}.cc-status-approved{background:#dcf7df;color:#28764a}.cc-status-rejected{background:#ffe2df;color:#a72f30}.cc-status-changes_requested{background:#fce9cf;color:#8f571b}
.cc-review-note{padding:10px 12px;border-radius:8px;background:#fbe9d5;color:#804717!important}
.cc-progress-stats{display:flex;flex-wrap:wrap;gap:9px}.cc-progress-stats span{border:1px solid #dfcfaf;background:#fff8e9;padding:8px 11px;border-radius:8px;font-size:12px;font-weight:700}.cc-progress-stats span.done{border-color:#9ec8a5;background:#e9f8ed;color:#21633a}
.cc-app-player-grid{display:grid;gap:10px}.cc-app-player{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid #e7dfd0;background:#fffdfa}.cc-app-player .portrait-avatar.large{flex:none}.cc-app-player-info{flex:1;min-width:130px;display:grid;gap:4px}.cc-app-player-info strong{color:#14345b}.cc-app-player-info small{color:#6f7b85;font-size:11px}.cc-app-player-actions{display:flex;gap:5px;flex-wrap:wrap}.cc-app-player-actions .button{padding:7px 10px;font-size:11px}
.cc-submit-application{border-color:#dbc17b;background:#fffcf4}
.cc-review-panel>.title-row{flex-wrap:wrap}.cc-review-team{border:1px solid #e4dccf;border-radius:12px;overflow:hidden;margin:10px 0;background:#fff}.cc-review-team>summary{list-style:none;display:flex;align-items:center;gap:15px;padding:13px;cursor:pointer}.cc-review-team>summary::-webkit-details-marker{display:none}.cc-review-team>summary>span:nth-child(2){flex:1;min-width:100px}.cc-review-team>summary strong{display:block;color:#193c60;font-size:14px}.cc-review-team>summary small{display:block;font-size:11px;color:#73808a;margin-top:3px}.cc-review-team>summary .team-logo-graphic{width:50px;height:50px;flex:none}.cc-review-team-body{padding:15px;border-top:1px solid #eee6d7}.cc-review-team-body p{font-size:12px}.cc-review-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:16px 0}.cc-review-roster>div{display:flex;gap:9px;align-items:center;padding:7px;border:1px solid #e8e4dc;border-radius:9px}.cc-review-roster strong{font-size:12px;display:block}.cc-review-roster small{font-size:10px;color:#7d8590;display:block}.cc-review-roster .portrait-avatar{flex:none}
.cc-event-presentation .panel{display:grid;gap:13px}.cc-checkline{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;font-weight:700!important}.cc-checkline input{width:17px!important;height:17px!important;flex:none}
.cc-countdown-backdrop{position:fixed;inset:0;z-index:250;background:rgba(5,18,39,.75);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px);overflow:auto}
.cc-countdown-modal{background:linear-gradient(156deg,#12345c 0%,#0c2544 76%);color:#fff;position:relative;width:min(100%,680px);border:1px solid #c9a65a;border-radius:25px;box-shadow:0 28px 70px #0005;padding:clamp(24px,4vw,45px);text-align:center;animation:cc-pop-in .32s ease both}
.cc-countdown-modal::before{content:'';position:absolute;inset:8px;border:1px solid rgba(225,193,115,.25);border-radius:19px;pointer-events:none}
.cc-countdown-close{position:absolute;top:18px;right:19px;border:1px solid #ffffff50;color:#fff;border-radius:50%;width:33px;height:33px;background:#ffffff1c;font-weight:850;z-index:2}
.cc-countdown-brand{display:grid;justify-content:center;gap:10px;margin-bottom:25px}.cc-countdown-brand img{height:94px;width:180px;object-fit:contain;background:#fff;border-radius:9px;padding:5px;justify-self:center}.cc-countdown-brand span{color:#eed594;font-size:11px;font-weight:900;letter-spacing:.2em}
.cc-countdown-modal h2{color:#fff;font-size:clamp(30px,5.2vw,47px);margin-bottom:12px;line-height:1.05}.cc-countdown-modal p{color:#cad7e6;max-width:485px;margin:0 auto;font-size:14px}
.cc-countdown-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:32px 0 19px}.cc-countdown-numbers>div{border-radius:12px;border:1px solid #ffffff35;background:#ffffff10;padding:14px 4px;display:grid;gap:5px}.cc-countdown-numbers strong{font-size:clamp(29px,5vw,53px);font-variant-numeric:tabular-nums;letter-spacing:-.06em;color:#f4d37d;line-height:1.1}.cc-countdown-numbers span{font-size:10px;font-weight:850;letter-spacing:.15em;color:#d3e0ec}
.cc-countdown-event{font-size:12px!important;color:#ead6a5!important}.cc-countdown-actions{display:flex;gap:10px;justify-content:center;margin-top:23px;flex-wrap:wrap}.cc-countdown-actions .button{min-width:165px}.cc-countdown-actions .outline{background:transparent;border-color:#ffffff65;color:white}.cc-countdown-actions .outline:hover{background:#ffffff15}
@keyframes cc-pop-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.cc-register-layout{grid-template-columns:1fr}.cc-app-player{flex-wrap:wrap}.cc-app-player-actions{width:100%;padding-left:2px}.cc-review-team>summary{flex-wrap:wrap}}
@media(max-width:620px){.cc-countdown-modal{padding:25px 17px}.cc-countdown-brand img{height:67px}.cc-countdown-numbers{gap:6px}.cc-countdown-numbers>div{padding:12px 2px}.cc-countdown-numbers span{font-size:8px}.cc-application-status .cc-status-pill{margin-left:0}.cc-top-register{font-size:10px;padding:9px}}
@media(prefers-reduced-motion:reduce){.cc-countdown-modal{animation:none}}
html[data-theme=dark] .cc-application-status,html[data-theme=dark] .cc-review-team,html[data-theme=dark] .cc-app-player,html[data-theme=dark] .cc-submit-application{background:#18314a;border-color:#4b5c66}
html[data-theme=dark] .cc-registration-guide{background:#1d3550}
html[data-theme=dark] .cc-app-player-info strong,html[data-theme=dark] .cc-review-team>summary strong,html[data-theme=dark] .cc-guide-step b{color:#eaf4fb}
.cc-app-player-edit{flex-basis:100%;border-top:1px solid #e9e1d5;margin-top:6px;padding-top:5px}.cc-app-player-edit summary{font-size:11px;color:#a07924;font-weight:850;cursor:pointer;padding:7px}.cc-app-player-edit form{padding:10px 3px}.cc-app-player-edit label{font-size:11px}

/* v2026.10.11: compact, role-aware staff creation in the dark admin workspace. */
.cc-staff-create-form .cc-staff-role-grid{align-items:start}
.cc-staff-create-form label small{display:block;margin-top:6px;line-height:1.5;font-weight:500;font-size:11px}
.cc-staff-role-notice{margin:0;display:flex;align-items:center;min-height:53px}
@media(max-width:650px){.cc-staff-create-form .cc-staff-role-grid{grid-template-columns:1fr}}

/* v2026.10.12: the six official tournament award categories. */
.cc-award-item{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cc-award-content{display:flex;flex-direction:column;gap:8px;flex:1 1 250px;min-width:0}
.cc-award-content>span{display:flex;align-items:center;gap:10px;min-height:30px}
.cc-award-content .team-logo-graphic{width:32px;height:32px;flex:none}
.cc-award-status{font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid currentColor;border-radius:99px;padding:6px 10px;color:#d1ab6e}
.cc-award-status.is-official{color:#8dd3a5}
@media(max-width:580px){.cc-award-status{font-size:10px}.cc-award-item{align-items:flex-start}}

/* Keep the six award cards legible on tablets and phones. */
.cc-awards-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:750px){.cc-awards-list{grid-template-columns:minmax(0,1fr)}}

/* v2026.10.13 · Admin Users & Access · dark-only, mobile-first */
.cc-user-page{padding-bottom:38px}
.cc-user-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:21px 0}
.cc-user-kpis>div{border:1px solid #35516b;background:#152b40;border-radius:14px;padding:18px 15px;display:flex;flex-direction:column;gap:7px}
.cc-user-kpis small{color:#a9bccc;font-size:10px;letter-spacing:.12em;font-weight:800}
.cc-user-kpis strong{font-size:29px;color:#f7de96;line-height:1.1;font-variant-numeric:tabular-nums}
.cc-user-layout{display:grid;grid-template-columns:minmax(320px,.94fr) minmax(0,1.15fr);align-items:start;gap:19px}
.cc-user-layout .panel{min-width:0}
.cc-user-filters{margin:15px 0 12px;display:grid;gap:10px}
.cc-user-filters .form-two{margin:0;gap:10px}
.cc-user-filters label{color:#d3dfed;display:block;font-size:12px;font-weight:700}
.cc-user-filters input,.cc-user-filters select{display:block;width:100%;margin-top:7px}
.cc-user-list{display:flex;flex-direction:column;gap:8px;max-height:650px;overflow-y:auto;padding:2px 4px 2px 0}
.cc-user-list-item{border:1px solid #355067;background:#13283c;text-align:left;display:flex;gap:10px;align-items:center;padding:13px 11px;border-radius:12px;color:#eaf2fc;cursor:pointer;font:inherit;transition:background .15s,border-color .15s;min-width:0;width:100%}
.cc-user-list-item:hover,.cc-user-list-item.selected{border-color:#e8c66d;background:#1b3449}
.cc-user-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#344f62;color:#f4d889;font-weight:900;font-size:13px;border:1px solid #53697c;letter-spacing:.05em}
.cc-user-avatar.large{width:56px;height:56px;font-size:18px;min-width:56px}
.cc-user-list-content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.cc-user-list-content strong{font-size:13px;color:#fff;overflow-wrap:anywhere}
.cc-user-list-content small{font-size:11px;color:#aabfce;overflow-wrap:anywhere}
.cc-user-status{font-size:10px;font-weight:850;letter-spacing:.03em;border-radius:999px;padding:5px 8px;border:1px solid currentColor;align-self:center;white-space:nowrap;text-transform:capitalize;color:#c8b77f}
.cc-user-status.active{color:#86d2a3;background:#173e34}
.cc-user-status.suspended{color:#ffc486;background:#452b28}
.cc-user-status.removed{color:#b6b9c7;background:#2b3140}
.cc-user-profile-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #3d556a}
.cc-user-profile-heading>div{flex:1;min-width:150px}
.cc-user-profile-heading h2{margin:3px 0 4px;font-size:21px}
.cc-user-profile-heading p{font-size:12px;color:#a8bdcc;margin:0;overflow-wrap:anywhere}
.cc-user-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:22px 0}
.cc-user-detail-grid>div{min-width:0;display:flex;flex-direction:column;gap:6px}
.cc-user-detail-grid small{color:#a7bac9;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.cc-user-detail-grid strong{color:#f4f8fd;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.cc-user-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.cc-user-actions .button{min-height:39px}
.cc-user-edit-form,.cc-user-sensitive{padding-top:19px}
.cc-user-edit-form .form-two{align-items:start}
.cc-user-sensitive{border:1px solid #86615c;background:#33272d;padding:18px;border-radius:12px}
.cc-user-sensitive h3{margin:0 0 9px;color:#fbe0b2}
.cc-user-sensitive p,.cc-user-warning{color:#e7bdb8;font-size:12px;line-height:1.6}
.cc-user-warning{margin-top:12px}
.cc-user-sensitive label{display:block;margin:16px 0 0}
.cc-user-sensitive input{margin-top:8px}
.cc-user-page .cc-danger-button{border:1px solid #db8e86!important;color:#ffc6bd!important;background:#44272d!important}
.cc-user-page .cc-danger-button:hover:not(:disabled){background:#5d3238!important}
.cc-user-page .cc-danger-button:disabled{opacity:.45}
@media(max-width:930px){.cc-user-layout{grid-template-columns:1fr}.cc-user-list{max-height:375px}}
@media(max-width:600px){.cc-user-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-user-detail-grid{grid-template-columns:1fr 1fr}.cc-user-profile-heading{gap:9px}.cc-user-kpis>div{padding:13px}.cc-user-profile{padding:16px}.cc-user-list-item{flex-wrap:wrap}.cc-user-status{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.cc-user-list-item{transition:none}}


/* v2026.10.14 · Animated VS banners · dark theme only · one-shot entrance */
.cc-versus-banner{--cc-vs-gold:#e4c36e;--cc-vs-ice:#b4d2e4;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:94px;padding:13px 12px;border:1px solid rgba(222,190,105,.3);border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,rgba(207,171,84,.15),transparent 57%),linear-gradient(115deg,#102c48 0%,#102238 49%,#102c48 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.cc-versus-banner:before,.cc-versus-banner:after{content:"";position:absolute;pointer-events:none;z-index:0}
.cc-versus-banner:before{inset:-80px -30px;transform:skewX(-17deg);background:linear-gradient(90deg,transparent 41%,rgba(241,217,153,.065) 49%,transparent 56%)}
.cc-versus-banner:after{inset:0;border-radius:inherit;border-top:1px solid rgba(255,224,137,.26);opacity:.75}
.cc-vs-team{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;gap:7px}
.cc-vs-team .team-logo-graphic{height:47px;width:47px;min-width:47px;flex-shrink:0;border:2px solid rgba(230,202,133,.68);border-radius:50%;background:#16334c;box-shadow:0 4px 14px rgba(0,0,0,.37),0 0 0 4px rgba(224,185,103,.075);overflow:hidden;display:grid;place-items:center;font-size:14px}
.cc-vs-team .team-logo-graphic img{height:100%;width:100%;object-fit:cover}
.cc-vs-team .cc-vs-text{display:grid;min-width:0;width:100%;gap:2px}
.cc-vs-team strong{display:block;width:100%;color:#fff6e2;font-size:11px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
.cc-vs-team small{color:#b8cad9;font-size:9px;letter-spacing:.06em}
.cc-vs-centre{position:relative;z-index:2;display:grid;place-items:center;justify-self:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#f5d995 0%,#c59a3d 75%);box-shadow:0 0 0 3px rgba(236,204,124,.15),0 0 22px rgba(217,174,71,.28);color:#10253d;font-weight:1000;font-size:15px;letter-spacing:-.045em}
.cc-vs-centre b{position:relative;z-index:2}
.cc-vs-ring{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(244,215,144,.5)}
.cc-vs-sweep{position:absolute;z-index:0;left:-50%;top:0;bottom:0;width:32%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(254,231,167,.14),transparent);transform:skewX(-20deg)}
.cc-vs-home{animation:ccVsFromLeft .78s cubic-bezier(.2,.76,.28,1) both}
.cc-vs-away{animation:ccVsFromRight .78s cubic-bezier(.2,.76,.28,1) both}
.cc-vs-centre{animation:ccVsPop .65s .17s cubic-bezier(.18,1.25,.3,1) both}
.cc-vs-sweep{animation:ccVsSweep 1.05s .18s ease-out both}
@keyframes ccVsFromLeft{from{opacity:0;transform:translateX(-22px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes ccVsFromRight{from{opacity:0;transform:translateX(22px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes ccVsPop{from{opacity:0;transform:scale(.5) rotate(-22deg)}60%{opacity:1;transform:scale(1.17) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes ccVsSweep{0%{left:-50%;opacity:0}35%{opacity:1}90%{opacity:.7}100%{left:120%;opacity:0}}
.cc-vs-static .cc-vs-team,.cc-vs-static .cc-vs-centre,.cc-vs-static .cc-vs-sweep{animation:none!important;transform:none!important;opacity:1}
.cc-vs-static .cc-vs-sweep{opacity:0}
@media(hover:hover){button:hover>.cc-versus-banner{border-color:rgba(239,206,129,.75)}button:hover>.cc-versus-banner .team-logo-graphic{box-shadow:0 5px 17px rgba(0,0,0,.38),0 0 0 4px rgba(224,185,103,.16)}}
.cc-live-match>.cc-versus-banner{width:100%;flex-shrink:0}
.cc-live-match .cc-live-score-rows{min-height:74px;gap:2px}
.cc-live-match .cc-live-team-row{padding:6px 7px}
.cc-fixture-matchup{display:grid;flex:1;min-width:0;gap:7px}
.cc-fixture-matchup .cc-versus-banner{max-width:475px}
.cc-fixture-matchup>small{color:#acc0d1;font-size:11px}
.cc-vs-strip{min-height:68px;padding:7px 14px;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);gap:8px}
.cc-vs-strip .cc-vs-team{flex-direction:row;text-align:left;gap:8px}
.cc-vs-strip .cc-vs-away{flex-direction:row-reverse;text-align:right}
.cc-vs-strip .cc-vs-team .team-logo-graphic{width:40px;height:40px;min-width:40px}
.cc-vs-strip .cc-vs-team strong{font-size:12px}
.cc-vs-strip .cc-vs-centre{width:34px;height:34px;font-size:12px}
.cc-vs-detail{width:min(100%,650px);margin:15px 0 12px;padding:15px 22px;min-height:140px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}
.cc-vs-detail .cc-vs-team .team-logo-graphic{height:72px;width:72px;min-width:72px;font-size:20px}
.cc-vs-detail .cc-vs-team strong{font-size:clamp(12px,1.6vw,18px)}
.cc-vs-detail .cc-vs-centre{height:60px;width:60px;font-size:21px}
.stadium-pitch .cc-vs-stadium{margin:12px 14px 10px;min-height:155px;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);padding:14px 12px}
.stadium-pitch .cc-vs-stadium .cc-vs-team .team-logo-graphic{height:62px;width:62px;min-width:62px;font-size:18px}
.stadium-pitch .cc-vs-stadium .cc-vs-team strong{font-size:clamp(12px,1.45vw,19px);line-height:1.17}
.stadium-pitch .cc-vs-stadium .cc-vs-centre{height:58px;width:58px;font-size:19px}
.stadium-next .cc-vs-stadium{width:min(100%,480px);margin:0 auto 15px}
@media(max-width:600px){.cc-versus-banner{padding:10px 7px;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.cc-vs-team .team-logo-graphic{height:42px;width:42px;min-width:42px}.cc-vs-centre{height:36px;width:36px;font-size:12px}.cc-vs-team strong{font-size:10px}.cc-vs-strip{grid-template-columns:minmax(0,1fr) 29px minmax(0,1fr);padding:7px;gap:4px}.cc-vs-strip .cc-vs-team .team-logo-graphic{height:32px;width:32px;min-width:32px}.cc-vs-strip .cc-vs-team strong{font-size:10px}.cc-vs-strip .cc-vs-centre{width:29px;height:29px;font-size:11px}.cc-vs-detail{min-height:120px;padding:10px;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.cc-vs-detail .cc-vs-team .team-logo-graphic{height:54px;width:54px;min-width:54px}.cc-vs-detail .cc-vs-centre{width:46px;height:46px;font-size:16px}.stadium-pitch .cc-vs-stadium{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);margin:9px 7px;min-height:134px;padding:12px 7px}.stadium-pitch .cc-vs-stadium .cc-vs-team .team-logo-graphic{height:49px;width:49px;min-width:49px}.stadium-pitch .cc-vs-stadium .cc-vs-centre{width:43px;height:43px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.cc-versus-banner .cc-vs-team,.cc-versus-banner .cc-vs-centre,.cc-versus-banner .cc-vs-sweep{animation:none!important;transform:none!important;transition:none!important;opacity:1!important}.cc-versus-banner .cc-vs-sweep{opacity:0!important}}
