:root{--paper: #eef0df;--paper-soft: #fbfcf0;--ink: #132d35;--muted: #69766f;--line: #c6d0ba;--gold: #b8d957;--red: #f05a49;--green: #23705e;--aqua: #72c7b8;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{border:2px solid var(--ink);border-radius:0;cursor:pointer;font:inherit;font-weight:950;min-height:44px;padding:0 18px;text-transform:uppercase}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,.brand-lockup,.mini-brand,.big-score,.score-card strong{font-family:Impact,Arial Narrow,Franklin Gothic Condensed,sans-serif;letter-spacing:0}.eyebrow{color:var(--muted);font-size:13px;font-weight:950;letter-spacing:6px;margin:0 0 12px;text-transform:uppercase}.primary-button{background:var(--red);box-shadow:5px 5px #0e4651;color:#fffdf4}.secondary-button,.ghost-button{background:transparent;color:var(--ink)}.home-screen{background:radial-gradient(circle at 64% 28%,rgba(114,199,184,.22),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.28),transparent 18%,transparent 82%,rgba(114,199,184,.1)),var(--paper);min-height:100vh;padding:38px clamp(24px,8vw,110px)}.home-hero{color:var(--ink);max-width:1220px}.brand-lockup{align-items:center;display:flex;gap:clamp(24px,5vw,60px);margin:24px 0 20px}.brand-lockup span{color:#0e4651;font-size:clamp(120px,21vw,310px);line-height:.75;text-shadow:6px 8px 0 var(--aqua)}.brand-lockup strong{border-left:4px solid var(--aqua);font-size:clamp(38px,7vw,96px);line-height:.84;padding-left:28px;text-transform:uppercase}.home-hero h1{font-size:clamp(56px,7vw,104px);line-height:.92;margin:0 0 28px;max-width:680px;text-transform:uppercase}.intro{color:var(--muted);font-size:24px;line-height:1.45;max-width:520px}.setup-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:34px;max-width:760px}.setup-label{color:var(--muted);display:block;font-size:13px;font-weight:950;letter-spacing:5px;margin-bottom:10px;text-transform:uppercase}.segmented-control{display:flex;flex-wrap:wrap;gap:10px}.segmented-control button{background:var(--paper-soft);min-height:46px;padding:0 14px}.segmented-control button.active{background:#0e4651;color:#f8ffe7}.hero-actions{display:flex;gap:18px;margin-top:34px}.hero-actions .primary-button{font-family:Impact,Arial Narrow,sans-serif;font-size:34px;min-height:78px;padding:0 46px}.hero-actions .secondary-button{min-height:78px;padding:0 34px}.how-strip{background:#fffdf6;border:1px solid var(--line);box-shadow:4px 4px 0 var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;max-width:980px}.how-strip article{align-items:center;border-right:1px solid var(--line);display:grid;gap:8px;grid-template-columns:auto 1fr;padding:28px}.how-strip article:last-child{border-right:0}.how-strip b{color:#0e8f7b;font-size:42px}.how-strip strong{font-family:Impact,Arial Narrow,sans-serif;font-size:30px;text-transform:uppercase}.how-strip span{color:var(--muted);grid-column:2}.app-shell{background:var(--paper);min-height:100vh;padding:24px clamp(16px,3vw,44px)}.top-bar{align-items:center;border-bottom:4px solid var(--ink);display:grid;gap:22px;grid-template-columns:auto 1fr auto;margin:0 auto 28px;max-width:1480px;padding-bottom:20px}.mini-brand{align-items:center;display:flex;gap:18px}.mini-brand span{color:#0e4651;font-size:70px;line-height:.8;text-shadow:4px 5px 0 var(--aqua)}.mini-brand strong{border-left:3px solid var(--aqua);font-size:30px;line-height:.9;padding-left:16px;text-transform:uppercase}.top-bar h1{font-size:clamp(38px,5vw,70px);line-height:.85;margin:0;text-transform:uppercase}.top-actions,.panel-actions{display:flex;flex-wrap:wrap;gap:10px}.progress-pill{align-items:center;border:2px solid var(--ink);border-radius:999px;display:inline-flex;font-weight:950;min-height:44px;padding:0 18px}.draft-layout{display:grid;gap:26px;grid-template-columns:minmax(270px,360px) minmax(460px,680px) minmax(280px,360px);justify-content:center;margin:0 auto;max-width:1480px}.result-layout{display:grid;gap:30px;grid-template-columns:minmax(430px,680px) minmax(360px,560px);justify-content:center;margin:0 auto;max-width:1260px}.duel-layout{display:grid;gap:24px;grid-template-columns:minmax(300px,420px) minmax(340px,500px) minmax(300px,420px);justify-content:center;margin:0 auto;max-width:1480px}.duel-pitch{min-width:0}.duel-pitch .pitch{min-height:420px}.draft-panel,.score-panel,.result-panel{align-self:start;background:transparent;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:28px}.team-header{background:#fffdf6;box-shadow:4px 4px 0 var(--line);margin-bottom:24px;padding:28px}.team-header.searching{box-shadow:4px 4px #0e4651;outline:2px dashed var(--aqua);outline-offset:-10px}.team-header h2{font-size:clamp(38px,4vw,58px);line-height:.92;margin:0;text-transform:uppercase}.team-header p:last-child{color:#0e8f7b;font-family:Impact,Arial Narrow,sans-serif;font-size:30px;margin:8px 0 0}.draft-waiting{padding:18px}.panel-actions{margin:0 0 24px}.panel-actions button{flex:1 1 150px}.center-stage{min-width:0}.ad-strip{border:1px solid var(--line);color:#b1a58a;font-size:12px;font-weight:900;letter-spacing:2px;padding:11px;text-align:center;text-transform:uppercase}.pitch-wrap{min-width:0}.pitch{aspect-ratio:7 / 9;background:linear-gradient(0deg,rgba(255,255,255,.06) 50%,transparent 50%) 0 0 / 100% 82px,var(--green);border:5px solid #9dcac0;border-radius:4px;margin:0 auto;max-height:calc(100vh - 160px);max-width:650px;min-height:600px;overflow:hidden;position:relative;width:100%}.pitch:before{border:3px solid rgba(205,225,198,.68);content:"";inset:16px;position:absolute}.pitch:after{background:#cde1c6ad;content:"";height:3px;left:16px;position:absolute;right:16px;top:50%}.center-circle{border:3px solid rgba(205,225,198,.68);border-radius:999px;height:146px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:146px}.box{border:3px solid rgba(205,225,198,.68);height:120px;left:28%;position:absolute;width:44%}.top-box{border-top:0;top:16px}.bottom-box{border-bottom:0;bottom:16px}.position-slot{align-items:center;background:transparent;border:3px dashed rgba(205,225,198,.78);border-radius:999px;color:#d7e8d1c7;display:flex;flex-direction:column;height:66px;justify-content:center;position:absolute;text-align:center;transform:translate(-50%,-50%);width:66px;z-index:2}.position-slot.filled{background:#fffdf6;border:3px solid var(--ink);color:var(--ink);cursor:pointer}.position-slot.filled:focus-visible{outline:3px solid var(--red);outline-offset:4px}.slot-label{font-family:Impact,Arial Narrow,sans-serif;font-size:26px;line-height:1}.position-slot strong{background:#0c1e12d1;border-radius:2px;bottom:-27px;color:#fffdf6;display:block;font-size:12px;font-weight:950;left:50%;max-width:112px;overflow:hidden;padding:3px 6px;position:absolute;text-overflow:ellipsis;text-transform:uppercase;transform:translate(-50%);white-space:nowrap}.position-slot:not(.filled) strong{background:transparent;color:#d7e8d1c7;bottom:20px}.pitch-player-card{align-items:center;background:#fffdf6;border:1px solid var(--line);box-shadow:4px 4px 0 var(--line);display:grid;gap:14px;grid-template-columns:1fr auto auto;margin-top:12px;padding:16px}.pitch-player-card span{color:var(--muted);display:block;font-size:12px;font-weight:950;letter-spacing:3px;margin-bottom:5px;text-transform:uppercase}.pitch-player-card h2{font-size:30px;line-height:.95;margin:0;text-transform:uppercase}.pitch-player-card p{color:#0e8f7b;font-family:Impact,Arial Narrow,sans-serif;font-size:24px;margin:6px 0 0}.pitch-player-card>strong{color:#0e8f7b;font-family:Impact,Arial Narrow,sans-serif;font-size:42px}.close-card-button{background:transparent;border:1px solid var(--ink);min-height:36px;padding:0 11px}.player-list{border:1px solid var(--line);max-height:380px;overflow:auto}.player-option{background:#ffffff61;border-bottom:1px solid var(--line);padding:14px 16px}.player-option:last-child{border-bottom:0}.player-main{align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto}.player-main h3{font-size:20px;margin:0 0 4px}.player-main p,.empty-message{color:var(--muted);line-height:1.35;margin:0}.rating{color:#0e8f7b;font-family:Impact,Arial Narrow,sans-serif;font-size:34px;font-weight:950}.notes{display:none}.slot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.slot-button,.pick-button{background:#fffdf6;border:1px solid var(--ink);color:var(--ink);min-height:34px;padding:0 10px}.score-panel .eyebrow{margin-bottom:4px}.big-score{font-size:68px;line-height:1;text-align:right}.score-bars{border-bottom:2px solid var(--line);display:flex;gap:20px;margin:10px 0 20px;padding-bottom:18px;text-transform:uppercase}.score-bars span{align-items:center;display:inline-flex;font-size:13px;font-weight:950;gap:7px}.score-bars b{background:#f05a49;display:inline-block;height:4px;width:32px}.score-bars span:nth-child(2) b{background:var(--ink)}.lineup-list{display:grid}.lineup-list article{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:44px 1fr auto;min-height:40px}.lineup-list strong{color:var(--muted);font-size:13px;text-transform:uppercase}.lineup-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineup-list em{color:#0e8f7b;font-style:normal;font-weight:950}.score-card{background:#0e4651;color:#fffdf6;padding:22px}.score-card span{color:var(--gold);display:block;font-weight:950;letter-spacing:2px;text-transform:uppercase}.score-card strong{display:block;font-size:76px;line-height:1}.live-match{background:#fffdf6;border:1px solid var(--line);box-shadow:4px 4px 0 var(--line);margin:18px 0;padding:18px}.live-match>span{color:var(--muted);display:block;font-size:12px;font-weight:950;letter-spacing:3px;margin-bottom:8px;text-transform:uppercase}.live-match h2,.live-match h3{font-size:18px;line-height:1.1;margin:0;text-transform:uppercase}.live-match h3{color:var(--muted);text-align:right}.live-score{align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;margin:12px 0}.live-score strong{color:#0e4651;font-family:Impact,Arial Narrow,sans-serif;font-size:72px;line-height:.9}.live-score strong:last-child{text-align:right}.live-score small{border:2px solid var(--ink);border-radius:999px;font-size:16px;font-weight:950;min-width:56px;padding:7px 10px;text-align:center}.event-feed{border-top:2px solid var(--line);display:grid;gap:8px;margin-top:16px;max-height:280px;overflow:auto;padding-top:12px}.event-row{align-items:start;background:#eef0dfb3;border-left:4px solid var(--line);display:grid;gap:10px;grid-template-columns:44px 1fr;padding:10px}.event-row b{color:#0e8f7b;font-size:16px}.event-row strong{display:block;font-size:14px;text-transform:uppercase}.event-row p{color:var(--muted);line-height:1.3;margin:3px 0 0}.event-row.goal-user{background:#72c7b838;border-left-color:#0e8f7b}.event-row.goal-opponent{background:#f05a4924;border-left-color:var(--red)}.result-stats{display:grid;gap:8px;margin:16px 0 0}.result-stats div,.match-row,.roster-list article{background:#fffdf6;border:1px solid var(--line)}.result-stats div{align-items:center;display:flex;justify-content:space-between;padding:12px}.result-stats dt{color:var(--muted);font-weight:900}.result-stats dd{font-size:20px;font-weight:950;margin:0}.tournament-panel{max-height:calc(100vh - 132px);overflow:auto}.section-title{font-family:Impact,Arial Narrow,sans-serif;font-size:34px;line-height:1;margin:24px 0 12px;text-transform:uppercase}.match-list,.roster-list{display:grid;gap:8px}.match-row{align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto auto;padding:12px}.match-row span{color:var(--muted);display:block;font-size:12px;font-weight:950;letter-spacing:2px;text-transform:uppercase}.match-row strong{display:block;line-height:1.2}.match-row p{color:#0e8f7b;font-size:28px;font-weight:950;margin:0;white-space:nowrap}.match-row em{color:var(--muted);font-style:normal;font-weight:950}.roster-list article{padding:10px 12px}.roster-list strong,.roster-list span{display:block}.roster-list span{color:var(--muted);font-size:13px;margin-top:2px}@media(max-width:1180px){.draft-layout,.result-layout,.duel-layout{grid-template-columns:1fr}.score-panel{order:3}.pitch{max-height:none}}@media(max-width:760px){body{overflow-x:hidden}.app-shell{padding:18px 14px 28px}.top-bar,.setup-grid,.how-strip{grid-template-columns:1fr}.top-bar{gap:14px;margin-bottom:18px;padding-bottom:16px}.mini-brand span{font-size:58px}.mini-brand strong{font-size:24px}.top-actions{align-items:stretch;display:grid;grid-template-columns:auto 1fr}.top-actions .ghost-button{padding:0 12px}.draft-layout{gap:20px}.draft-panel,.score-panel,.result-panel{padding:20px 10px}.team-header{margin-bottom:18px;padding:24px}.panel-actions{display:grid;grid-template-columns:1fr}.player-list{max-height:none}.player-option{padding:16px 14px}.slot-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}.slot-button,.pick-button{min-height:44px}.ad-strip{line-height:1.25;padding:9px 8px}.brand-lockup{align-items:flex-start;flex-direction:column}.hero-actions{display:grid}.hero-actions .primary-button,.hero-actions .secondary-button{min-height:64px;padding:0 22px}.brand-lockup strong{border-left:0;border-top:4px solid var(--line);padding-left:0;padding-top:18px}.pitch{border-width:4px;max-height:none;min-height:0}.pitch:before{inset:13px}.pitch:after{left:13px;right:13px}.center-circle{height:112px;width:112px}.box{height:94px}.top-box{top:13px}.bottom-box{bottom:13px}.position-slot{border-width:2px;height:54px;width:54px}.slot-label{font-size:20px}.position-slot strong{bottom:-24px;font-size:10px;max-width:92px}.pitch-player-card{grid-template-columns:1fr auto;padding:14px}.pitch-player-card h2{font-size:24px}.pitch-player-card p{font-size:20px}.pitch-player-card>strong{font-size:34px}.close-card-button{grid-column:1 / -1;width:100%}.live-match{margin:14px 0;padding:14px}.live-score strong{font-size:58px}.event-feed{max-height:230px}.event-row{grid-template-columns:38px 1fr;padding:9px}}