:root{--ink:#151915;--muted:#686f65;--line:#d9d1bd;--paper:#f2ead6;--surface:#fff;--green:#2f7b2f;--green-dark:#1f5d28;--gold:#c8a04a;--red:#ef432f;--blue:#2864b7;--shadow:0 8px 24px #17211c14}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.topbar{background:var(--paper);border-bottom:3px solid var(--ink);color:var(--ink);justify-content:space-between;align-items:center;min-height:76px;padding:16px clamp(14px,3vw,42px);display:flex}.topbar h1,.stage h2{letter-spacing:0;margin:0}.topbar h1{text-transform:uppercase;font-size:clamp(1.45rem,2.5vw,2.3rem)}.beta-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:.58rem;font-weight:900;line-height:1;display:block}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.68rem;font-weight:800}.layout{grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:14px;padding:16px clamp(10px,2.5vw,34px) 34px;display:grid}.layout.setup-layout{grid-template-columns:minmax(0,1fr)}.rail,.game-area{gap:16px;display:grid}.stage,.panel,.ad-slot{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:4px}.stage{padding:clamp(14px,2vw,22px)}.compact{padding:18px}.compact h2{margin:0 0 12px;font-size:1rem}.ad-slot{color:var(--muted);outline:1px dashed var(--line);outline-offset:-10px;text-transform:uppercase;justify-content:center;align-items:center;min-height:160px;font-size:.78rem;font-weight:800;display:flex}.stage-copy{max-width:760px}.stage-copy h2{max-width:820px;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1}.setup-title{white-space:nowrap;max-width:100%}.stage-copy p:not(.eyebrow){color:#dce8de;margin:16px 0 0;font-size:1.05rem}#setupView{color:#fff;background:linear-gradient(90deg,#10412cf5,#10412cb8),url(https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1600&q=80) 50%/cover;min-height:min(66vh,560px)}.setup-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:20px;display:grid}.setup-compose{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:18px;margin-top:20px;display:grid}.setup-compose .setup-grid{margin-top:0}.setup-submit{align-self:end;width:100%;min-height:46px}.formation-preview{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:12px}.formation-preview h3{margin:0;font-size:1.05rem}label{color:var(--muted);text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:800;display:grid}.format-field{color:var(--muted);border:0;gap:8px;margin:0;padding:0;display:grid}.format-field legend{text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800}.segmented-control{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-control label{color:var(--muted);cursor:pointer;text-align:center;text-transform:none;min-height:36px;transition:background var(--transition-fast), color var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;padding:8px 10px;font-size:.76rem;display:flex}.segmented-control label.selected{background:var(--green);color:#fff}.segmented-control input{opacity:0;inline-size:1px;position:absolute}#setupView label{color:#e8efe9}.field-hint{color:inherit;opacity:.72;text-transform:none;font-size:.72rem;font-weight:700;line-height:1.3}input,select{appearance:none;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:4px;width:100%;min-height:42px;padding:0 12px}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:4px;min-height:42px;padding:0 14px;font-weight:900}.primary-button{background:var(--green);color:#fff;align-self:end}.primary-button:hover{background:var(--green-dark)}.ghost-button{color:var(--green-dark);background:#edf4ef}.ghost-button.dark{border:1px solid var(--line);color:var(--ink);background:#efe6cc}.ghost-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.5}.section-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-head h2{font-size:clamp(1.18rem,2.4vw,2rem)}.player-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:22px;display:grid}.player-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:4px;gap:12px;min-height:96px;padding:16px;display:grid}.player-card:hover{border-color:var(--green)}.player-card strong{font-size:1.08rem}.meta-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.flag{color:var(--green-dark);background:#efe6cc;border-radius:3px;justify-content:center;align-items:center;width:44px;height:34px;font-weight:900;display:inline-flex}.team-title{align-items:center;gap:10px;display:flex}.team-title img,.flag-icon-wrap img,.live-scoreboard img,.table-team img{object-fit:cover;border:1px solid #14201824;display:block;box-shadow:0 2px 5px #1420181f}.team-title img{border-radius:4px;width:38px;height:28px}.flag-icon-wrap{background:#fff7e5;border-radius:4px;justify-content:center;align-items:center;width:42px;height:32px;display:inline-flex;overflow:hidden}.flag-icon-wrap img,.live-scoreboard img,.table-team img{width:100%;height:100%}.table-team{align-items:center;gap:7px;min-width:0;display:inline-flex}.table-team img{border-radius:3px;flex:none;width:25px;height:18px}.score-pill{border:1px solid var(--line);color:var(--green-dark);white-space:nowrap;background:#f7f0db;border-radius:4px;padding:9px 14px;font-weight:800}.pitch{background:linear-gradient(90deg,#ffffff38 1px,#0000 1px) 50%/50% 100% no-repeat,repeating-linear-gradient(90deg,#177c4d 0 12.5%,#198854 12.5% 25%);border:4px solid #ffffffe0;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:420px;margin-top:20px;padding:18px;display:grid}.shirt{background:#fffffff0;border-radius:8px;align-self:center;min-height:88px;padding:12px}.shirt.empty{background:#ffffffad;border:1px dashed #ffffffb8}.shirt.empty strong{color:#17211c94}.shirt.filled{border:1px solid #18865347}.shirt small{color:var(--muted);margin-bottom:6px;font-weight:800;display:block}.timeline{gap:8px;margin:0;padding:0;list-style:none;display:grid}.timeline li{border-left:3px solid var(--line);color:var(--muted);padding:4px 0 4px 10px;font-size:.9rem}.timeline li.done{border-color:var(--green);color:var(--ink);font-weight:700}.timeline li.active{border-color:var(--red);color:var(--ink);font-weight:900}.tactics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.result-box{border:1px solid var(--line);border-radius:4px;margin-top:14px;padding:14px}.result-headline{color:var(--red);text-transform:uppercase;margin:0 0 6px;font-size:.74rem;font-weight:900}.match-clock{color:#fff;background:#17211c;border-radius:4px;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:44px;margin-top:14px;padding:8px 12px;display:grid}.match-clock strong{color:var(--gold);font-size:1.18rem}.match-clock span:last-child{text-align:right;font-size:.86rem;font-weight:900}.match-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.match-actions .ghost-button,.modal .ghost-button{border-radius:999px;min-height:34px;padding:0 11px;font-size:.76rem}.match-actions .score-pill{padding:7px 10px;font-size:.78rem}.live-panel{border:1px solid var(--line);background:#fff;border-radius:4px;margin-top:12px;padding:12px}.live-scoreboard{color:#fff;text-align:center;background:#151915;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:48px;margin-bottom:10px;padding:8px 10px;display:grid}.live-scoreboard span{color:#fff6d9;justify-content:center;align-items:center;gap:7px;font-size:.84rem;font-weight:900;display:inline-flex}.live-scoreboard img{border-color:#fff1c93d;border-radius:3px;width:28px;height:20px}.live-scoreboard .score-code{color:#fff6d9;letter-spacing:0;font-size:.82rem}.live-scoreboard strong{color:#ffd963;font-size:clamp(1.35rem,5vw,2rem)}.events-box,.summary-box{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin-top:14px;padding:14px}.events-box h4,.summary-box h3{margin:0 0 10px}.events-box ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.events-box li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.summary-note{color:var(--muted);font-size:.9rem}.hall-card{color:#fff;background:linear-gradient(135deg,#188653f5,#17211cf0),#188653;border-radius:4px;padding:clamp(20px,4vw,34px)}.hall-card h3{font-size:clamp(1.6rem,4vw,3rem);line-height:1}.hall-squad{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:18px;display:grid}.hall-squad span{background:#ffffff1f;border:1px solid #fff3;border-radius:4px;padding:8px 10px}.standings{margin-top:16px;overflow-x:auto}.standings h4{margin:0 0 8px}.standings table{border-collapse:collapse;width:100%;min-width:420px}.standings th,.standings td{border-bottom:1px solid var(--line);text-align:left;padding:8px}.standings th{color:var(--muted);text-transform:uppercase;font-size:.78rem}.standings .user-row{background:#eaf7ee;font-weight:900}.support-text{color:var(--muted);margin:6px 0 0}.draft-board{margin-top:18px}.player-list{border:1px solid var(--line);border-radius:4px;max-height:390px;display:grid;overflow:auto}.player-list:empty{border:0}.player-card{border:0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:0;grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:64px;padding:9px 11px;display:grid}.player-card:last-child{border-bottom:0}.player-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-card-main{gap:2px;min-width:0;display:grid}.player-card-main small{color:var(--muted);letter-spacing:0;font-size:.7rem;font-weight:900}.player-card.selected{box-shadow:inset 4px 0 0 var(--green);background:#edf8f1}.pitch{aspect-ratio:634/1000;background:#2f7f31;border:2px solid #ffffffeb;border-radius:4px;width:min(100%,430px);max-width:430px;min-height:0;max-height:600px;margin:14px auto 0;padding:0;display:block;position:relative;overflow:hidden}.preview-pitch{width:min(100%,300px);max-width:300px;max-height:430px;margin-top:12px}.preview-shirt{color:#18271e;pointer-events:none;background:#ffffffeb;border:2px solid #359a6099}.pitch:before{content:"";opacity:.94;z-index:0;background:url(/footbalpitch.svg) 50%/100% 100% no-repeat;width:157.8%;height:63.4%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.shirt,.player-marker{text-align:center;z-index:2;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.shirt{border-radius:999px;width:clamp(34px,7vw,48px);height:clamp(34px,7vw,48px);min-height:0;padding:4px}.player-marker{gap:3px;width:clamp(64px,16vw,86px)}.player-marker .shirt{position:relative;transform:none}.shirt strong{font-size:clamp(.64rem,2vw,.76rem);line-height:1}.shirt small,.shirt span{color:inherit;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:clamp(.52rem,1.8vw,.6rem);font-weight:800;line-height:1.05;display:block;overflow:hidden}.shirt.empty{color:#ffffffe6;cursor:pointer;background:#164d2252;border:2px dashed #ffffff94}.shirt.empty.available{color:#fff;background:#f04532;border-color:#fff;box-shadow:0 8px 20px #f0453259}.shirt.filled{color:var(--ink);background:#fff;border:2px solid #f04532;box-shadow:0 5px 14px #17211c2e}.player-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#ffffffeb;border:1px solid #17211c29;border-radius:3px;max-width:100%;padding:2px 3px;font-size:clamp(.52rem,1.75vw,.62rem);font-weight:900;line-height:1.05;display:block;overflow:hidden}.player-marker.label-up .player-label{order:-1}.match-stats{background:var(--green);border:2px solid var(--green-dark);color:#fff6d9;text-align:center;width:100%;margin-top:12px;padding:10px 8px 12px;overflow:hidden}.match-stats h4{color:#ffd963;margin:0 0 7px;font-size:.88rem}.stats-teams,.stat-row{grid-template-columns:minmax(38px,.75fr) minmax(112px,1.35fr) minmax(38px,.75fr);align-items:center;gap:6px;min-width:0;display:grid}.stats-teams{color:#fff6d9c7;text-transform:uppercase;margin-bottom:5px;font-size:clamp(.56rem,2vw,.68rem);font-weight:900}.stats-teams span:first-child,.stat-row strong:first-child{text-align:right}.stats-teams span:nth-child(2){min-width:0}.stats-teams span:last-child,.stat-row strong:last-child{text-align:left}.stat-row{min-height:23px;font-size:clamp(.76rem,3.4vw,.9rem)}.stat-row span{color:#fff6d9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.stat-row strong{color:#fff;min-width:0;font-size:clamp(.76rem,3.1vw,.86rem)}.status-card{background:#f7fbf8;border:1px solid #cde6d5;border-radius:4px;gap:4px;padding:12px;display:grid}.status-card span,.status-card small{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.status-card strong{font-size:clamp(1rem,2vw,1.25rem)}.status-card.win{background:#f0faf3;border-color:#b9dfc5}.status-card.loss{background:#fff4f4;border-color:#efc4c4}.status-card.draw,.muted-card{border-color:var(--line);background:#f5f7f6}.modal{z-index:20;background:#151915b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;width:min(100%,760px);max-width:760px;max-height:min(760px,92vh);padding:clamp(12px,2.4vw,18px);position:relative;overflow:auto;box-shadow:0 20px 60px #00000047}.modal-card .section-head{border-bottom:1px solid #1420181a;align-items:center;margin-bottom:12px;padding-bottom:10px}.modal-card>.section-head{padding-right:42px}.modal-close{color:#e4eee6c7;height:34px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);z-index:1;background:#ffffff0e;border:1px solid #e4eee624;border-radius:999px;justify-content:center;align-items:center;width:34px;padding:0;display:inline-flex;position:absolute;top:14px;right:14px}.modal-close:hover:not(:disabled){color:var(--ink);background:#ffffff17;border-color:#359a6080}.modal-close:disabled{cursor:not-allowed;opacity:.45}.modal-card h2{margin:0;font-size:clamp(1.08rem,3vw,1.45rem)}.lineup-modal{max-width:560px}.session-error-modal{text-align:center;gap:12px;max-width:420px;display:grid}.session-error-modal .primary-button{justify-self:center}.lineup-modal .modal-pitch{width:min(100%,380px);max-width:380px;max-height:calc(92vh - 128px);margin-top:0}.campaign-list{gap:8px;margin-top:10px;display:grid}.campaign-match{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px}.campaign-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.campaign-row span,.campaign-detail p{color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:800;display:block}.campaign-row strong{font-size:.92rem;display:block}.campaign-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;width:100%;display:grid}.campaign-teams img{object-fit:cover;border:1px solid #14201824;border-radius:3px;flex:none;width:30px;height:20px}.campaign-teams span{color:inherit;font-size:inherit;text-transform:none;align-items:center;gap:8px;min-width:0;margin:0;display:inline-flex}.campaign-team-side{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.campaign-score{background:var(--surface-strong);color:var(--gold);text-align:center;white-space:nowrap;border:1px solid #c48c2c59;border-radius:999px;justify-content:center;min-width:68px;padding:3px 8px;font-size:.82rem;font-weight:900;display:inline-block}.compact-button{min-height:30px;padding:0 9px}.campaign-detail{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.compact-events{margin-top:10px}.tournament-modal{width:min(100%,1040px);max-width:1040px}.tournament-section{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.compact-head{margin-bottom:10px}.champion-banner{background:linear-gradient(135deg,#fff7df,#e9f6e9);border:1px solid #25753a33;border-radius:6px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;display:flex}.champion-banner span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.champion-banner strong{align-items:center;gap:10px;font-size:1.05rem;display:inline-flex}.champion-banner img,.bracket-team img,.table-team img{object-fit:cover;border:1px solid #14201824;border-radius:3px;width:27px;height:18px}.tournament-groups{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.tournament-group{border:1px solid var(--line);background:#ffffffad;border-radius:6px;overflow:hidden}.tournament-group h4,.bracket-phase h4{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;background:#fff7e5;margin:0;padding:9px 10px;font-size:.8rem}.compact-standings{overflow-x:auto}.compact-standings table{min-width:0}.compact-standings th,.compact-standings td{padding:8px;font-size:.82rem}.bracket-board{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.bracket-phase{border:1px solid var(--line);background:#ffffffad;border-radius:6px;overflow:hidden}.bracket-matches{gap:8px;padding:10px;display:grid}.bracket-match{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;padding:8px;display:grid}.bracket-match.user{border-color:#359a6061}.bracket-match.pending{background:var(--surface);opacity:.72}.bracket-match strong{background:var(--green-soft);border:1px solid var(--line);color:var(--ink);text-align:center;border-radius:999px;min-width:48px;padding:3px 8px}.bracket-match small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:.68rem;font-weight:900}.bracket-team{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:.82rem;font-weight:800;display:inline-flex;overflow:hidden}.bracket-team.right{text-align:right;flex-direction:row-reverse}.bracket-team.winner{color:#25753a}.final-stage{gap:16px;display:grid}.final-hero{background:linear-gradient(135deg, #142018f2, #25753ae6), var(--green-dark);color:#fff;border-radius:8px;padding:clamp(22px,5vw,42px);position:relative;overflow:hidden}.final-hero:after{content:"";background:radial-gradient(circle at 78% 18%,#fff1c93d,#0000 32%);position:absolute;inset:0}.final-hero>*{z-index:1;position:relative}.final-hero h2{max-width:760px;font-size:clamp(1.9rem,7vw,4rem);line-height:.98}.final-hero p:not(.eyebrow){color:#fffdf5d1;margin:12px 0 0;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:800}.final-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.summary-stat{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;gap:5px;min-height:82px;padding:13px;display:grid}.summary-stat span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.summary-stat strong{font-size:clamp(1rem,2.5vw,1.28rem);line-height:1.1}.final-actions{flex-wrap:wrap;gap:10px;display:flex}.final-section{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:clamp(12px,2vw,16px)}.final-section h3{margin:0;font-size:clamp(1.05rem,2.5vw,1.35rem)}.squad-table-wrap{border:1px solid var(--line);border-radius:6px;margin-top:14px;overflow:auto}.squad-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:520px}.squad-table th,.squad-table td{text-align:left;border-bottom:1px solid #1420181a;padding:10px 12px}.squad-table th{background:var(--surface-2);color:var(--muted);text-transform:uppercase;font-size:.74rem}.squad-table td:last-child,.squad-table th:last-child{text-align:center;width:92px}.squad-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.squad-table tr:last-child td{border-bottom:0}.hidden{display:none}@media (width<=920px){.layout{grid-template-columns:1fr}.rail{display:none}.setup-grid,.tactics,.setup-compose{grid-template-columns:1fr}.preview-pitch{max-height:360px}.ad-slot.horizontal,.ad-slot{min-height:52px}}@media (width<=560px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.section-head{flex-direction:column;align-items:flex-start}.stage{padding:14px}.match-clock{grid-template-columns:1fr}.match-actions{justify-content:flex-start}.campaign-row{grid-template-columns:1fr}.campaign-teams{grid-template-columns:1fr;align-items:start}.campaign-score{justify-self:start}.final-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-clock span:last-child{text-align:left}.pitch{width:100%}}:root{--ink:#e4eee6;--muted:#88988e;--paper:#1a2520;--surface:#232f29;--surface-2:#2c3930;--surface-strong:#35433a;--line:#3c4e43;--green:#359a60;--green-dark:#24703f;--green-soft:#1c2e22;--red:#d24848;--gold:#c48c2c;--gold-soft:#22190a;--blue:#4a8fd4;--focus:#c48c2c;--shadow:0 8px 28px #0000006b;--shadow-soft:0 4px 16px #00000042;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--transition-fast:.14s ease;--transition-base:.22s ease;--transition-slow:.36s ease}html{scroll-behavior:smooth;scroll-padding-top:112px}body{background:var(--paper);font-size:16px;line-height:1.45}button,select,input{touch-action:manipulation;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s}button:focus-visible,select:focus-visible,input:focus-visible{box-shadow:0 0 0 3px #c48c2c4d, 0 0 0 1px var(--focus);outline:0}button:not(:disabled):not(.shirt):active{transform:translateY(1px)scale(.99)}.shirt.empty:active{transform:translate(-50%,-50%)}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0;box-shadow:0 4px 16px #00000038}.brand-lockup,.topbar-actions,.match-actions{align-items:center;gap:12px;display:flex}.brand-mark{object-fit:contain;border-radius:8px;width:42px;height:42px;display:block}.topbar h1{color:var(--ink);font-size:clamp(1.06rem,1.8vw,1.5rem)}.mini-record{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.layout{align-items:start;gap:clamp(12px,2vw,22px);max-width:1280px;margin:0 auto}.rail{position:sticky;top:96px}.stage,.panel,.ad-slot,.live-panel,.events-box,.summary-box,.result-box,.modal-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-soft)}.stage{overflow:clip}.stage:hover,.panel:hover{box-shadow:var(--shadow)}.ad-slot{background:#16201999;min-height:96px}.ad-slot.horizontal{min-height:44px}.progress-strip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;display:grid}.progress-strip span{color:var(--muted);text-align:center;text-transform:uppercase;border-radius:999px;padding:5px 7px;font-size:clamp(.58rem,1.6vw,.68rem);font-weight:900}.progress-strip span.done{background:var(--green-soft);color:var(--green)}.progress-strip span.active{background:var(--green);color:#1a2520}.mobile-coach-strip{display:none}#setupView{background:linear-gradient(160deg,#101e16f2 0%,#16281cdb 50%,#0c1610f7 100%),url(https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1600&q=80) 50%/cover;min-height:min(72vh,660px);position:relative}#setupView:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#101c1480);position:absolute;inset:0}#setupView>*{z-index:1;position:relative}.stage-copy h2{letter-spacing:-.01em;max-width:680px}.setup-title{letter-spacing:0;max-width:100%}.stage-copy p:not(.eyebrow){color:#e8f5eac7;max-width:560px}.setup-eyebrow-row{align-items:center;gap:8px;margin-bottom:6px;display:inline-flex}.setup-eyebrow-row .eyebrow{margin-bottom:0}.rules-help-button{box-shadow:none;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #e8f5ea47;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.78rem;font-weight:900;display:inline-flex}.rules-help-button:hover{background:#ffffff29}.rules-modal{max-width:460px}.rules-list{color:var(--muted);gap:10px;margin:0;padding-left:20px;line-height:1.45;display:grid}.rules-list li::marker{color:var(--green);font-weight:900}.setup-grid{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#18221ce0;border:1px solid #3c4e43b3;padding:clamp(12px,2vw,18px)}.formation-preview{box-shadow:var(--shadow-soft)}.formation-preview .section-head{align-items:center}.formation-preview .score-pill{text-transform:capitalize}label{letter-spacing:0}input,select{border-color:var(--line);color:var(--ink);background:#101a14d9;min-height:40px}input:hover,select:hover{border-color:#359a6073}select option{color:var(--ink);background:#232f29}.primary-button,.ghost-button{min-width:40px;min-height:40px}.button-with-icon{justify-content:center;align-items:center;gap:6px;display:inline-flex}.primary-button.is-loading,.ghost-button.is-loading{justify-content:center;align-items:center;gap:8px;display:inline-flex}.button-spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:999px;flex:none;width:14px;height:14px;animation:.76s linear infinite buttonSpin}.ghost-button .button-spinner{border-color:#1519153d;border-top-color:var(--ink)}button[aria-busy=true]{cursor:wait}@keyframes buttonSpin{to{transform:rotate(360deg)}}.primary-button{background:var(--red);box-shadow:0 5px #9f241d,0 10px 18px #ef4f3f4d}.primary-button:hover:not(:disabled){background:#f2503f}.ghost-button{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.ghost-button:hover:not(:disabled){background:var(--surface-strong);border-color:#359a6066}.ghost-button.dark{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.ghost-button.dark:hover:not(:disabled){background:var(--surface-strong);border-color:#359a6066}.header-reset{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;min-height:34px;padding:0 12px;font-size:.76rem}.header-reset:hover:not(:disabled){background:var(--surface-strong);color:var(--ink);border-color:#359a6066}.support-link{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:.76rem;text-decoration:none;display:inline-flex}.support-link:hover{color:var(--ink);border-color:#359a6066}.section-head{align-items:start}.action-stack{place-items:flex-end end;gap:6px;display:grid}.action-stack small{color:var(--muted);font-size:.74rem;font-weight:800}.roll-button{min-width:126px}.support-text{color:var(--muted);font-size:.94rem}.empty-list{background:var(--surface-2);color:var(--muted);text-align:center;gap:3px;padding:18px;display:grid}.empty-list strong{color:var(--ink)}.player-list{border-color:var(--line);box-shadow:none;max-height:440px}.player-card{background:var(--surface);color:var(--ink);min-height:58px;padding-block:8px}.player-card strong{color:var(--ink);font-size:.96rem;line-height:1.12}.player-card:hover,.player-card.selected{background:var(--surface-2)}.player-card:disabled{cursor:wait;opacity:.64}.player-card.selected{box-shadow:inset 4px 0 0 var(--green)}.flag,.score-pill{background:var(--gold-soft)}.score-pill{color:var(--gold)}.shirt.filled,.player-label{color:#18271e}.pitch{border-color:#fffffff5;box-shadow:inset 0 0 0 1px #1420183d,0 14px 34px #14201829}.shirt.empty{border-color:#ffffff9e}.shirt.empty.available{animation:1.25s ease-in-out infinite pulseSlot}.shirt.filled{border-color:var(--red)}.player-label{box-shadow:0 3px 8px #1420182e}.match-clock,.live-scoreboard{background:linear-gradient(#243229,#101711);border:1px solid #fff1c929;box-shadow:inset 0 0 0 1px #ffffff0a}.match-clock strong,.live-scoreboard strong{text-shadow:0 0 18px #ffd96347}.tactics-panel{background:var(--surface-2);gap:8px;margin-top:12px;padding:10px}.tactics-panel label{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:5px;padding:8px}.tactics-panel select{border-radius:7px;min-height:38px;padding-inline:10px;font-size:.9rem}.tactics-panel .primary-button{min-height:42px}.match-stats{background:linear-gradient(#2f8238,#256d31);border-color:#174b24;border-radius:6px}.stat-row+.stat-row{border-top:1px solid #fff6d91f}.events-box li{border-color:var(--line)}.standings{border:1px solid var(--line);border-radius:6px}.standings table{min-width:0}.standings th{background:var(--surface-2);color:var(--muted)}.standings th,.standings td{padding:10px}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.campaign-match{transition:border-color .16s,box-shadow .16s,transform .16s}.campaign-match:hover{box-shadow:var(--shadow-soft);border-color:#359a6047;transform:translateY(-1px)}@keyframes pulseSlot{0%,to{box-shadow:0 0 #ef3f2f6b,0 8px 20px #f0453247}50%{box-shadow:0 0 0 9px #ef3f2f00,0 8px 20px #f045325c}}@media (width>=1040px){.game-area{grid-template-columns:minmax(0,.96fr) minmax(320px,.74fr)}.game-area>.ad-slot,.game-area>.progress-strip,#setupView,.match-stage,.final-stage{grid-column:1/-1}}@media (width<=720px){.topbar{align-items:stretch;gap:12px;position:static}.topbar-actions{justify-content:space-between}.brand-mark{width:38px;height:38px}.layout{padding-inline:10px}.progress-strip{border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.progress-strip span{gap:3px;padding:5px 3px}.progress-strip span:before{display:none}.mobile-coach-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mobile-coach-strip article{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:2px;min-width:0;padding:9px;display:grid}.mobile-coach-strip span{color:var(--muted);text-transform:uppercase;font-size:.62rem;font-weight:900}.mobile-coach-strip strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.section-head{gap:10px}.setup-title{white-space:normal;font-size:clamp(1.55rem,7vw,1.9rem);line-height:1.04}.action-stack{place-items:stretch stretch;width:100%}.roll-button{width:100%}.setup-grid{padding:10px}.stage{padding:12px}.final-actions>*{width:100%}.squad-table{min-width:0;font-size:.84rem}.squad-table th,.squad-table td{padding:9px 8px}.squad-table td:last-child,.squad-table th:last-child{width:68px}.ad-slot{min-height:44px}}.stage,.panel,.live-panel,.events-box,.summary-box,.result-box,.modal-card,.final-section{border-radius:10px}.topbar{background:#0e1712eb}.brand-mark{box-shadow:0 8px 18px #1420181f}.coach-panel{border:1px solid var(--line);color:var(--ink);background:linear-gradient(#1e2c26,#1a2520)}.coach-panel .eyebrow{color:var(--gold)}.coach-grid{gap:8px;display:grid}.coach-card{border-bottom:1px solid #fffdf51f;gap:2px;padding:8px 0 9px;display:grid}.coach-card:last-child{border-bottom:0;padding-bottom:0}.coach-card span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.coach-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;line-height:1.18;overflow:hidden}.progress-strip{counter-reset:progress}.progress-strip span{justify-content:center;align-items:center;gap:5px;display:inline-flex}.progress-strip span:before{background:var(--line);color:var(--muted);content:counter(progress);counter-increment:progress;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.58rem;display:inline-flex}.progress-strip span.done:before{background:var(--green);color:#fff}.progress-strip span.active:before{color:#1a2520;background:#fff}.timeline li{border-radius:0 8px 8px 0}.timeline li.active{background:#359a601a}.draft-stage{background:var(--surface)}#setupView,.draft-stage,.squad-stage,.match-stage,.final-stage{scroll-margin-top:112px}.draft-command{border-bottom:1px solid var(--line);padding-bottom:14px}.draft-meter{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:grid}.draft-meter div:first-child{gap:0;display:grid}.draft-meter span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.draft-meter strong{color:var(--ink);font-size:1rem}.meter-track{background:#359a601f;border-radius:999px;height:10px;overflow:hidden}.meter-track span{background:linear-gradient(90deg, var(--green), var(--gold));height:100%;transition:width .26s;display:block}.selection-strip{background:linear-gradient(90deg, #359a6014, #c48c2c0f), var(--surface-2);border-radius:var(--radius-md);border:1px solid #359a6033;align-items:center;gap:4px;margin-top:10px;padding:11px 12px;display:grid}.selection-strip.empty{background:var(--surface-2);border-color:var(--line)}.selection-strip span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.selection-strip strong{color:var(--ink);font-size:.98rem}.player-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:10px}.player-card{position:relative}.player-card:after{background:var(--green);content:"";opacity:0;border-radius:999px;width:8px;height:8px;transition:opacity .16s,transform .16s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.player-card.selected:after,.player-card:hover:after{opacity:1;transform:translateY(-50%)scale(1.12)}.match-slate{background:linear-gradient(135deg, #142018fa, #164c2af0), var(--ink);box-shadow:var(--shadow-soft);color:#fffdf5;border:1px solid #fff1c92e;border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:14px;padding:clamp(10px,2vw,14px);display:grid;overflow:hidden}.slate-team{place-items:center start;gap:6px;min-width:0;display:grid}.slate-team.right{text-align:right;justify-items:end}.slate-team img{object-fit:cover;border:1px solid #fffdf53d;border-radius:5px;width:34px;height:22px}.slate-team span,.slate-center span,.slate-center small{color:#fffdf5ad;text-transform:uppercase;font-size:.68rem;font-weight:900}.slate-team strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,2.8vw,1.35rem);line-height:1.08;overflow:hidden}.slate-center{text-align:center;place-items:center;gap:2px;min-width:84px;display:grid}.slate-center strong{color:var(--gold-soft);font-size:clamp(1.4rem,4.4vw,2.25rem);line-height:1}.slate-center small{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.match-stage .tactics-panel{border-color:#d2a53d47}.squad-stage .section-head{align-items:center;margin-bottom:2px}.squad-stage .section-head h2{font-size:clamp(.98rem,2vw,1.22rem)}.squad-stage .eyebrow{margin-bottom:3px}.final-hero{box-shadow:var(--shadow)}.final-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-stat{border-radius:10px}@media (width<=720px){.match-slate{text-align:center;grid-template-columns:1fr}.slate-team,.slate-team.right{text-align:center;justify-items:center}.slate-center{order:-1}.draft-meter{grid-template-columns:1fr}#setupView,.draft-stage,.squad-stage,.match-stage,.final-stage{scroll-margin-top:16px}.player-list{max-height:46vh}.player-card{min-height:56px;padding-right:28px}.player-card strong{font-size:.9rem}.player-card-main small{font-size:.66rem}.tactics-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.tactics-panel label{padding:7px;font-size:.66rem}.tactics-panel select{min-height:36px;font-size:.82rem}.tactics-panel .primary-button{grid-column:1/-1}.match-clock{grid-template-columns:1fr auto;min-height:40px;padding:7px 10px}.modal{align-items:stretch;padding:8px}.modal-card{width:100%;max-height:calc(100vh - 16px);padding:12px}.modal-card .section-head{flex-direction:row;align-items:center}.donation-grid{grid-template-columns:1fr}.donation-card{min-height:96px}.campaign-row{grid-template-columns:1fr auto}.campaign-teams{grid-template-columns:minmax(0,1fr) minmax(70px,auto) minmax(0,1fr);align-items:center}.campaign-score{justify-self:center}.campaign-team-side:last-child{text-align:right;justify-content:flex-end}.tournament-section{margin-top:12px;padding-top:12px}.bracket-board,.tournament-groups{grid-template-columns:1fr;gap:8px}.shirt{width:44px;height:44px}.player-marker{width:80px}.pitch{max-height:min(72vh,610px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.support-modal{color:var(--ink);background:radial-gradient(circle at 0 0,#359a602e,#0000 32%),linear-gradient(#17221d,#111915);gap:14px;max-width:520px;padding-right:clamp(12px,2.4vw,18px);display:grid;position:relative}.support-modal .section-head{border-bottom-color:#e4eee61f;margin-bottom:0}.support-modal-copy,.support-modal-note{color:#e4eee6b8;margin:0;font-size:.92rem;line-height:1.45}.donation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.donation-card,.open-donation-card,.kofi-donation-card{color:var(--ink);border:1px solid #e4eee61f;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}.donation-card{background:#ffffff0b;border-radius:8px;align-content:start;gap:8px;min-height:122px;padding:13px;display:grid;position:relative}.donation-card svg{color:#e4eee67a;position:absolute;bottom:12px;right:12px}.donation-card:hover,.open-donation-card:hover,.kofi-donation-card:hover{border-color:#359a608c;transform:translateY(-1px);box-shadow:0 12px 32px #0000003d}.donation-card.featured{background:linear-gradient(#359a603d,#ffffff0e);border-color:#62cd8e80}.donation-amount{color:var(--gold);font-size:clamp(1.34rem,4vw,1.8rem);font-weight:950}.donation-label{color:#e4eee6b8;padding-right:16px;font-size:.82rem;font-weight:800;line-height:1.3}.open-donation-card,.kofi-donation-card{background:#ffffff09;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.open-donation-card span,.kofi-donation-card span:not(.kofi-badge){color:#e4eee6b8;gap:2px;font-size:.86rem;display:grid}.open-donation-card strong,.kofi-donation-card strong{color:var(--ink);font-size:.98rem}.open-donation-card svg,.kofi-donation-card svg{color:#e4eee694;flex:none}.kofi-donation-card{background:#ffffff06}.kofi-badge{color:#fff;background:#ff5f5f;border-radius:999px;flex:none;align-items:center;min-height:26px;padding:0 10px;font-size:.76rem;font-weight:950;display:inline-flex}.share-status{color:var(--green-dark);align-self:center;font-size:.85rem;font-weight:700}.share-modal{gap:16px;max-width:340px;display:grid}.share-modal-actions{flex-direction:column;gap:10px;display:flex}.share-result-layout{gap:20px;max-width:860px;margin:0 auto;padding:24px 16px 48px;display:grid}.share-result-header{align-items:center;gap:10px;display:flex}.share-result-header .brand-mark{width:auto;height:36px}.share-result-header span{font-size:1.1rem;font-weight:900}.share-competition{color:#fffdf5a6!important;margin-top:4px!important;font-size:.85rem!important;font-weight:700!important}.share-result-footer{justify-content:center;padding:8px 0;display:flex}.share-expired{text-align:center;gap:16px;padding:32px 0;display:grid}.share-expired .primary-button{justify-self:center;text-decoration:none}.share-result-layout .primary-button{text-decoration:none}.final-stage.is-share-export{box-shadow:none;color:#e4eee6;background:#1a2520;border-color:#3c4e43}.final-stage.is-share-export .final-hero{box-shadow:none;color:#fffdf5;background:linear-gradient(135deg,#111f17fa,#24703ff5),#24703f}.final-stage.is-share-export .final-hero.champion{background:linear-gradient(135deg,#2c1e04 0%,#143d22 45%,#1a2520 100%),#24703f}.final-stage.is-share-export .final-hero h2{color:#fffdf5}.final-stage.is-share-export .final-hero p:not(.eyebrow),.final-stage.is-share-export .good-run-text{color:#eff8f0!important;opacity:1!important}.final-stage.is-share-export .summary-stat,.final-stage.is-share-export .final-section{color:#e4eee6;background:#243229;border-color:#51675a}.final-stage.is-share-export .summary-stat span,.final-stage.is-share-export .summary-stat-icon,.final-stage.is-share-export .squad-table th{color:#c5d1c8}.final-stage.is-share-export .summary-stat strong,.final-stage.is-share-export .final-section h3,.final-stage.is-share-export .squad-table td{color:#f1f8f2}.final-stage.is-share-export .score-pill{color:#e0ac4d;background:#c48c2c2e;border-color:#e0ac4d7a}.final-stage.is-share-export .squad-table-wrap{background:#1d2923;border-color:#51675a}.final-stage.is-share-export .squad-table th{background:#314137}.final-stage.is-share-export .squad-table td{border-bottom-color:#e4eee629}.formation-picker{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.formation-pill{border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;min-height:34px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#359a600f;border:1px solid #359a6033;padding:0 14px;font-size:.78rem;font-weight:700}.formation-pill:hover{color:var(--ink);background:#359a601f;border-color:#359a6061}.formation-pill.active{border-color:var(--green);color:var(--green);background:#359a6029;font-weight:800}.squad-rings{flex-wrap:wrap;gap:5px;margin-top:14px;display:flex}.squad-ring{border:2px solid var(--line);height:clamp(18px,3.5vw,24px);transition:background var(--transition-base), border-color var(--transition-base);border-radius:50%;width:clamp(18px,3.5vw,24px)}.squad-ring.filled{background:var(--green);border-color:var(--green-dark)}.squad-ring.active{border-color:var(--red)}@media (prefers-reduced-motion:no-preference){.squad-ring.active{animation:1.2s ease-in-out infinite pulseRing}}@keyframes pulseRing{0%,to{box-shadow:0 0 #ef4f3f80}50%{box-shadow:0 0 0 6px #ef4f3f00}}.team-reveal{transition:filter var(--transition-base), transform var(--transition-base)}.team-reveal.drawing{filter:blur(4px);transform:scale(1.06)}.pos-badge{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:28px;font-size:.62rem;font-weight:800;display:inline-flex}.player-card:has(.pos-badge){align-items:center;gap:8px;display:flex}.scoreboard-hero{border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #ffffff0a, var(--shadow);color:var(--ink);background:linear-gradient(#1c2d25,#101a14);border:1px solid #c48c2c2e;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:14px;padding:clamp(14px,3vw,28px);display:grid}.scoreboard-side{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.scoreboard-side--right{text-align:center}.scoreboard-flag{border-radius:var(--radius-sm);object-fit:cover;border:1px solid #ffffff29;width:64px;height:48px;display:block}.scoreboard-team-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:clamp(.82rem,2.5vw,1.2rem);font-weight:700;line-height:1.15;overflow:hidden}.scoreboard-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:90px;display:flex}.score-digits{color:var(--gold);letter-spacing:-.02em;text-shadow:0 0 24px #c48c2c5c;font-size:clamp(2.8rem,9vw,5rem);font-weight:800;line-height:1}.score-digits-static{color:var(--muted);letter-spacing:-.02em;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800;line-height:1}.scoreboard-clock-chip{border-radius:var(--radius-pill);color:#e8f5ea9e;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#ffffff12;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.aggregate-chip,.aggregate-line,.aggregate-small{color:var(--gold);font-weight:800}.aggregate-chip{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#c48c2c1f;border:1px solid #c48c2c38;padding:4px 10px;font-size:.68rem}.aggregate-line{margin-top:-2px}.aggregate-small{margin-top:3px;font-size:.68rem;display:block}.match-tabs{border-bottom:2px solid var(--line);gap:0;margin-top:18px;display:flex}.match-tab{box-shadow:none;color:var(--muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;min-width:44px;min-height:44px;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:5px;margin-bottom:-2px;padding:0 14px;font-size:.74rem;font-weight:800;display:inline-flex}.match-tab[aria-selected=true]{border-bottom-color:var(--green);color:var(--ink)}.match-tab:hover:not([aria-selected=true]){color:var(--ink)}.lineup-tab{margin-left:auto}.match-tab-panel{padding-top:16px}.tactics-accordion{border-radius:var(--radius-md);border:1px solid #c48c2c33;margin-top:14px;overflow:hidden}.tactics-accordion[open] .tactics-chevron{transform:rotate(180deg)}.tactics-summary{background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:.8rem;font-weight:700;list-style:none;display:flex}.tactics-summary::-webkit-details-marker{display:none}.tactics-chevron{color:var(--muted);transition:transform var(--transition-base);flex-shrink:0}.tactics-accordion .tactics-panel{border-radius:0;margin-top:0}@media (prefers-reduced-motion:no-preference){.stage,.final-stage,.draft-stage,.match-stage{animation:.26s both fadeInUp}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.event-item-new{animation:slideInRight .22s var(--transition-base) both}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.setup-submit:not(:hover):not(:disabled){animation:2.4s ease-in-out infinite ctaPulse}}@keyframes ctaPulse{0%,to{box-shadow:0 5px #9f241d,0 10px 18px #ef4f3f47}50%{box-shadow:0 5px #9f241d,0 14px 28px #ef4f3f7a}}.confetti-container{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.confetti-container span{border-radius:2px;width:6px;height:8px;position:absolute;top:-10%}@media (prefers-reduced-motion:no-preference){.confetti-container span{animation:linear infinite confettiFall}}@keyframes confettiFall{to{top:110%;transform:rotate(720deg)}}.confetti-container span:first-child{background:var(--gold);animation-duration:3.2s;animation-delay:0s;left:8%}.confetti-container span:nth-child(2){background:#e8f5ea;animation-duration:2.8s;animation-delay:.3s;left:18%}.confetti-container span:nth-child(3){background:var(--green);animation-duration:3.6s;animation-delay:.6s;left:28%}.confetti-container span:nth-child(4){background:var(--gold);animation-duration:2.5s;animation-delay:.1s;left:38%}.confetti-container span:nth-child(5){background:var(--red);animation-duration:3.1s;animation-delay:.8s;left:48%}.confetti-container span:nth-child(6){background:var(--gold);animation-duration:2.9s;animation-delay:.4s;left:58%}.confetti-container span:nth-child(7){background:#e8f5ea;animation-duration:3.4s;animation-delay:.2s;left:68%}.confetti-container span:nth-child(8){background:var(--green);animation-duration:2.7s;animation-delay:.9s;left:78%}.confetti-container span:nth-child(9){background:var(--gold);animation-duration:3s;animation-delay:.5s;left:86%}.confetti-container span:nth-child(10){background:var(--red);animation-duration:3.3s;animation-delay:.7s;left:93%}.confetti-container span:nth-child(11){background:var(--gold);animation-duration:2.6s;animation-delay:.15s;left:13%}.confetti-container span:nth-child(12){background:#e8f5ea;animation-duration:3.5s;animation-delay:1s;left:73%}.confetti-container span:nth-child(13){background:var(--green);animation-duration:2.4s;animation-delay:.45s;left:33%}.confetti-container span:nth-child(14){background:var(--gold);animation-duration:3.8s;animation-delay:1.1s;left:62%}.final-hero{position:relative;overflow:hidden}.final-hero.champion{background:linear-gradient(135deg,#2c1e04 0%,#143d22 45%,#1a2520 100%)}.final-hero-trophy{color:var(--gold);margin-bottom:12px}.summary-stat-icon{color:var(--muted);margin-bottom:6px}.topbar{border-bottom-color:var(--line)}.modal-card{background:var(--surface)}.modal-close{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted)}.modal-close:hover{color:var(--ink)}.result-box{background:var(--surface-2)}.result-box.win{background:linear-gradient(135deg, #359a601a, var(--surface-2));border-color:#359a604d}.result-box.loss{background:linear-gradient(135deg, #ef4f3f14, var(--surface-2));border-color:#ef4f3f40}.result-box.draw{background:linear-gradient(135deg, #4a8fd414, var(--surface-2));border-color:#4a8fd440}.next-match-cta{border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:12px;padding:20px 16px 8px;display:flex}.next-match-preview{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex}.next-match-flag{object-fit:cover;border-radius:4px;flex-shrink:0;width:44px;height:32px}.next-match-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600}.next-match-name{color:var(--ink);font-size:.95rem;font-weight:700;display:block}.next-match-btn{min-width:220px}.squad-table th{background:var(--surface-2)}.standings .user-row,.user-row{background:#359a6024!important}.standings .user-row td,.user-row td{color:var(--ink);background:0 0;font-weight:700}.standings td,.squad-table td{color:var(--ink)}.panel{background:var(--surface)}.topbar{border-bottom:1px solid var(--line)}.shirt{min-width:clamp(36px,5.5vw,46px)!important;min-height:clamp(36px,5.5vw,46px)!important}.shirt small,.shirt span{text-overflow:clip;white-space:nowrap;max-width:calc(100% + 2px);overflow:hidden}.player-marker{width:clamp(56px,13vw,70px)}.campaign-modal,.tournament-modal{color:var(--ink);background:#17221d}.campaign-modal .section-head,.tournament-modal .section-head{border-bottom-color:#e4eee61f}.campaign-modal .ghost-button.dark,.tournament-modal .ghost-button.dark{background:var(--surface-2);color:var(--ink);border-color:#e4eee624}.campaign-match{background:linear-gradient(#2c3930f5,#232f29f5);border-color:#e4eee61a}.campaign-row>div{min-width:0}.campaign-row span,.campaign-detail p{color:#e4eee6a3}.campaign-teams{align-items:stretch;gap:10px}.campaign-team-side{border-radius:var(--radius-sm);background:#ffffff09;border:1px solid #e4eee614;min-height:42px;padding:8px;color:var(--ink)!important}.campaign-team-side:first-child img,.scoreboard-side:first-child .scoreboard-flag,.user-row .table-team img{object-fit:contain;background:#0d14109e;padding:3px}.campaign-score,.bracket-score{border-radius:var(--radius-sm);color:var(--ink);background:linear-gradient(#c48c2c29,#c48c2c14);border:1px solid #c48c2c61;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:1px;min-width:72px;min-height:42px;padding:6px 9px;line-height:1.05;display:inline-flex}.campaign-score strong,.bracket-score span{color:var(--gold);font-size:1rem;font-weight:900;line-height:1}.campaign-score small,.bracket-score small,.score-penalties{color:#e4eee6b8;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.66rem;font-weight:900}.campaign-detail{border-top-color:#e4eee61a}.tournament-section{border-top-color:#e4eee61f}.tournament-group,.bracket-phase{background:var(--surface);border-color:#e4eee61a}.tournament-group h4,.bracket-phase h4{background:var(--gold-soft);color:var(--gold);border-bottom-color:#c48c2c47}.tournament-modal .standings{background:#0d14103d;border-color:#e4eee61a}.tournament-modal .standings th{color:#e4eee6ad;background:#2c3930f5}.tournament-modal .standings td{color:var(--ink);border-color:#e4eee614}.bracket-match{background:var(--surface-2);border-color:#e4eee61a}.bracket-match.pending{background:#232f29b8}.bracket-match strong.bracket-score{min-width:62px}.score-penalties{border-radius:var(--radius-pill);background:#ffffff13;border:1px solid #ffffff1a;padding:4px 9px}.result-scoreline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:6px 0;display:grid}.result-scoreline>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.result-scoreline>span:last-child{text-align:right}.result-scoreline strong{border-radius:var(--radius-sm);color:var(--gold);background:#0d141047;border:1px solid #c48c2c47;flex-direction:column;align-items:center;min-width:76px;padding:7px 10px;font-size:1.35rem;font-weight:900;line-height:1;display:inline-flex}.result-scoreline small{color:#e4eee6b8;letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:.62rem}@media (width<=720px){.scoreboard-hero{grid-template-columns:minmax(0,1fr) minmax(74px,auto) minmax(0,1fr);padding:12px}.score-digits{font-size:clamp(2rem,13vw,3.1rem)}.scoreboard-flag{width:48px;height:40px}.scoreboard-team-name{max-width:88px}.campaign-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.campaign-team-side{text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;min-height:68px;font-size:.78rem!important}.campaign-team-side:last-child{text-align:center;justify-content:center}.campaign-score{min-width:58px;padding-inline:6px}.result-scoreline{gap:6px}.result-scoreline strong{min-width:58px;padding-inline:7px;font-size:1.05rem}}.campaign-modal .campaign-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.campaign-modal .campaign-row>div{width:100%;min-width:0}.campaign-modal .campaign-teams{grid-template-columns:minmax(150px,1fr) 112px minmax(150px,1fr);align-items:center;gap:8px;width:100%;max-width:620px;display:grid}.campaign-modal .campaign-team-side{text-align:left;white-space:nowrap;justify-content:flex-start;align-items:center;gap:8px;min-width:0;overflow:hidden;display:flex!important}.campaign-modal .campaign-team-side:last-child{text-align:left;justify-content:flex-start}.campaign-modal .campaign-team-side img{flex:none}.campaign-modal .campaign-score{justify-self:center;width:112px;min-width:112px}@media (width<=680px){.campaign-modal .campaign-row{grid-template-columns:1fr}.campaign-modal .campaign-row .compact-button{justify-self:start}.campaign-modal .campaign-teams{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);max-width:none}.campaign-modal .campaign-team-side{text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;min-height:66px}.campaign-modal .campaign-team-side:last-child{text-align:center;justify-content:center}.campaign-modal .campaign-score{width:86px;min-width:86px}}.tournament-modal .champion-banner{color:#132119;background:linear-gradient(135deg,#fff7df,#e9f6e9);border-color:#c48c2c52}.tournament-modal .champion-banner span{color:#5e6f63}.tournament-modal .champion-banner strong{color:#132119;background:#13211914;border-radius:6px;min-width:0;padding:6px 8px;line-height:1.1}.tournament-modal .champion-banner img{object-fit:contain;background:#ffffffb3;padding:2px}.tournament-modal .bracket-match{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)}.tournament-modal .bracket-score{border-radius:var(--radius-sm);color:var(--ink);text-align:center;background:linear-gradient(#c48c2c29,#c48c2c14);border:1px solid #c48c2c61;flex-direction:column;justify-content:center;place-self:center;align-items:center;gap:2px;width:112px;min-width:112px;min-height:42px;padding:6px 9px;line-height:1.05;display:inline-flex}.tournament-modal .bracket-score span{color:var(--gold);font-size:1rem;font-weight:900;line-height:1}.tournament-modal .bracket-score small{color:#e4eee6b8;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.66rem;font-weight:900}@media (width<=680px){.tournament-modal .bracket-match{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr)}.tournament-modal .bracket-score{width:86px;min-width:86px}}html,body,#app{max-width:100%;overflow-x:clip}.topbar{inline-size:100%;min-inline-size:0;max-inline-size:none}.brand-lockup,.topbar-actions{min-inline-size:0}.brand-lockup{flex:auto}.topbar-actions{flex:none}.brand-lockup h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=720px){.topbar{inline-size:100vw;max-inline-size:100vw;padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.layout,.game-area,.stage,.match-stage,.scoreboard-hero,.tactics-accordion,.match-tab-panel{min-inline-size:0;max-inline-size:100%}.match-tabs{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:-12px;padding-inline:12px;overflow-x:auto}.match-tabs::-webkit-scrollbar{display:none}.match-tab{white-space:nowrap;flex:none;padding-inline:12px}.lineup-tab{margin-left:0}}