:root{color:#f5f8fa;font-synthesis:none;background:#0a1118;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#fff;background:#1b2a36;border:1px solid #34434d;border-radius:10px;padding:13px 18px;font-weight:700;transition:all .18s}button:hover{background:#314452;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #baff56}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.primary{color:#12200c;background:#b7ff50;border:0}.primary:hover{background:#d0ff8b}.danger{color:#ffb9b9}input,select{color:#fff;background:#101d27;border:1px solid #435361;border-radius:8px;width:100%;padding:13px}label{color:#b8c6d0;gap:8px;font-size:14px;display:grid}header{background:#0d1720;border-bottom:1px solid #26313c;justify-content:space-between;align-items:center;height:88px;padding:0 4vw;display:flex}.brand{letter-spacing:1px;align-items:center;gap:13px;font-weight:900;display:flex}.brand b{color:#142115;background:#b7ff50;border-radius:9px;padding:12px;font-size:24px}.brand small{color:#8f9fae;letter-spacing:3px;margin-top:5px;font-size:10px;display:block}.tools{align-items:center;gap:8px;display:flex}.tools button{padding:9px;font-size:12px}main{max-width:1500px;margin:auto;padding:30px 4vw}.eyebrow{letter-spacing:2.8px;color:#b7ff50;font-size:11px;font-weight:800}h1{margin:13px 0;font-size:clamp(30px,4vw,52px);line-height:1.05}h2{margin:0 0 16px}p{color:#aab9c6;line-height:1.6}.intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.steps{gap:7px;margin-bottom:26px;display:flex}.step{color:#91a1ae;border-top:3px solid #283540;flex:1;padding:13px 4px;font-size:12px}.step.active{color:#dcffb0;border-color:#b7ff50}.layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;display:grid}.panel{background:#111d27;border:1px solid #2b3945;border-radius:16px;padding:24px}.scene{background:#11212a;border:1px solid #34434c;border-radius:16px;height:460px;position:relative;overflow:hidden}.scene canvas{width:100%;height:100%;display:block}.scene-tag{letter-spacing:2px;pointer-events:none;background:#0c1723dd;border-radius:8px;padding:8px 12px;font-size:11px;position:absolute;top:18px;left:18px}.pitch-wrap{position:relative}.slots{pointer-events:none;position:absolute;inset:54px 10% 25px}.slot{pointer-events:auto;width:84px;min-height:44px;padding:6px;font-size:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0008}.slot.selected{outline:3px solid #b7ff50}.slot.wrong{border:2px dashed #ffc477}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.stat{background:#111e28;border:1px solid #2e3b46;border-radius:12px;padding:17px}.stat strong{color:#f6f8fa;font-size:26px;display:block}.stat small{color:#a6b6c3;font-size:11px}.market{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.player{text-align:left;background:linear-gradient(150deg,#243a48,#121e29 70%);border:1px solid #3a4c59;border-radius:13px;padding:0;position:relative;overflow:hidden}.player.chosen{border:2px solid #b7ff50}.portrait{background:radial-gradient(at 50% 100%,#506b7a,#0000 75%);height:125px;position:relative;overflow:hidden}.portrait svg{width:100%;height:100%}.rating{font-size:25px;font-weight:900;position:absolute;top:11px;left:12px}.position{color:#b7ff50;font-size:11px;position:absolute;top:43px;left:13px}.info{padding:13px}.info strong{font-size:14px;display:block}.info small{color:#abbcc8;margin:6px 0;font-size:11px;display:block}.price{color:#b7ff50;font-size:17px;font-weight:800}.filters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.filters .active{color:#11200a;background:#b7ff50}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.form{grid-template-columns:1fr 1fr;gap:17px;display:grid}.full{grid-column:1/-1}.badges{gap:10px;display:flex}.badge-choice{font-size:26px}.badge-choice.active{background:#3b522b;border-color:#b7ff50}.muted{color:#9baebd;font-size:12px}.toast{z-index:99;background:#17252c;border:1px solid #b7ff50;border-radius:12px;padding:16px 26px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0009}.scoreboard{background:#111e28;border:1px solid #30424e;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:22px;display:flex}.scoreboard .score{letter-spacing:10px;font-size:45px;font-weight:900}.clock{color:#b7ff50;font-weight:800}.decision{background:#203224;border:1px solid #b7ff50;border-radius:14px;margin-top:18px;padding:22px}.decision h3{margin-top:0}.event{color:#bdcbd5;border-bottom:1px solid #2d3a45;padding:12px 0;font-size:13px}.progress{background:#2a3942;border-radius:4px;height:5px;margin:17px 0}.progress i{background:#b7ff50;height:100%;display:block}.result-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.result-grid .stat{text-align:center}.help{max-width:720px}.tutorial{z-index:30;background:#02080ddc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tutorial .panel{max-width:650px}.tutorial-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0;display:grid}.tutorial-grid span{margin-bottom:10px;font-size:40px;display:block}footer{color:#6e8494;justify-content:space-between;padding:26px 4vw;font-size:11px;display:flex}a{color:#b7ff50}.summary-list{gap:8px;max-height:210px;display:grid;overflow:auto}.summary-list button{text-align:left;padding:9px;font-size:12px}.active-pick{outline:2px solid #b7ff50}#fatal{color:#ffc5bb;padding:30px}@media (width<=1050px){.market{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:1fr}.scene{height:440px}}@media (width<=600px){header{flex-wrap:wrap;gap:14px;height:auto;padding:18px}main{padding:22px 16px}.market,.stats{grid-template-columns:repeat(2,1fr)}.intro{flex-direction:column;align-items:flex-start}.form{grid-template-columns:1fr}.scene{height:350px}.slot{width:61px;font-size:9px}.scoreboard .score{font-size:28px}.tutorial-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}}.slots .slot{width:72px;font-size:9px}.tournament{margin-bottom:24px}.tournament-grid{grid-template-columns:1.3fr 1fr;gap:25px;display:grid}.league-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.league-table td,.league-table th{border-bottom:1px solid #344650;padding:12px 7px}.league-table th{color:#9dafbd;font-size:11px}.own-team{color:#c6ff87;background:#253625}.tournament-history{max-height:215px;overflow:auto}.round-path{color:#a9b9c5;flex-wrap:wrap;gap:14px;margin:20px 0;font-size:13px;display:flex}.round-path .current{color:#b7ff50;font-weight:700}summary{cursor:pointer;padding:12px 0;font-weight:700}@media (width<=700px){.tournament-grid{grid-template-columns:1fr}.league-table{font-size:11px}}