*{box-sizing:border-box}body{margin:0;background:#f3f4ef;color:#18251d;font-family:Barlow,system-ui,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #d4dbd0;border-radius:9px;background:#fff;color:#24362b;padding:11px 16px;font-weight:500;transition:background .18s}button:hover{background:#e5eddc}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;border:1px solid #d2dacc;border-radius:8px;background:#fff;padding:12px;color:#22312a}textarea{min-height:122px;resize:vertical}label{display:grid;gap:7px;font-size:13px;font-weight:500}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #9dcc54;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:42px;letter-spacing:-1.7px;line-height:1.12;margin-bottom:10px}h2{font-size:22px;letter-spacing:-.5px;margin-bottom:12px}h3{font-size:18px;margin-bottom:10px}p{line-height:1.6;color:#6b756d}small{font-size:11px}strong,b{font-weight:600}.sidebar{position:fixed;left:0;top:0;width:235px;height:100dvh;background:#101d17;color:#ebf0e6;padding:38px 24px;display:flex;flex-direction:column;z-index:2}.brand{font-size:43px;line-height:1;font-weight:800;letter-spacing:-2.2px}.brand>span{color:#b9f276}.brand small{display:block;font-size:8px;letter-spacing:2.8px;font-weight:400;margin-top:11px;color:#98aa9e}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#818d82;display:block}.workspace{margin:48px 0 25px}.workspace select{padding:12px 0;background:none;border:0;border-bottom:1px solid #344238;border-radius:0;color:#dce6d8;font-size:12px}.workspace option{background:#15261b}.sidebar nav{display:grid;gap:8px}.sidebar nav button{display:flex;gap:14px;align-items:center;background:none;color:#a6b6ab;border:0;text-align:left;padding:14px;font-size:17px}.sidebar nav button span{font-size:14px}.sidebar nav button.active{background:#293b25;color:#cdf1ac;border:1px solid #405032}.sidebar nav button:hover{background:#203326}.side-bottom{margin-top:auto;font-size:10px;color:#90a494;line-height:1.5}.side-bottom p{font-size:21px;color:#ebf0e6;letter-spacing:-.5px;line-height:1.3;margin-top:25px}.side-bottom small{font-size:9px;letter-spacing:2px;color:#799281}.pulse,.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8f475;margin-right:5px}.shell{margin-left:235px}header{height:105px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e4da;background:#fafbf7}header p{margin:5px 0 0;font-size:13px}header .eyebrow{font-size:10px;color:#435644}.header-actions{display:flex;align-items:center;gap:13px}.demo-tag{font-size:9px;font-weight:600;letter-spacing:1px;border:1px solid #d6dfcf;border-radius:4px;padding:5px 7px;color:#5a7353}.account{font-size:12px;border-radius:30px;padding:10px 16px}.text-button{border:0;background:transparent;padding:6px 0;font-size:12px;white-space:nowrap}.text-button:hover{background:transparent;color:#658931}main{max-width:1510px;margin:auto;padding:30px 42px 45px}.hero{min-height:363px;border-radius:16px;background-position:center;background-size:cover;position:relative;overflow:hidden;color:#fff;padding:39px 40px 52px;display:flex;align-items:center}.hero .label{display:inline-flex;gap:15px;font-size:10px;letter-spacing:1.4px;color:#dcf2cf;border:1px solid #78966b;border-radius:4px;padding:8px 10px}.hero h1{font-size:43px;line-height:1.06;letter-spacing:-1.9px;margin:19px 0 15px;font-weight:600}.hero em{font-style:normal;color:#c1f487}.hero p{color:#c1cdbd;font-size:13px;line-height:1.6;margin:0 0 22px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary{background:#b7ef7b;border-color:#b7ef7b;color:#183118;font-weight:600;display:inline-block;padding:12px 18px;border-radius:8px;font-size:13px}.primary:hover{background:#a6df6a}.glass{background:#ffffff0d;border:1px solid #839477;color:#fff;font-size:13px}.glass:hover{background:#ffffff20}.hero-bottom{position:absolute;bottom:15px;left:40px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9cac91}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 28px;background:#fff;border:1px solid #dde3d6;border-radius:12px;padding:23px 4px}.metrics>div{display:flex;flex-direction:column;gap:4px;padding:0 24px;border-right:1px solid #e1e6db}.metrics>div:last-child{border:0}.metrics strong{font-size:32px;letter-spacing:-1px}.metrics span{font-size:11px;color:#7a8678}.two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px}.section-head h2{font-size:18px;margin:0}.section-head .green-dot{margin-left:6px}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.match-card{background:#fff;border:1px solid #dce3d5;border-radius:12px;padding:17px;min-width:0}.match-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#7b8577;margin-bottom:19px}.status{font-size:8px;letter-spacing:.6px;font-weight:600;white-space:nowrap;color:#7b876f}.status.live{background:#eff8e4;color:#629839;padding:5px 6px;border-radius:4px}.match-team{display:flex;align-items:center;gap:10px;margin:10px 0}.match-team b{font-size:12px;flex:1}.match-team strong{font-size:20px}.badge{display:inline-flex;justify-content:center;align-items:center;background:#e7eddc;color:#4b5c30;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);width:29px;height:33px;font-size:9px;font-weight:700;flex:0 0 29px}.match-team:nth-child(3) .badge{background:#e4e8ee;color:#506078}.match-foot{border-top:1px solid #edf0e7;padding-top:12px;margin-top:16px;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#8a9284}.match-foot small{display:block;margin-top:4px;font-size:8px}.match-foot .text-button{font-size:10px}.panel{background:#fff;border:1px solid #dce3d5;border-radius:12px;padding:24px;margin-bottom:20px;min-width:0}.table-panel{padding:8px 18px;overflow:hidden}.table-panel h3{font-size:12px;margin:15px 0 5px;color:#8b967f}table{border-collapse:collapse;width:100%;font-size:11px;min-width:510px;text-align:left}th{color:#87927e;font-weight:400;font-size:9px;padding:12px 8px}td{padding:13px 8px;border-top:1px solid #ecf0e6;white-space:nowrap}td:last-child{font-weight:700}tr:first-child td{background:#f3f8eb}td:nth-child(2){font-weight:500}.player-card{border-radius:12px;overflow:hidden;border:1px solid #d9e0d0;background:#fff}.player-photo{height:218px;position:relative;background:#18271c;overflow:hidden}.player-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.player-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a231bd1,transparent 65%)}.shirt-number{position:absolute;top:14px;left:18px;font-size:53px;font-weight:700;color:#ffffff99;line-height:1}.player-label{position:absolute;right:13px;top:16px;background:#b8ec81;color:#1b341e;font-size:8px;letter-spacing:1.2px;padding:5px 7px;border-radius:3px}.player-photo small{position:absolute;bottom:12px;left:18px;z-index:1;color:#deeccc;font-size:8px;letter-spacing:1.8px}.player-info{padding:20px}.player-info h2{font-size:22px;margin:5px 0}.player-info p{font-size:11px;margin-bottom:14px}.player-info .eyebrow{font-size:8px}.player-stats{display:flex;align-items:center;gap:22px;border-top:1px solid #e5ebdc;padding-top:12px}.player-stats span{font-size:8px;letter-spacing:.6px;color:#87967e}.player-stats b{font-size:24px;display:block;color:#253b26}.player-stats button{margin-left:auto}.sponsor-strip{display:flex;flex-direction:column;gap:7px;padding:22px 2px}.sponsor-strip b{font-size:19px;letter-spacing:-.5px}.sponsor-strip small{color:#8a9582;font-size:10px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 30px}.page-head .eyebrow{margin-bottom:12px}.page-head p{font-size:14px;margin:0}.page-head select{max-width:265px;font-size:12px}.tournament-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce3d5;padding:22px 0}.tournament-bar h2{margin-bottom:4px}.tournament-bar p{margin:0;font-size:12px}.pill{font-size:10px;background:#e5eddc;color:#4c6b3e;border-radius:20px;padding:8px 12px}.tabs{display:flex;gap:20px;border-bottom:1px solid #d9e2d0;margin-bottom:25px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:#7a8671;padding:12px 3px}.tabs button.active{color:#263e24;border-color:#81b443}.filters{display:flex;gap:15px;align-items:flex-end;margin-bottom:20px}.filters label{max-width:250px;width:100%}.grid{display:grid;gap:15px;grid-template-columns:1fr}.hint{font-size:12px;background:#f0f4e8;padding:13px;border-radius:8px;color:#667459}.empty{text-align:center;padding:40px 20px;border:1px dashed #b7c7a7;border-radius:10px;color:#839373;grid-column:1/-1}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ranking{margin-top:25px}.ranking-row{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #e7ecdf;font-size:13px}.ranking-row span{flex:1}.ranking-row button{font-size:11px;padding:8px 10px}.live-banner{border-radius:15px;background:#193126 url('/assets/football.png') center/cover;padding:40px;color:white;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.live-banner .label{font-size:13px;letter-spacing:3px}.live-banner b{color:#b4ee78}.live-banner h2{font-size:35px;margin:18px 0 12px}.live-banner p{color:#b9cfb7}.play-symbol{font-size:100px;color:#bcf082}.clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.clip{padding:0;overflow:hidden}.clip video,.clip-cover{width:100%;aspect-ratio:16/9;object-fit:cover;background-size:cover;background-position:center}.clip-cover{display:flex;align-items:center;justify-content:center}.clip>.eyebrow,.clip>h3{margin:16px 20px}.locked{min-height:220px;background:#dfe8d7;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center}.locked p{font-size:12px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:25px}.action-card{text-align:left;padding:22px;display:grid;gap:12px}.action-card strong{font-size:16px}.action-card span{font-size:12px;color:#829275;line-height:1.5}.audit-row{display:flex;gap:15px;font-size:11px;padding:12px 0;border-bottom:1px solid #e5ebdc}.audit-row time{color:#88957f;min-width:140px}.audit-row span{margin-left:auto}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 42px;padding:22px 0 28px;border-top:1px solid #dce4d4;color:#83917b;font-size:10px}footer b{font-size:19px;color:#395331}.mobile-nav{display:none}dialog{border:1px solid #d3dec9;border-radius:16px;padding:28px;width:min(600px,94vw);max-height:90dvh;color:#263622;background:#fafcf6;box-shadow:0 30px 150px #0d241b66}dialog::backdrop{background:#102418aa;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dialog-head h2{font-size:24px}.dialog-head button{font-size:22px;padding:0}dialog form{display:grid;gap:18px}dialog form>p{font-size:13px;margin:0}dialog .player-card{max-width:320px;margin:auto}dialog details{border:1px solid #dce4d4;border-radius:10px;padding:15px}dialog details>*{margin-top:18px}dialog summary{cursor:pointer;font-weight:600;margin:0}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-error{color:#ab332f!important;font-size:13px}.personas{display:grid;gap:10px}.personas button{text-align:left;display:grid;gap:6px}.personas span{font-size:11px;color:#748467}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#193326;color:#fff;padding:15px 25px;border-radius:10px;z-index:8;opacity:0;transition:all .25s;max-width:90vw;font-size:13px;box-shadow:0 12px 35px #19332633}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){main{padding-top:40px}.hero{min-height:425px}.hero h1{font-size:55px}.player-photo{height:250px}}@media(max-width:1200px){.sidebar{width:205px;padding:30px 18px}.shell{margin-left:205px}main{padding:25px}header{padding:0 25px}.match-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{align-items:flex-start;flex-direction:column}.hero h1{font-size:37px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}.two-col .match-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{display:none}.shell{margin-left:0}header{height:90px;padding:15px 20px}header p{display:none}header .eyebrow{max-width:135px;line-height:1.5;font-size:9px}.header-actions{gap:8px}.demo-tag{display:none}.account{font-size:11px}main{padding:18px 17px 25px}.hero{padding:27px 24px 60px;min-height:365px;border-radius:12px;background-position:65%}.hero h1{font-size:37px;line-height:1.12}.hero p{font-size:12px}.hero .label{font-size:8px}.hero-bottom{left:24px;right:24px;font-size:7px;gap:25px}.hero-bottom span:last-child{max-width:140px;text-align:right}.hero .actions{gap:8px}.hero .actions button{font-size:11px;padding:11px 12px}.metrics{padding:16px 0;gap:18px 0;grid-template-columns:1fr 1fr;margin:18px 0}.metrics>div{padding:0 20px}.metrics>div:nth-child(2){border:0}.metrics strong{font-size:29px}.metrics span{font-size:10px}.two-col{grid-template-columns:1fr}.two-col .match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-card{padding:13px}.match-meta{font-size:8px}.match-team b{font-size:11px}.match-foot{flex-direction:column}.match-foot button{align-self:flex-start}.section-head h2{font-size:17px}.table-panel{padding:7px 12px}.player-photo{height:260px}.two-col>aside{display:grid;grid-template-columns:1fr}.player-grid{gap:14px}.player-grid .player-photo{height:200px}.player-info{padding:15px}.player-info h2{font-size:20px}.player-stats{gap:15px}.player-grid .player-stats button{display:none}h1{font-size:33px}.page-head{gap:20px;margin:10px 0 25px}.page-head .actions{width:100%}.page-head select{max-width:none}.tournament-bar{align-items:flex-start;gap:10px}.tournament-bar h2{font-size:20px}.pill{font-size:8px;white-space:nowrap}.tabs{gap:18px;overflow:auto}.tabs button{font-size:13px}.match-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{padding:17px}.action-card strong{font-size:14px}.action-card span{font-size:11px}.panel{padding:18px}.table-panel{padding:10px}.live-banner{padding:26px}.live-banner h2{font-size:29px}.play-symbol{font-size:60px}.clip-grid{grid-template-columns:1fr}.ranking-row{gap:12px;font-size:11px}.audit-row{flex-wrap:wrap;gap:7px}.audit-row span{margin-left:0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fafff4f5;backdrop-filter:blur(10px);border-top:1px solid #d7e2cb;justify-content:space-around;z-index:4;padding:6px 6px max(8px,env(safe-area-inset-bottom));height:70px}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:6px;background:none;padding:6px;color:#8b987e;font-size:20px}.mobile-nav button span{font-size:8px}.mobile-nav button.active{color:#2e501d;background:#ebf4df}footer{margin:0 18px 78px;padding:20px 0;flex-wrap:wrap;gap:9px}footer span{font-size:8px}#toast{bottom:90px}.form-grid{grid-template-columns:1fr 1fr}dialog{padding:22px}.filters{flex-wrap:wrap}}
@media(max-width:380px){.hero h1{font-size:31px}.match-grid,.match-grid.three,.two-col .match-grid,.player-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.metrics>div{padding:0 16px}}

.mobile-org{display:none}@media(max-width:800px){header>div:first-child>.eyebrow{display:none}.mobile-org{display:block;background:transparent;border:0;padding:0;font-size:10px;max-width:155px;white-space:normal}}

.two-col>section,.two-col>aside,.grid>section{min-width:0}.table-panel>div{max-width:100%} .mobile-org{width:140px}
.league-logo{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:10px;padding:4px;margin-bottom:12px}.hero-league-logo{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:10px;padding:5px;display:block;margin-bottom:15px}.sponsor-zone{padding:20px 24px;border:1px solid #dce3d5;background:#fff;border-radius:12px;margin:20px 0}.sponsor-zone>.eyebrow{font-size:9px;margin-bottom:15px}.sponsor-zone>div{display:flex;gap:28px;flex-wrap:wrap;align-items:center}.sponsor-item{display:flex;align-items:center;gap:12px}.sponsor-item img{width:75px;height:45px;object-fit:contain}.sponsor-item b{font-size:17px}.sponsor-item small{display:block;color:#8a967e;font-size:10px;margin-top:4px}.sponsor-zone.footer{margin:15px 42px}.sponsor-admin-logo{width:100px;height:60px;object-fit:contain}.upload-preview{width:120px;height:90px;object-fit:contain;background:#e8edde;border:1px solid #d9e3cb;border-radius:8px;padding:8px}.youtube-shell{aspect-ratio:16/9;width:100%;background:#18301f;border-radius:10px;overflow:hidden}.youtube-gate{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px;color:#eff7e9;gap:10px}.youtube-gate>span{font-size:40px;line-height:1}.youtube-gate h3{font-size:16px;margin:0}.youtube-gate small{color:#bbceac;font-size:10px}.youtube-shell iframe{width:100%;height:100%;border:0}.video-external{display:block;padding:12px 18px;font-size:12px;color:#526f39;text-decoration:underline}.clip video,dialog video{width:100%;aspect-ratio:16/9}.home-side.sponsor-zone>div{flex-direction:column;align-items:flex-start}.home-side .sponsor-item img{width:50px}@media(max-width:800px){.sponsor-zone.footer{margin:15px 18px}.sponsor-zone{padding:18px}.youtube-gate>span{font-size:28px}.youtube-gate{gap:6px}.youtube-gate button{font-size:11px;padding:9px 12px}}

.video-note{font-size:10px;padding:0 18px 12px;margin:0;color:#839478}

/* Mobile match workflow and the single league example. */
.example-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;border:1px solid #395940;border-radius:16px;background:#10251a}.example-banner p{margin:4px 0;font-size:14px}.example-banner>div{flex:1 1 260px}.match-workflow{padding:12px 0}.match-workflow p{font-size:14px;color:#b3cbb9}.match-workflow .actions{display:flex;flex-wrap:wrap;gap:8px}.match-workflow button{min-height:44px}.match-mvp{display:flex;align-items:center;gap:12px;margin:12px 0}.match-mvp img{object-fit:cover;border-radius:12px}.match-mvp p{margin:3px 0}.profile-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.profile-choices article{padding:14px;border:1px solid #395940;border-radius:12px}.profile-choices p{font-size:14px;margin:4px 0}.profile-choices b{color:#b0fb44}@media(max-width:520px){.match-workflow .actions>button{flex:1 1 140px}.example-banner{padding:14px}.profile-choices{grid-template-columns:1fr 1fr}}