.classic{--ink:#fff;--paper:#131719;--green:#252525;--lime:#fff;--muted:#d1d7da;--line:#ffffff32;background:#131719;color:white;min-height:100dvh;font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.classic{position:relative;isolation:isolate}.classic:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#080d14b8,#080d1438 70%,#080d1410),url('/images/menu.jpg') center/cover no-repeat;z-index:-1;transition:background-image .2s}
.classic[data-screen="squad"]:before{background-image:linear-gradient(#08110d8c,#040d09a6),url('/images/lineup.jpg');background-position:center}
.classic[data-screen="gameweek"]:before{background-image:linear-gradient(#02080b4a,#02080bce),url('/images/match.jpg')}
.classic[data-screen="league"]:before{background-image:linear-gradient(90deg,#05070dd9,#05070d66),url('/images/league.jpg')}
.classic .topbar{background:#080b0e70;border:0;height:80px;padding-inline:4vw;backdrop-filter:blur(5px)}
.classic .topbar .brand{font-weight:600;font-size:15px;letter-spacing:2px;color:#fff}
.classic .account{font-size:13px}.classic .account .button{background:#fff;color:#080808;border:0;font-size:12px;border-radius:6px}
.classic .account .ghost{background:#ffffff1a;color:#fff;border:1px solid #ffffff50}
.classic main{max-width:1600px;padding:0 4vw;min-height:calc(100dvh - 80px)}
.classic .intro,.classic .stats-strip,.classic .tabs,.classic .how-to,.classic footer{display:none}
.desktop-menu{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 100px);max-width:560px;padding:35px 0 45px}
.edition-label{font-size:10px;letter-spacing:2px;color:#d1dce1;margin:0 0 22px}
.desktop-menu h1{font-size:clamp(36px,4.8vw,66px);font-weight:500;line-height:1.14;letter-spacing:1px;margin:0 0 33px;text-shadow:0 3px 20px #0006}
.menu-actions{display:flex;flex-direction:column;gap:22px;max-width:400px}
.menu-actions button{border:0;border-radius:6px;background:#fff;color:#020202;min-height:72px;font-size:16px;letter-spacing:.3px;transition:background .16s,transform .16s;box-shadow:0 5px 20px #0002}
.menu-actions button:hover{background:linear-gradient(#fff,#acabab);transform:translateX(4px)}
.menu-actions button:active{background:linear-gradient(#c6c1c1,#bdbaba)}
.menu-note{font-size:12px;color:#d3dce0;margin:26px 0 18px}.compare-link{font-size:11px;color:#e3e7eb;text-decoration-color:#ffffff65}
.classic-screen-bar{display:flex;align-items:center;gap:25px;padding-top:20px;margin-bottom:10px}.classic-screen-bar>span{font-size:12px;letter-spacing:2px;flex:1}.classic-screen-bar>a{font-size:10px;color:#d6dce0}.classic .classic-screen-bar .button{background:white;color:black;border:0;padding:14px 20px;font-size:11px}
.classic .view{padding:15px 0 30px}.classic .section-heading{margin:18px 0 22px}.classic .section-heading h2{font-size:30px;font-weight:500;color:white;letter-spacing:.3px;text-shadow:0 2px 14px #0008}.classic .section-heading .eyebrow{display:none}.classic .section-heading>.subtle{color:#fff;max-width:300px;font-size:12px}.classic .subtle{color:#d5dce0;text-shadow:0 1px 5px #000}
.classic .squad-layout{grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:start}
.classic .pitch-card{background:transparent;border:0;overflow:visible}.classic .pitch-toolbar{background:#111c1673;border:1px solid #ffffff30;border-radius:6px;padding:13px 20px}.classic .pitch-toolbar>span:last-child{color:#eee}.classic .tiny-dot{background:#b1ce9b}
.classic .pitch{height:490px;background:transparent;border:0;margin:12px 0;max-width:1000px}.classic .pitch-markings{display:none}.classic .pitch-row{justify-content:space-evenly}.classic .forwards{top:15px}.classic .midfielders{top:133px}.classic .defenders{top:256px}.classic .goalkeeper{top:375px}
.classic .player-slot{background:linear-gradient(#fff,#f1f1f1);border:1px solid #ffffffa6;color:#020202;border-radius:6px;min-height:73px;max-width:150px;width:22%;padding:9px 5px;box-shadow:0 4px 14px #0004;justify-content:center;transition:background .15s,transform .15s}.classic .player-slot:hover{background:linear-gradient(#fff,#acabab);transform:translateY(-2px)}.classic .player-slot.active{outline:3px solid #1b552b;outline-offset:3px}.classic .shirt{display:none}.classic .slot-name{background:none;color:#020202;font-size:12px;font-weight:500;margin:0;padding:0;max-width:100%}.classic .slot-pos{font-size:9px;color:#4b4b4b;letter-spacing:.5px;margin-top:8px}.classic .player-slot:not(.selected) .slot-name{font-size:0}.classic .player-slot:not(.selected) .slot-name:after{content:"ADD PLAYER";font-size:11px}
.classic .pitch-footer{background:#102118a6;border-radius:6px;color:white;margin-bottom:0;padding:14px 20px}.classic .pitch-footer .text-button{color:white}
.classic .player-panel{background:#1d1d1de8;border:1px solid #ffffff45;border-radius:6px;color:#fff;margin-top:0;backdrop-filter:blur(10px)}.classic .player-panel .panel-heading{background:linear-gradient(#fff,#e3e3e3);color:#020202;padding:16px}.classic .panel-heading h3{font-size:14px;letter-spacing:0;font-weight:500}.classic .badge{color:#333;border-color:#ccc;background:white}.classic .player-panel input{background:white;color:#020202;margin-top:16px}.classic .filters button{background:#efefef;border-color:#ddd;color:#222}.classic .filters button.active{background:#545454;color:white;border-color:#777}.classic .list-labels{color:#222;background:#ddd;border:0}.classic .player-row{color:#020202;background:white;border-bottom:1px solid #ddd;min-height:55px;padding:10px 16px}.classic .player-row:hover{background:#ddd}.classic .player-row.chosen{background:#e5ece4}.classic .player-row .initials{display:none}.classic .player-info strong{font-weight:500;font-size:11px}.classic .player-info small{color:#6a6a6a}.classic .position-badge{background:#eee;color:#333;border-color:#ddd}.classic .player-list{height:329px}.classic .panel-foot{border-color:#ffffff30;color:#ddd;font-size:10px;padding:13px 16px}
.classic .save-bar{padding-top:15px}.classic .save-bar p{color:#fff;text-shadow:0 1px 5px #000;background:#0c1c1488;padding:12px;border-radius:5px}.classic .save-bar .button{background:linear-gradient(#2a2a2a,#145314);border-color:#55785c;border-radius:10px;color:white;font-size:14px;min-width:190px}.classic .save-bar .button:hover{background:linear-gradient(#2a2a2a,#22bf22)}
.classic .table-panel{background:#171717e8;border-color:#ffffff40;border-radius:8px;color:white;backdrop-filter:blur(8px)}.classic .table-panel .panel-heading{background:#262626;color:white}.classic table thead{background:#3a3a3a;color:#eee}.classic td{border-top-color:#ffffff20;color:white}.classic td small{color:#bbb}.classic .league-table .you{background:#27402b}.classic .league-table .text-button{color:white}.classic .table-panel .empty{color:#d1d1d1}.classic .notice{color:white;background:#131a1de0;border-color:#ffffff30;backdrop-filter:blur(8px)}.classic .notice.error{background:#652725ed}.classic .match-grid{grid-template-columns:repeat(2,1fr)}.classic .fixture{background:#232323e3;border-color:#ffffff38;color:#fff}.classic .fixture strong{background:#ffffff16;color:#fff}.classic .scoring-note{color:#ddd;background:#161616bf;padding:18px;border-radius:6px;margin-top:20px}.classic .scoring-note strong{color:white}.classic .reset-row{color:#ddd;border-color:#ffffff40}.classic .reset-row .danger{color:#ffcece}.classic #simulate{background:linear-gradient(#1d1d1d,#371313);border-color:#836767;font-size:14px;border-radius:12px;padding:16px 25px}.classic #simulate:hover{background:linear-gradient(#2a2a2a,#7c2a2a)}
.classic dialog{color:#eee;background:#141414;border-color:#ffffff40;box-shadow:0 20px 90px #0008}.classic dialog::backdrop{background:linear-gradient(#0003,#0007),url('/images/login.jpg') center/cover no-repeat;backdrop-filter:none}.classic dialog h2{color:white}.classic dialog p,.classic dialog .eyebrow{color:#ddd}.classic dialog input{color:black;background:white;border:0}.classic dialog .button{background:white;color:black;border:0}.classic .close-dialog{color:white}.classic .form-error{color:#ffb6b6}.classic .manager-player{border-color:#ffffff30}.classic .manager-player small{color:#bbb}.classic #toast{background:#202823;color:white;border-color:#64846d}.classic #toast.error{background:#6a2929}.classic .skip{background:white;color:black}.classic :focus-visible{outline-color:#e4c96e}.classic .player-slot:focus-visible{outline-color:#e4c96e}
@media(min-width:1500px){.classic .pitch{height:550px}.classic .forwards{top:25px}.classic .midfielders{top:160px}.classic .defenders{top:300px}.classic .goalkeeper{top:430px}.desktop-menu{padding-left:20px}.menu-actions button{min-height:80px}}
@media(max-width:1000px){.classic .squad-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.classic .player-slot{max-width:130px}.classic .slot-name{font-size:10px}.classic .player-slot:not(.selected) .slot-name:after{font-size:9px}.classic .section-heading h2{font-size:25px}}
@media(max-width:720px){.classic .topbar{height:68px;padding-inline:20px}.classic .topbar .brand{font-size:10px;letter-spacing:1px}.classic main{padding:0 20px;min-height:calc(100dvh - 68px)}.classic .account{gap:8px;font-size:10px}.classic .account .button{padding:10px;font-size:9px}.classic:before{background-position:59% center;background-image:linear-gradient(90deg,#080d14bb,#080d1459),url('/images/menu.jpg')}.desktop-menu{min-height:calc(100dvh - 85px);max-width:440px;padding:35px 0}.desktop-menu h1{font-size:44px;line-height:1.14;margin-bottom:30px}.edition-label{font-size:8px;letter-spacing:1.6px}.menu-actions{max-width:340px;gap:19px}.menu-actions button{min-height:66px;font-size:13px}.classic .squad-layout{grid-template-columns:1fr}.classic .pitch{height:450px;max-width:650px;margin:0 auto 12px}.classic .forwards{top:23px}.classic .midfielders{top:130px}.classic .defenders{top:239px}.classic .goalkeeper{top:346px}.classic .player-slot{max-width:130px;min-height:66px;width:23%;padding:8px 4px}.classic .slot-name{font-size:9px}.classic .slot-pos{font-size:8px;margin-top:6px}.classic .player-panel{max-width:none;min-height:460px}.classic .player-list{height:270px}.classic .section-heading>.subtle{display:none}.classic .classic-screen-bar{gap:15px;padding-top:15px}.classic-screen-bar>span{font-size:9px;letter-spacing:1px}.classic-screen-bar>a{font-size:9px}.classic .classic-screen-bar .button{padding:12px;font-size:9px}.classic .section-heading h2{font-size:25px}.classic .section-heading{gap:15px}.classic #simulate{padding:13px;font-size:10px;white-space:nowrap}.classic .match-grid{grid-template-columns:1fr}.classic .save-bar .button{font-size:12px;min-width:150px}.classic .save-bar p{font-size:10px}.classic .reset-row{padding-bottom:25px}.classic .view{padding-bottom:20px}.classic .league-table .text-button{font-size:11px}.classic .notice{font-size:11px}.classic .fixture{padding:15px}}
@media(max-width:400px){.classic .topbar .brand{font-size:8px}.classic .account #manager-name{max-width:60px}.desktop-menu h1{font-size:38px}.menu-actions button{min-height:62px}.classic-screen-bar>a{display:none}.classic .player-slot:not(.selected) .slot-name:after{font-size:8px}.classic .pitch{height:420px}.classic .forwards{top:20px}.classic .midfielders{top:120px}.classic .defenders{top:220px}.classic .goalkeeper{top:320px}.classic .player-slot{min-height:60px}.classic .slot-name{font-size:8px}.classic .section-heading h2{font-size:21px}.classic .save-bar .button{min-width:120px;font-size:10px}.classic .save-bar{gap:12px}.classic .section-heading #simulate{font-size:9px;padding:11px}}