*{box-sizing:border-box}html,body,#root{color:#eef8f3;background:#07120f;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}.app-shell{background:radial-gradient(circle at 50% -10%,#3bb4711f,#0000 34%),linear-gradient(#081410 0%,#06100d 100%);min-height:100vh}button,select,input{font:inherit}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#050e0bd1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#032216;letter-spacing:-.08em;background:linear-gradient(135deg,#8df5b9,#1d9e61);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.brand-title{letter-spacing:.16em;font-size:15px;font-weight:850}.brand-sub,.eyebrow,.section-label{letter-spacing:.18em;color:#7f968a;font-size:9px;font-weight:800}.top-meta{letter-spacing:.12em;color:#779083;font-size:10px}.dot,.live-dot{background:#71f1a5;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block;box-shadow:0 0 12px #71f1a5b3}.workspace{grid-template-columns:248px minmax(560px,1fr) 270px;min-height:calc(100vh - 72px);display:grid}.sidebar{background:#040c0a8f;padding:24px 18px}.left-panel{border-right:1px solid #ffffff0f}.right-panel{border-left:1px solid #ffffff0f}.section-label{margin:4px 0 16px}.section{margin-bottom:16px}.field-label,.slider-top span{color:#91a69c;margin-bottom:8px;font-size:11px;display:block}.select{appearance:none;color:#eef8f3;background:#0c1915;border:1px solid #1c3027;border-radius:10px;outline:none;width:100%;padding:11px 12px}.select:focus{border-color:#53ce8b}.quick-actions{gap:8px;margin-bottom:24px;display:grid}.ghost-btn,.swap-btn,.close-btn{color:#d9e8e1;cursor:pointer;background:#0b1713;border:1px solid #1b3027;border-radius:9px;align-items:center;gap:8px;padding:9px 11px;display:flex}.ghost-btn:hover,.swap-btn:hover{background:#10211a;border-color:#2a4c3d}.squad-card{background:linear-gradient(135deg,#48a66f1a,#ffffff05);border:1px solid #79dca329;border-radius:12px;margin:6px 0 24px;padding:14px}.squad-card>div:first-child{align-items:end;gap:5px;display:flex}.squad-card strong{font-size:25px;line-height:1}.squad-card span:last-child{color:#748b80;font-size:10px}.squad-pill{color:#9cefc0;background:#68efa517;border-radius:999px;margin-top:8px;padding:4px 7px;font-size:9px;display:inline-block}.validation{border-radius:10px;padding:10px;font-size:11px;line-height:1.4}.validation.ok{color:#9fe8bb;background:#58dd8b14;border:1px solid #58dd8b29}.validation.warning{color:#f1c77e;background:#f5b85812;border:1px solid #f5b8582e}.check{font-weight:900}.pitch-stage{min-width:0;padding:24px 22px}.stage-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.stage-heading h1{letter-spacing:-.03em;margin:4px 0 0;font-size:22px}.stage-heading h1 span{color:#557066;font-weight:500}.stage-badge{letter-spacing:.14em;color:#86a196;white-space:nowrap;font-size:9px}.pitch-wrap{justify-content:center;display:flex}.pitch{aspect-ratio:1/1.48;background:linear-gradient(#2c8e4f,#23743f);border-radius:18px;width:min(100%,720px);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000052,inset 0 0 0 1px #ffffff1a}.pitch:before{content:"";background:repeating-linear-gradient(#ffffff06 0 9%,#00000006 9% 18%);position:absolute;inset:0}.pitch:after{content:"";pointer-events:none;border:1.5px solid #ffffff8c;border-radius:10px;position:absolute;inset:10px}.halfway{border-top:1.5px solid #ffffff8c;position:absolute;top:50%;left:10px;right:10px}.center-circle{aspect-ratio:1;border:1.5px solid #ffffff8c;border-radius:50%;width:25%;position:absolute;top:37.5%;left:37.5%}.box{border:1.5px solid #ffffff8c;width:50%;height:15%;position:absolute;left:25%}.box-top{border-top:none;top:10px}.box-bottom{border-bottom:none;bottom:10px}.six{border:1.5px solid #ffffff8c;width:26%;height:6%;position:absolute;left:37%}.six-top{border-top:none;top:10px}.six-bottom{border-bottom:none;bottom:10px}.spot{background:#ffffffb3;border-radius:50%;width:7px;height:7px;position:absolute;left:calc(50% - 3.5px)}.spot-top{top:22%}.spot-bottom{bottom:22%}.player-marker{color:#fff;cursor:grab;z-index:4;touch-action:none;background:0 0;border:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.player-marker:active{cursor:grabbing}.player-chip{background:#0a261b;border:2px solid #baf4cf;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-weight:900;display:grid;box-shadow:0 6px 18px #00000040}.player-marker.selected .player-chip{color:#052014;background:#96f6bb;border-color:#fff;transform:scale(1.08)}.player-name{text-shadow:0 1px 6px #00000073;margin-top:4px;font-size:10px;font-weight:800}.player-role{white-space:nowrap;text-overflow:ellipsis;background:#03120c6b;border-radius:4px;max-width:76px;margin-top:2px;padding:2px 4px;font-size:7px;overflow:hidden}.pitch-note{color:#ffffffb8;letter-spacing:.08em;pointer-events:none;font-size:9px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.player-strip{background:#0b1713;border:1px solid #ffffff14;border-radius:12px;align-items:end;gap:13px;max-width:720px;margin:14px auto 0;padding:12px 13px;display:flex}.selected-name{margin-top:3px;font-size:14px;font-weight:850}.selected-meta{color:#789085;margin-top:3px;font-size:10px}.role-control{margin-left:auto}.role-control label{color:#788f84;margin-bottom:4px;font-size:9px;display:block}.role-control select{color:#dbece4;background:#112019;border:1px solid #22392e;border-radius:8px;padding:8px}.swap-btn{align-self:center;font-size:10px}.right-panel{flex-direction:column;min-height:0;display:flex}.slider-row{margin-bottom:16px}.slider-top{justify-content:space-between;align-items:center;display:flex}.slider-top b{color:#d7f0e3;font-size:10px}.slider-row input{accent-color:#68eaa0;width:100%}.slider-foot{color:#637970;justify-content:space-between;margin-top:2px;font-size:8px;display:flex}.opp-mini{background:#0a1612;border:1px solid #ffffff0f;border-radius:9px;gap:3px;margin:10px 0 18px;padding:10px;display:grid}.opp-mini span{color:#687f74;font-size:9px}.opp-mini strong{font-size:14px}.simulate-btn{color:#062617;cursor:pointer;background:linear-gradient(135deg,#a8ffca,#55e58e);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:14px 12px;font-weight:950;display:flex;box-shadow:0 16px 28px #34e4832e}.simulate-btn:disabled{opacity:.35;cursor:not-allowed}.simulate-btn span{margin-left:auto}.sidebar-foot{color:#5f736b;margin-top:10px;font-size:8px;line-height:1.5}.loading{color:#9db4a8;background:#07120f;place-items:center;gap:10px;min-height:100vh;display:grid}.loading.error-state{justify-content:center;align-items:center;display:flex}.spinner{border:2px solid #214135;border-top-color:#8bf5b9;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop,.result-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#010705b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.picker-modal,.result-sheet{background:#081410;border:1px solid #ffffff14;border-radius:18px;width:min(1100px,96vw);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #0000008c}.modal-head,.result-head{z-index:2;background:#081410;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:start;padding:18px 20px;display:flex;position:sticky;top:0}.modal-head h3{margin:4px 0 0;font-size:18px}.close-btn{justify-content:center;width:34px;height:34px;padding:0;font-size:20px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px;display:grid}.player-group{background:#0a1713;border:1px solid #ffffff0f;border-radius:12px;padding:10px}.group-title,.result-section-title{letter-spacing:.14em;color:#6f877c;margin:2px 0 8px;font-size:9px;font-weight:900}.pick-row{color:#e7f3ed;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px;display:flex}.pick-row:hover:not(:disabled){background:#112019}.pick-row:disabled{opacity:.42;cursor:not-allowed}.pick-row>span{background:#11271d;border:1px solid #2c4b3b;border-radius:50%;place-items:center;width:30px;height:30px;font-size:8px;font-weight:900;display:grid}.pick-row div{flex-direction:column;min-width:0;display:flex}.pick-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pick-row small{color:#6e837a;margin-top:2px;font-size:8px}.pick-row em{color:#6eaa8b;margin-left:auto;font-size:8px;font-style:normal}.result-sheet{width:min(1160px,96vw)}.result-head h2{letter-spacing:-.04em;margin:5px 0 0;font-size:24px}.result-head h2 strong{color:#a2f7bf}.score-grid{grid-template-columns:repeat(6,1fr);gap:8px;padding:16px 20px;display:grid}.stat-card{background:#0a1713;border:1px solid #ffffff0f;border-radius:11px;padding:11px}.stat-card span{color:#678076;font-size:8px}.stat-card strong{margin-top:4px;font-size:13px;display:block}.result-columns{grid-template-columns:1.2fr .8fr;gap:22px;padding:4px 20px 22px;display:grid}.report-line{color:#bdd0c7;margin:9px 0;font-size:12px;line-height:1.6}.spaced{margin-top:22px}.timeline{gap:7px;display:grid}.event{background:#0a1713;border-radius:8px;grid-template-columns:30px 10px 1fr;align-items:start;gap:8px;padding:8px;display:grid}.event>span{color:#7a9085;font-size:9px}.event i{background:#86c7a3;border-radius:50%;width:8px;height:8px;margin-top:3px}.event i.goal{background:#abf5c3}.event i.yellow{background:#f0c66c}.event strong{font-size:10px;display:block}.event small{color:#789086;margin-top:2px;font-size:9px;line-height:1.35;display:block}.pom-card{background:linear-gradient(135deg,#87f3b214,#ffffff05);border:1px solid #87f3b224;border-radius:11px;align-items:center;gap:12px;padding:13px;display:flex}.pom-rating{color:#a8f8c5;font-size:26px;font-weight:900}.pom-card strong{font-size:13px;display:block}.pom-card span{color:#71877d;font-size:9px}.ratings{gap:5px;display:grid}.rating-row{border-radius:7px;grid-template-columns:1fr 72px 28px;align-items:center;gap:8px;padding:7px 8px;display:grid}.rating-row:nth-child(odd){background:#0a1713}.rating-row span{font-size:10px}.rating-row small{color:#6f877c;font-size:8px}.rating-row b{text-align:right;color:#baf8d0;font-size:10px}@media (width<=1120px){.workspace{grid-template-columns:220px minmax(460px,1fr)}.right-panel{border-top:1px solid #ffffff0f;border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.right-panel .section-label,.right-panel .simulate-btn,.right-panel .sidebar-foot{grid-column:1/-1}.right-panel .simulate-btn{margin-top:4px}.slider-row{margin-bottom:4px}}@media (width<=760px){.topbar{padding:0 16px}.top-meta{display:none}.workspace{display:block}.sidebar{border:none;padding:16px}.left-panel{border-bottom:1px solid #ffffff0f}.right-panel{border-top:1px solid #ffffff0f;display:block}.pitch-stage{padding:16px}.stage-heading{align-items:start}.stage-heading h1{font-size:18px}.pitch{width:min(100vw - 28px,560px)}.player-strip{flex-wrap:wrap;align-items:stretch}.role-control{margin-left:0}.score-grid{grid-template-columns:repeat(2,1fr)}.result-columns,.player-grid{grid-template-columns:1fr}}.historical-page{min-height:100vh}.historical-header a,.historical-header button,.historical-main button,.historical-main select,.historical-main input{font-family:inherit}.historical-header a:focus-visible,.historical-main button:focus-visible,.historical-main select:focus-visible,.historical-main input:focus-visible{outline-offset:2px;outline:2px solid #8bf5b9}.historical-main:focus{outline:none}.historical-context{letter-spacing:.12em;color:#8fa79b;font-size:9px}.historical-year-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.historical-match-list,.historical-match-card,.historical-builder-pitch,.historical-team-grid,.historical-profile-grid,.historical-era-grid,.historical-stats{min-width:0}@media (width<=760px){.historical-header{flex-wrap:wrap;gap:10px;min-height:72px;height:auto!important;padding:14px 16px!important}.historical-header-actions{flex-wrap:wrap;width:100%;justify-content:space-between!important}.historical-context{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.historical-main{padding:16px!important}.historical-page-heading{flex-direction:column!important;align-items:flex-start!important}.historical-year-nav{scrollbar-width:thin;width:100%;padding-bottom:4px;overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important}.historical-year-nav button{flex:none}.historical-context-bar{flex-direction:column!important;align-items:flex-start!important}.historical-toolbar{align-items:stretch!important}.historical-toolbar label,.historical-toolbar input{width:100%!important}.historical-stats,.historical-team-grid,.historical-profile-grid,.historical-era-grid,.historical-match-card{grid-template-columns:1fr!important}.historical-match-home,.historical-match-away,.historical-match-score{text-align:left!important}.historical-builder-layout{grid-template-columns:1fr!important}.historical-builder-pitch{height:min(72vh,520px)!important}.historical-builder-layout aside{min-width:0}.historical-controls{grid-template-columns:1fr!important;display:grid!important}.historical-controls input,.historical-controls select{width:100%!important}.historical-main h1{line-height:1.15;font-size:26px!important}.historical-main p{max-width:none}}