:root{color:#f4fff4;background:#09120d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--setup-panel-height: calc(100vh - 118px) }*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;padding:14px 20px;background:radial-gradient(circle at top left,rgba(202,255,93,.16),transparent 32rem),linear-gradient(135deg,#09120d,#101b14 58%,#09120d)}.header-strip{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 auto 10px;max-width:1500px}.eyebrow{margin:0 0 6px;color:#c8ff5d;font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,3.6vw,3.55rem);line-height:.95}h2{margin-bottom:8px;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1}.header-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.header-controls span,.header-controls button{border:1px solid rgba(202,255,93,.18);border-radius:999px;padding:8px 12px;color:#f4fff4;background:#17261d;font-weight:850;font-size:.82rem}.header-controls button{cursor:pointer}.game-table{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.92fr) minmax(360px,1.15fr) minmax(280px,.9fr);gap:16px;align-items:stretch}.draft-page,.match-page{max-width:1500px;margin:0 auto;display:grid;gap:16px;align-items:start}.draft-page{grid-template-columns:minmax(520px,1.25fr) minmax(360px,.75fr)}.match-page{grid-template-columns:minmax(720px,1.45fr) minmax(300px,.7fr)}.match-left{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(400px,1.22fr);gap:16px}.match-right{min-width:0}.setup-table{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);gap:16px;align-items:stretch;min-height:var(--setup-panel-height)}.panel{min-height:0;border:1px solid rgba(202,255,93,.16);border-radius:8px;padding:16px;background:#0d1511e0;box-shadow:0 24px 80px #00000040}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.panel-heading button,.primary-button{border:0;border-radius:8px;padding:12px 14px;color:#13200f;background:#c8ff5d;font-weight:950;cursor:pointer}.panel-heading button:disabled{cursor:not-allowed;opacity:.45}.spin-count{border:1px solid rgba(17,26,19,.16);border-radius:8px;padding:10px 12px;color:#13200f;background:#c8ff5d;font-weight:950;white-space:nowrap}.pitch-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;background:linear-gradient(160deg,#173f24e6,#0d2b19e6)}.pitch-grid{position:relative;width:100%;min-height:0;height:clamp(330px,calc(100vh - 340px),480px);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:12px;overflow:hidden;background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.16) 49.7%,rgba(255,255,255,.16) 50.3%,transparent 50.3%),radial-gradient(circle at 50% 50%,transparent 0 10%,rgba(255,255,255,.13) 10.2% 10.8%,transparent 11%),linear-gradient(90deg,rgba(255,255,255,.08),transparent 7%,transparent 93%,rgba(255,255,255,.08)),repeating-linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.045) 32px,transparent 32px,transparent 64px)}.draft-page .pitch-panel{align-self:stretch}.pitch-grid.pitch-vertical{width:min(100%,460px);height:clamp(500px,calc(100vh - 340px),590px);margin:0 auto;background:linear-gradient(0deg,transparent 49.7%,rgba(255,255,255,.16) 49.7%,rgba(255,255,255,.16) 50.3%,transparent 50.3%),radial-gradient(circle at 50% 50%,transparent 0 10%,rgba(255,255,255,.13) 10.2% 10.8%,transparent 11%),linear-gradient(0deg,rgba(255,255,255,.08),transparent 8%,transparent 92%,rgba(255,255,255,.08)),repeating-linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.045) 30px,transparent 30px,transparent 60px)}.pitch-grid:before,.pitch-grid:after{content:"";position:absolute;top:28%;bottom:28%;width:13%;border:1px solid rgba(255,255,255,.13);pointer-events:none}.pitch-grid:before{left:0;border-left:0}.pitch-grid:after{right:0;border-right:0}.pitch-grid.pitch-vertical:before,.pitch-grid.pitch-vertical:after{inset:auto 24%;width:auto;height:13%}.pitch-grid.pitch-vertical:before{top:0;border:1px solid rgba(255,255,255,.13);border-top:0}.pitch-grid.pitch-vertical:after{bottom:0;border:1px solid rgba(255,255,255,.13);border-bottom:0}.setup-table>.panel{height:100%}.setup-table .setup-panel,.setup-table .pitch-panel{min-height:var(--setup-panel-height)}.slot{position:absolute;width:clamp(56px,6vw,74px);height:clamp(56px,6vw,74px);min-width:56px;transform:translate(-50%,-50%);min-height:56px;border-radius:999px;padding:7px;display:grid;align-content:center;gap:4px;text-align:center;background:radial-gradient(circle at 35% 28%,#caff5d24,#0c1a11e6 62%);box-shadow:0 12px 26px #00000047;color:#f4fff4;border:0;cursor:default}.slot-attack{border:1px solid rgba(255,209,102,.26)}.slot-midfield{border:1px solid rgba(202,255,93,.26)}.slot-defense,.slot-keeper{border:1px solid rgba(139,209,255,.24)}.slot span{color:#c8ff5d;font-size:.66rem;font-weight:950}.slot strong{overflow-wrap:anywhere;font-size:.66rem;line-height:1.05}.slot-filled{border-color:#ffd166b8;background:linear-gradient(145deg,#ffd16647,#2b94ca3d),radial-gradient(circle at 35% 28%,#caff5d47,#103636f5 62%);box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 2px #ffd1661a,0 16px 34px #00000057}.slot-filled span{color:#ffd166}.slot-filled strong{color:#fff;font-weight:950;text-shadow:0 2px 8px rgba(0,0,0,.42)}.placing-player .slot-muted{opacity:.34;filter:grayscale(.45)}.slot-placeable{cursor:pointer;outline:2px solid #c8ff5d;background:radial-gradient(circle at 35% 28%,#ffd16657,#1c4116f5 62%);box-shadow:0 0 0 6px #caff5d1a,0 0 28px #caff5d6b,0 18px 34px #0000005c;animation:slot-pulse 1s ease-in-out infinite}@keyframes slot-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.score-grid span,.warning,.target-card,.match-list article{border-radius:8px;padding:10px;background:#08120cb8}.warning{color:#ffd166;font-weight:800}.draft-panel{color:#111a13;background:#f4f0e8;max-height:calc(100vh - 150px);overflow:auto}.draft-panel .eyebrow{color:#36723f}.draft-panel p{color:#4d5b4e}.card-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.champion-reel{position:relative;margin-top:14px;display:grid;gap:10px}.placement-banner{margin-top:12px;border:1px solid rgba(202,255,93,.32);border-radius:8px;padding:10px 12px;display:grid;gap:3px;color:#111a13;background:linear-gradient(90deg,#c8ff5d,#f0ffd0)}.placement-banner span{color:#314034;font-weight:800}.champion-reel:after{content:"";position:absolute;z-index:1;top:0;left:-35%;width:32%;height:58px;background:linear-gradient(90deg,transparent,rgba(202,255,93,.28),transparent);transform:skew(-18deg);pointer-events:none;opacity:0}.reel-live:after,.reel-revealed:after{animation:reel-sweep .82s ease-out}.reel-window{overflow:hidden;border:1px solid rgba(17,26,19,.14);border-radius:8px;padding:8px;background:linear-gradient(90deg,rgba(247,244,235,.96),transparent 14%,transparent 86%,rgba(247,244,235,.96)),#ffffff8c;box-shadow:inset 0 0 0 1px #ffffff70}.reel-track{width:max-content;display:flex;gap:10px;will-change:transform}.reel-track span{width:190px;min-height:52px;border-radius:8px;padding:8px;display:flex;gap:8px;align-items:center;color:#314034;background:#111a130f;font-size:.78rem;font-weight:850;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease,filter .24s ease}.reel-track img,.champion-summary img{width:38px;height:38px;flex:0 0 auto}.reel-track.is-spinning{animation:reel-track-run .62s linear infinite}.reel-track.is-spinning span{filter:saturate(1.18) blur(.25px)}.reel-track.is-spinning img{animation:crest-wobble .18s linear infinite}@keyframes reel-track-run{0%{transform:translate(0)}to{transform:translate(-1400px)}}@keyframes crest-wobble{0%,to{transform:rotate(-4deg) scale(.96)}50%{transform:rotate(4deg) scale(1.04)}}@keyframes reel-sweep{0%{left:-35%;opacity:0}18%,72%{opacity:1}to{left:105%;opacity:0}}.reel-track .active-team{color:#111a13;background:#c8ff5d}.reel-revealed .active-team{animation:team-hit .68s cubic-bezier(.18,.9,.2,1.2);box-shadow:0 0 0 2px #13200f26,0 14px 30px #caff5d66}.reel-revealed .active-team img{animation:crest-pop .68s cubic-bezier(.18,.9,.2,1.2)}@keyframes team-hit{0%{transform:scale(.94)}42%{transform:scale(1.08)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes crest-pop{0%{transform:scale(.75) rotate(-8deg)}45%{transform:scale(1.22) rotate(5deg)}to{transform:scale(1) rotate(0)}}.champion-reel button{border:1px solid rgba(17,26,19,.16);border-radius:8px;padding:10px 12px;color:#f4fff4;background:#17261d;cursor:pointer;font-weight:900}.champion-reel button:disabled{cursor:wait;color:#c8ff5d;background:#243823}.champion-summary{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.roster-heading{margin-top:16px;display:flex;justify-content:space-between;gap:12px;color:#314034;font-weight:950}.player-card{min-height:0;border:1px solid #e4ddca;border-radius:8px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;color:#111a13;background:#fff;box-shadow:0 14px 34px #141a141a;text-align:left;cursor:pointer}.player-card:nth-child(2){color:#fff;background:#48186d}.player-card:disabled{cursor:not-allowed;opacity:.48}.player-card.selected-player-card{opacity:1;outline:3px solid #c8ff5d;box-shadow:0 0 0 6px #caff5d2e,0 18px 42px #141a1438}.player-card strong{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1}.ability-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ability-row b{border-radius:8px;padding:6px;background:#111a130f;font-size:.72rem}.player-card:nth-child(2) .ability-row b{background:#ffffff24}.position-copy{color:#60705f;font-size:.78rem;line-height:1.25}.player-card:nth-child(2) .position-copy{color:#e9d7ff}.card-meta{color:#60705f;font-size:.74rem;font-weight:850}.player-card:nth-child(2) .card-meta{color:#e9d7ff}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row em{border-radius:999px;padding:5px 7px;background:#caff5d2e;font-size:.7rem;font-style:normal;font-weight:850}.empty-pack{grid-column:1 / -1;margin:0;border-radius:8px;padding:14px;background:#ffffff9e;font-weight:800}.season-panel{display:grid;grid-template-rows:auto auto 1fr;gap:12px}.target-card strong{display:block;font-size:2rem}.target-card p{margin-bottom:0}.match-list{display:grid;gap:8px;align-content:start}.match-list span{color:#c8ff5d;font-size:.76rem;font-weight:900}.match-list p{margin:5px 0 0;color:#a9bcae;font-size:.85rem}.result-panel{max-width:1500px;margin:16px auto 0;border:1px solid rgba(202,255,93,.18);border-radius:8px;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f6f1e4f2;color:#111a13}.setup-panel,.position-panel,.match-panel,.tables-panel{display:grid;gap:10px}.match-panel{align-content:start}.squad-review-panel{display:grid;align-content:center;gap:12px}.choice-block{display:grid;gap:8px}.formation-block{min-height:0}.choice-block h3,.tables-panel h3{margin:0}.segmented-grid,.formation-list,.slot-choice-grid{display:grid;gap:8px}.formation-list{max-height:min(300px,34vh);overflow-y:auto;overscroll-behavior:contain;padding-right:6px}.formation-list::-webkit-scrollbar{width:8px}.formation-list::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0f}.formation-list::-webkit-scrollbar-thumb{border-radius:999px;background:#caff5d73}.segmented-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-grid button,.formation-choice,.slot-choice-grid button{border:1px solid rgba(202,255,93,.16);border-radius:8px;padding:12px;display:grid;gap:5px;color:#f4fff4;background:#08120cb8;text-align:left;cursor:pointer}.formation-choice{padding:10px 12px}.formation-choice span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.segmented-grid span,.formation-choice span,.formation-choice small,.slot-choice-grid span{color:#a9bcae;font-size:.8rem}.selected-choice{outline:2px solid #c8ff5d;background:#caff5d1f!important}.wide-button{width:100%}.scoreboard{border:1px solid rgba(202,255,93,.2);border-radius:8px;padding:14px 12px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(202,255,93,.13),transparent 55%),#08120cb8}.scoreboard b{color:#c8ff5d;font-size:2rem}.live-match-card{margin-top:2px;display:grid;gap:10px}.minute-track{height:10px;overflow:hidden;border-radius:999px;background:#ffffff1a}.minute-track span{display:block;height:100%;background:linear-gradient(90deg,#c8ff5d,#ffd166);transition:width .28s ease}.event-feed,.table-grid{display:grid;gap:8px}.event-feed{display:grid;gap:4px;max-height:clamp(380px,calc(100vh - 285px),620px);overflow:auto;padding-right:2px}.event-feed article,.leader-list li{border-radius:8px;padding:10px;background:#08120cb8}.event-feed article{border-radius:0;border:0;padding:9px 0 9px 10px;background:transparent;box-shadow:none;animation:event-card-in .26s ease-out}.home-event{border-left:3px solid #c8ff5d!important}.away-event{border-left:3px solid #ff6b6b!important}.event-card-head{display:flex;gap:8px;align-items:center}.event-card-head strong{flex:1;min-width:0}.event-ball{position:relative;width:30px;height:30px;border:2px solid rgba(255,255,255,.92);border-radius:50%;padding:0;display:inline-grid;place-items:center;flex:0 0 30px;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 50%,#121a16 0 30%,transparent 31%),radial-gradient(circle at 18% 24%,#121a16 0 11%,transparent 12%),radial-gradient(circle at 82% 24%,#121a16 0 11%,transparent 12%),radial-gradient(circle at 28% 82%,#121a16 0 11%,transparent 12%),radial-gradient(circle at 72% 82%,#121a16 0 11%,transparent 12%),#f4fff4;box-shadow:inset 0 0 0 1px #111a1338,0 2px 8px #00000047}.event-minute{margin-left:auto;border:1px solid rgba(255,209,102,.34);border-radius:999px;padding:3px 8px;flex:0 0 auto;color:#ffd166;background:#ffd16614;font-size:.78rem;font-weight:950;line-height:1}.event-feed p,.event-feed small{margin:4px 0 0;color:#a9bcae}@keyframes event-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.table-grid{grid-template-columns:1fr;max-height:calc(100vh - 230px);overflow:auto}.leader-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.leader-list li{display:grid;grid-template-columns:1fr auto;gap:4px 8px}.leader-list small{grid-column:1 / -1;color:#a9bcae}.result-panel p:last-child{margin-bottom:0}@media(max-width:1120px){.match-page{grid-template-columns:1fr}}@media(max-width:980px){.header-strip{align-items:flex-start;flex-direction:column}.header-controls{justify-content:flex-start}.game-table,.draft-page,.match-page,.match-left{grid-template-columns:1fr}.setup-table{grid-template-columns:1fr;min-height:auto}.setup-table .setup-panel,.setup-table .pitch-panel{min-height:auto}.draft-panel{order:-1}.panel{min-height:auto}.card-grid,.segmented-grid,.table-grid{grid-template-columns:1fr}.pitch-grid{min-height:360px;aspect-ratio:auto}.player-card{min-height:170px}.player-card:nth-child(2){transform:none}.result-panel{align-items:flex-start;flex-direction:column}}