@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#ecf0ed;background:#111613;font-synthesis:none;--muted:#97a49b;--line:#303a32;--lime:#b9f668;--panel:#1b231e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{padding:34px 20px;border-right:1px solid var(--line);background:#151b17;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:27px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:12px}.brandmark{background:var(--lime);color:#111b11;width:34px;height:38px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);font-size:22px;letter-spacing:0}.edition{font-size:12px;letter-spacing:3px;color:var(--muted);margin:12px 0 42px}.navlabel,.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--muted);font-weight:700;text-transform:uppercase}.navlabel{padding:0 12px;margin:24px 0 12px}.navlink{display:flex;gap:13px;align-items:center;padding:14px 13px;margin:4px 0;border-radius:8px;color:#a9b4ac;font-size:14px;font-weight:600}.navlink.active{background:#293b24;color:var(--lime)}.navlink:hover{background:#242e26}.navicon{width:22px;font-size:20px}.manager{margin-top:auto;padding:20px 8px 0;border-top:1px solid var(--line);font-size:14px}.manager small{display:block;color:var(--muted);margin-top:5px}.main{min-width:0}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:16px;font-size:14px}.topbar strong{color:var(--lime)}.badge{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--muted);gap:6px}.content{max-width:1500px;margin:auto;padding:35px 40px 50px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.pagehead h1{font-size:30px;letter-spacing:-1px;margin:5px 0 8px}.sub{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.primary,.secondary{border:0;border-radius:7px;padding:12px 18px;font-size:14px;font-weight:800;white-space:nowrap}.primary{background:var(--lime);color:#172313}.secondary{background:#29352c;color:#e8f1e9;border:1px solid #3a493d}.primary:hover{background:#cbff8a}.secondary:hover{background:#36493a}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panelpad{padding:24px}.paneltitle{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.paneltitle h2{font-size:17px;margin:0}.paneltitle a{font-size:13px;color:var(--lime)}.matchcard{background:radial-gradient(ellipse at 50% 130%,#355337 0,transparent 65%),#1e2a21;padding:25px 28px}.matchmeta{display:flex;justify-content:space-between;font-size:12px;color:#a7bba9}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:22px;margin:28px 0}.crest{width:65px;height:76px;margin:0 auto 12px;background:#b9f668;color:#223519;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);display:grid;place-items:center;font-size:28px;font-weight:800;border-top:5px solid #defcb9}.crest.away{background:#b3c2ec;color:#29345a;border-color:#e1e8ff}.clubname{font-size:18px;font-weight:800}.score{font-size:43px;font-weight:800;letter-spacing:4px}.vs{font-size:24px;color:#829884}.matchfoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #354739;padding-top:20px;gap:15px}.metricrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.metric{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.metric .value{font-size:27px;font-weight:800;margin:9px 0 5px}.metric small{font-size:12px;color:var(--muted)}.green{color:var(--lime)}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;font-weight:500;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #2b342d}tr:last-child td{border:0}.mine{background:#263725}.mine td:first-child{border-left:2px solid var(--lime)}.num{text-align:right;font-variant-numeric:tabular-nums}.tablewrap{overflow-x:auto}.formdots{display:flex;gap:4px}.formdot{font-size:11px;background:#344c2a;color:var(--lime);border-radius:3px;padding:3px 5px}.pitchwrap{position:relative;background:#213c29;padding:14px;border-radius:8px;overflow:hidden}.pitch{display:block;width:100%;height:auto;aspect-ratio:105/68}.tactical{cursor:pointer}.pitch text{font-family:Manrope,Arial,sans-serif}.listrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.listrow:last-child{border:0}.listrow small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.rowbadge{background:#303b32;color:#bfc9c2;font-size:12px;padding:5px 8px;border-radius:4px}.news{border-left:2px solid var(--lime);padding:2px 0 2px 15px;margin:22px 0}.news p{font-size:14px;line-height:1.7;margin:6px 0}.news small{font-size:12px;color:var(--muted)}.footerhint{font-size:12px;color:#7b8e7f;margin-top:22px}.stack{display:grid;gap:22px;align-content:start}.control{margin:22px 0}.control label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px}.control input{width:100%;accent-color:var(--lime)}select{color:#edf2ee;background:#253129;border:1px solid #435145;padding:10px;border-radius:6px;max-width:100%;font-size:14px}select.lineup{width:100%;font-size:13px}.energy{width:65px;height:5px;background:#394339;border-radius:5px;margin-top:5px}.energy i{display:block;height:5px;background:var(--lime);border-radius:5px}.position{font-size:11px;font-weight:800;color:#bad4ef;background:#283c4e;padding:4px 7px;border-radius:4px}.position.GK{background:#51472c;color:#edd68b}.position.FWD{background:#493035;color:#efbbc3}.position.MID{background:#2e4637;color:#c4edb5}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.replayhead{display:flex;justify-content:center;align-items:center;gap:35px;margin:5px 0 24px}.replayhead h2{font-size:21px}.replaycontrols{display:flex;align-items:center;gap:16px;margin-top:18px}.replaycontrols input{flex:1;min-width:60px;accent-color:var(--lime)}.eventlist{max-height:375px;overflow-y:auto}.event{display:flex;gap:12px;padding:12px 0;font-size:13px;border-bottom:1px solid var(--line);line-height:1.7}.event b{color:var(--lime);min-width:30px}.stat{margin:20px 0}.stat label{display:flex;justify-content:space-between;font-size:13px}.statbar{height:5px;display:flex;gap:3px;margin-top:10px}.statbar i{background:var(--lime);border-radius:3px}.statbar i+ i{background:#aabbea}.traininggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.trainingcard{padding:26px}.trainingcard h2{font-size:19px}.trainingcard p{color:var(--muted);font-size:14px;line-height:1.8;min-height:55px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#d0fca6;color:#172110;border-radius:8px;padding:15px 24px;display:none;z-index:10;box-shadow:0 8px 30px #0006;max-width:90vw;font-size:14px}.loading{padding:60px}.empty{padding:45px 20px;text-align:center;color:var(--muted);line-height:1.8}.clickable{cursor:pointer}.clickable:hover{background:#2a362d}.mobilebrand{display:none}.notice{background:#273824;border:1px solid #455b36;padding:15px 18px;border-radius:7px;font-size:14px;line-height:1.7;margin-bottom:20px}dialog{background:var(--panel);color:#eef3ee;border:1px solid #495748;border-radius:12px;width:min(500px,90vw);padding:30px}dialog::backdrop{background:#0009}.playerstats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.playerstats div{padding:14px;background:#253029;border-radius:6px;font-size:14px}.playerstats b{float:right}.danger{color:#f4b9a6}
@media(min-width:1500px){.content{padding-top:45px}.matchcard{padding:32px}.versus{margin:38px 0}}@media(max-width:1100px){.shell{grid-template-columns:185px 1fr}.sidebar{padding:25px 12px}.content{padding:25px}.topbar{padding:0 25px}.grid{grid-template-columns:1fr}.brand{font-size:22px}.metricrow{margin:18px 0}.pagehead h1{font-size:26px}}@media(max-width:650px){.shell{display:block}.sidebar{position:static;height:auto;border-right:0;padding:15px;display:block}.brand{font-size:20px}.edition,.navlabel,.manager{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;margin-top:12px}.navlink{white-space:nowrap;padding:10px;font-size:12px}.navicon{display:none}.topbar{height:55px;padding:0 18px;font-size:12px}.content{padding:24px 16px}.pagehead{align-items:flex-start;gap:10px}.pagehead h1{font-size:24px}.pagehead .primary{padding:11px;font-size:12px}.metricrow{gap:8px}.metric{padding:13px 10px}.metric .value{font-size:21px}.metric .eyebrow{font-size:10px;letter-spacing:.5px}.metric small{font-size:11px}.panelpad{padding:18px}.matchcard{padding:20px}.versus{gap:10px}.clubname{font-size:15px}.traininggrid{grid-template-columns:1fr}.replayhead{gap:16px}.score{font-size:32px}.replayhead h2{font-size:16px}.replaycontrols{gap:8px}.badge{font-size:10px}.matchmeta{font-size:11px}.pagehead .sub{font-size:12px}}
.phase-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tactical{touch-action:none}.tactical [data-slot]{cursor:grab}.tactical [data-slot]:focus{outline:none;filter:drop-shadow(0 0 1px white)}.position-editor{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:#253129;padding:16px;border-radius:8px;font-size:14px}.position-editor b{flex-basis:100%}.position-editor label{display:flex;gap:8px;align-items:center}.position-editor input{background:#18211b;color:#eef5ed;border:1px solid #53644f;border-radius:5px;padding:8px;width:80px}.slot-select{border:1px solid #44563e;color:#b9f668;background:#233221;border-radius:5px;padding:8px;min-width:36px}.slot-select.selected{background:#b9f668;color:#172313}.event-seek{background:none;border:0;padding:0;color:#b9f668;min-width:34px;text-align:left;font-weight:800}.shot-chart{margin:18px 0}.shot-chart svg{width:100%;max-height:220px}progress{width:100%;accent-color:#b9f668;height:12px;margin-top:16px}.sidebar nav{scrollbar-width:thin}.sidebar{overflow-y:auto}#ball-state{margin-bottom:4px}
.role-editor{margin:18px 0;padding:18px;background:#233026;border:1px solid #42533c;border-radius:8px}.role-editor label,.scenario-fields label{display:flex;flex-direction:column;gap:8px;font-size:14px}.role-editor p{margin-top:12px}.bench-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.bench-player{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #364b37;border-radius:6px;font-size:14px}.bench-player input{accent-color:#b9f668;width:18px;height:18px}.bench-player small{display:block;margin-top:5px;color:#a4b1a3}.scenario{margin:18px 0;padding:18px;border:1px solid #3a4c37;border-radius:8px;background:#202b22}.scenario-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.scenario-fields{display:flex;flex-wrap:wrap;gap:12px}.scenario-fields input{width:90px;padding:10px;background:#18211b;border:1px solid #465442;border-radius:6px;color:#edf5e8}.scenario-fields select{max-width:280px}.match-personnel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;font-size:13px}.match-personnel details{background:#253028;padding:12px;border-radius:6px}.match-personnel summary{cursor:pointer;color:#c4ed9f}.personnel-row{display:flex;justify-content:space-between;gap:10px;margin-top:10px}@media(max-width:650px){.match-personnel{grid-template-columns:1fr}.scenario-fields label{width:100%}.scenario-fields select{max-width:100%}.role-editor .actions>label{width:100%}}
.training-skills{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:5px 12px;font-size:12px}.training-skills b{color:var(--green)}.trainingcard select{max-width:100%;margin-top:10px}.trainingcard label{display:block}.trainingcard small{color:#a7b2a2}
.club-summary{display:grid;grid-template-columns:70px 1fr 1.5fr 1fr;gap:22px;align-items:center;padding:22px;margin-bottom:22px}.club-summary h2{margin:0 0 7px}.club-emblem{background:#c5fa77;color:#142319;font-size:36px;font-weight:900;text-align:center;padding:14px;border-radius:12px}.club-summary dl,.facility-facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:12px}.club-summary dt,.facility-facts dt{color:#a7b2a2}.club-summary dd,.facility-facts dd{margin:0;text-align:right}.club-picker select{margin-left:8px}.roster-panel{overflow:hidden}.roster-table th,.roster-table td{padding:8px 9px;font-size:12px;white-space:nowrap}.roster-table tbody tr:nth-child(even){background:#ffffff03}.roster-table .position-divider{background:#c5fa7710;color:#c5fa77;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.player-link{padding:0;background:none;color:inherit;border:0;text-align:left;font-size:13px;font-weight:700;cursor:pointer}.player-link:hover{color:#c5fa77}.roster-footer{padding:18px;font-size:12px;color:#a7b2a2}.schedule-table td{white-space:nowrap}.result-win{background:#bafa7820;color:#bafa78;font-weight:800}.result-loss{background:#fa787820;color:#ffaaaa;font-weight:800}.result-draw{background:#ffffff0c}.next-fixture{outline:1px solid #bafa7850;outline-offset:-1px}.facility-list{display:grid;gap:18px}.facility-card{display:grid;grid-template-columns:200px 1fr;overflow:hidden}.facility-art{background:linear-gradient(145deg,#385845,#152b22);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:210px;color:#c5fa77}.facility-art span{font-size:74px}.facility-art small{font-size:11px;text-transform:uppercase;letter-spacing:2px}.art-medical{background:linear-gradient(145deg,#304950,#192d33)}.art-academy{background:linear-gradient(145deg,#57572d,#2b301d)}.facility-content{padding:24px}.facility-content p{font-size:13px;color:#a7b2a2;line-height:1.6}.facility-facts{max-width:520px;margin:18px 0}.press-dialog{width:min(560px,90vw)}.press-dialog label{display:grid;gap:8px;margin:18px 0}.press-dialog textarea{background:#17251e;color:#eef5e8;border:1px solid #53614d;border-radius:8px;padding:12px;font:inherit;resize:vertical}.press-comment{white-space:pre-wrap;overflow-wrap:anywhere}.press-dialog form[method]{margin-top:18px}@media(max-width:1100px){.club-summary{grid-template-columns:60px 1fr}.club-summary dl{grid-column:span 2}.facility-card{grid-template-columns:140px 1fr}}@media(max-width:600px){.facility-card{grid-template-columns:1fr}.facility-art{min-height:110px;flex-direction:row}.facility-art span{font-size:42px}.facility-content{padding:18px}.club-summary{gap:14px}.club-picker{display:block}}
@media(min-width:901px) and (max-width:1100px){.club-summary{grid-template-columns:54px .8fr 1.5fr 1fr;gap:15px}.club-summary dl{grid-column:auto;grid-template-columns:1fr;gap:5px}.club-summary dd{text-align:left;margin-bottom:6px}}

/* Club navigation uses the same palette and typography as the workspace. */
.sidebar.club-menu{padding:22px 12px;background:#151b17;border-right:1px solid var(--line);font-family:inherit;scrollbar-width:thin;scrollbar-color:#3a493d #151b17}
.menu-home{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:2px 10px 22px;color:#ecf0ed;font-size:22px;font-weight:800;letter-spacing:2px}
.menu-home::before{content:'L';display:grid;place-items:center;width:28px;height:32px;background:var(--lime);color:#172313;font-size:20px;letter-spacing:0;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}
.menu-home span{flex-basis:100%;padding-left:38px;font-size:10px;font-weight:500;letter-spacing:.2px;color:var(--muted)}
.menu-disclosure>summary{display:none}.club-menu nav{display:block;margin:0;overflow:visible}
.menu-group{margin:0 0 18px}.menu-group h2{display:flex;justify-content:space-between;align-items:center;margin:0 8px 6px;padding:10px 0 7px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;line-height:16px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}
.menu-group h2 span{font-size:9px;letter-spacing:.6px;color:#829578;background:#253129;padding:0 5px;border-radius:4px}
.menu-row{display:flex;align-items:baseline;gap:7px;width:100%;margin:2px 0;padding:7px 10px;min-height:31px;border:0;border-radius:6px;background:transparent;color:#bdc8c0;font:600 12px/17px Manrope,Arial,sans-serif;text-align:left;text-decoration:none;white-space:normal;transition:background .15s,color .15s}
.menu-row span{color:#738771;font-size:13px}.menu-row:hover{background:#242e26;color:#ecf0ed}.menu-row.active{background:#293b24;color:var(--lime);box-shadow:inset 2px 0 var(--lime)}.menu-row.active span{color:var(--lime)}.menu-row.submit-lineup{color:var(--lime)}
.menu-row.unavailable{opacity:1;color:#77857b;background:transparent;cursor:not-allowed;font-weight:500}.menu-row.unavailable span{color:#536256}
.menu-note{font-size:11px;color:var(--muted);line-height:1.6;padding:0 10px}.menu-utilities{display:flex;gap:14px;padding:12px 10px;border-top:1px solid var(--line);font-size:11px;color:var(--lime)}.menu-utilities a:hover{text-decoration:underline}.club-menu .menu-row:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
@media(max-width:1100px) and (min-width:651px){.shell{grid-template-columns:228px minmax(0,1fr)}}
@media(max-width:650px){.sidebar.club-menu{padding:14px;border-right:0;border-bottom:1px solid var(--line);height:auto;max-height:55vh;overflow:auto}.menu-home{padding-bottom:8px;font-size:20px}.menu-home span{flex-basis:auto;padding-left:0;margin-left:auto}.menu-disclosure>summary{display:list-item;color:var(--muted);padding:10px;cursor:pointer;font-size:13px}.club-menu nav{display:block;overflow:visible;margin:0}.menu-row{min-height:36px;padding:9px 10px}.menu-group{margin-bottom:12px}}
.global-header{grid-column:1/-1;display:grid;grid-template-columns:228px minmax(0,1fr);height:64px;background:#151d17;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.global-brand{align-self:center;padding-left:24px;font-size:20px;letter-spacing:3px;font-weight:900;color:var(--lime)}.global-header nav{display:flex;align-items:stretch;gap:3px;padding:0 20px;overflow-x:auto;scrollbar-width:thin}.global-header nav a{display:flex;align-items:center;justify-content:center;padding:0 15px;font-size:13px;font-weight:700;white-space:nowrap;color:#a9b7ab;border-bottom:2px solid transparent}.global-header nav a:hover{background:#202e23;color:#e9f3e8}.global-header nav a[aria-current]{color:var(--lime);border-bottom-color:var(--lime);background:#253322}.shell{grid-template-rows:64px 1fr}.sidebar.club-menu{top:64px;height:calc(100vh - 64px)}.portal-match{background:#1d2a20;border:1px solid var(--line);border-radius:9px;padding:13px 10px;margin-bottom:12px;font-size:12px;line-height:1.6}.portal-match .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:8px}.portal-match p{margin:6px 0}.portal-match a{color:var(--lime);font-size:11px}.portal-match small{display:block;color:var(--muted);margin-top:12px}.portal-match button{padding:4px 0;background:none;border:0;color:#dce8d9;text-align:left;font-size:11px}.news-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(ellipse at top right,#3b5830,transparent 70%),#1e2b20;border:1px solid #43533a;padding:28px;border-radius:12px;margin-bottom:24px}.news-hero h2{font-size:24px;max-width:560px;margin:10px 0}.news-hero p{font-size:13px;color:#afc1ab;line-height:1.8;max-width:570px}.news-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.news-filter a{font-size:12px;padding:9px 13px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.news-filter a[aria-current]{background:#293b24;color:var(--lime);border-color:#526b3f}.news-feed{display:grid;gap:18px}.news-article{display:grid;grid-template-columns:92px minmax(0,1fr);padding:24px;gap:24px}.news-mark{height:88px;border-radius:10px;display:grid;place-items:center;background:#293e2b;color:var(--lime);font-size:40px;font-weight:800}.news-copy h2{font-size:19px;margin:8px 0 12px}.news-copy p{font-size:14px;color:#b8c5b8;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.news-copy footer{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.news-copy footer a{color:var(--lime)}.news-copy footer button{font-size:12px;padding:8px 12px}@media(max-width:1100px){.global-header nav{padding:0 10px;gap:0}.global-header nav a{padding:0 10px;font-size:12px}.news-hero{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.global-header{display:block;height:58px}.global-brand{display:none}.global-header nav{height:58px;padding:0 8px}.sidebar.club-menu{top:auto;height:auto;max-height:42vh}.portal-match{display:none}.news-article{grid-template-columns:42px minmax(0,1fr);padding:16px;gap:12px}.news-mark{height:44px;font-size:23px}.news-copy h2{font-size:17px}.news-copy footer{align-items:flex-start;flex-direction:column}.news-hero{padding:20px}.news-hero h2{font-size:21px}}
.match-orders{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.match-orders h2{font-size:18px;margin:0 0 16px}.match-orders h2:not(:first-child){margin-top:25px}.orders-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.orders-fields label,.instruction-player,.mark-order{display:grid;gap:7px;font-size:12px;color:var(--muted)}.orders-fields select,.instruction-player select,.mark-order select{width:100%;font-size:12px}.instruction-checks{display:grid;grid-template-columns:1fr;gap:9px;margin:18px 0}.instruction-checks label{display:flex;gap:9px;align-items:center;font-size:13px}.instruction-checks input{accent-color:var(--lime);width:16px;height:16px}.match-orders .playerstats{font-size:11px;gap:8px}.match-orders .playerstats div{font-size:11px;padding:10px}@media(max-width:650px){.orders-fields{grid-template-columns:1fr}}
@media(min-width:901px){.tactics-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:start}.tactics-layout>.panel{padding:18px}.tactics-layout .orders-fields{grid-template-columns:1fr}.tactics-layout .paneltitle h2{font-size:15px}}
@media(min-width:901px){.tactics-layout .orders-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.tactics-layout .orders-fields select{font-size:11px;padding:9px 6px}.tactics-layout .instruction-checks{gap:7px}}

.match-viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.match-view-toggle{display:flex;gap:4px;background:var(--bg,#152520);padding:4px;border-radius:12px}.match-view-toggle button{min-width:54px;padding:8px 16px}.match-view-toggle button[aria-pressed="true"]{background:#c5fa77;color:#152520;border-color:#c5fa77}.match-viewbar label{font-size:12px;display:flex;align-items:center;gap:8px}.match-viewbar [hidden],#match-2d[hidden],#match-3d[hidden]{display:none}.match-3d{width:100%;min-height:260px;overflow:hidden;border-radius:14px;background:#152520}.match-3d canvas{display:block;width:100%;height:auto}

.match-zoom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;font-size:12px}.match-zoom[hidden]{display:none}.match-zoom input{flex:1;min-width:100px;width:130px;accent-color:#c5fa77}.match-zoom button{padding:6px 10px}.match-zoom output{min-width:38px}.match-zoom small{width:100%;color:#91a398}

.player-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 24px}.player-summary>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff12;padding-bottom:8px;font-size:13px}.player-summary span{color:#a4b2a8}.skill-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.skill-table{width:100%;font-size:13px}.skill-table td:first-child{min-width:145px}.skill-table progress{width:75px;height:10px;accent-color:#a5d36c}.skill-table td:not(:first-child){color:#d9e3dc}.skill-profile,.skill-table .skill-profile td:first-child{color:#b9f668}.skill-general,.skill-table .skill-general td:first-child{color:#8db8ff}.skill-secondary,.skill-table .skill-secondary td:first-child{color:#f49393}.skill-inactive,.skill-table .skill-inactive td:first-child{color:#98a49c}.skill-general progress{accent-color:#8db8ff}.skill-secondary progress{accent-color:#f49393}.skill-inactive progress{accent-color:#98a49c}.skill-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.roster-table .player-link{text-decoration:none}.roster-table th{white-space:nowrap}@media(max-width:1150px){.skill-columns{grid-template-columns:1fr}.player-summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.player-summary{grid-template-columns:1fr}}

.auth-page{max-width:520px;margin:8vh auto;padding:20px}.auth-page .brand{margin-bottom:28px}.auth-page h1{margin:14px 0}.auth-page .sub{line-height:1.7}.auth-page form{display:grid;gap:18px;margin-top:24px}.auth-page label{display:grid;gap:9px;font-size:14px}.auth-page label[hidden]{display:none}.auth-page input{width:100%;box-sizing:border-box;padding:13px;background:#18241c;color:#eef3ee;border:1px solid #435145;border-radius:6px;font:inherit}.auth-page small{color:var(--muted);line-height:1.5}.account-bar{display:flex;justify-content:flex-end;gap:16px;align-items:center;padding:8px 20px;background:#18241c;color:var(--muted);font-size:12px}.account-bar button{padding:7px 12px}

.application-steps{display:flex;gap:10px;margin:0 0 24px;scroll-margin-top:20px}.application-steps button{flex:1;display:flex;align-items:center;gap:12px;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:17px;text-align:left;font:inherit;cursor:pointer}.application-steps button span{display:grid;place-items:center;border:1px solid #52634f;border-radius:50%;width:28px;height:28px;flex-shrink:0}.application-steps button.active{color:var(--lime);border-color:var(--lime);background:#263523}.application-steps button.active span{background:var(--lime);color:#172110;border-color:var(--lime)}.application-lineup,.application-placement{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.application-placement{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.application-fields{display:grid;gap:16px;margin-top:18px}.application-fields label{display:grid;gap:8px;color:var(--muted);font-size:13px}.application-roster{min-width:760px}.application-roster td{padding:11px 8px}.application-roster tr.in-start{background:#c5fa770a}.application-roster tr.in-bench{background:#abc1f10a}.roster-pick{display:flex;align-items:center;gap:10px;white-space:nowrap}.roster-pick button{padding:7px 10px;font-size:12px}.roster-pick label{font-size:12px;color:var(--muted)}.application-starters{display:grid;gap:5px}.application-starters button{display:flex;align-items:center;gap:8px;padding:10px 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:#ecf3ea;cursor:pointer;text-align:left}.application-starters button>span:first-child{width:18px;color:var(--muted)}.application-starters button b{font-size:12px}.application-starters button.selected{border-color:var(--lime);background:#c5fa7710}.application-footer{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#19251bf5;border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:24px;box-shadow:0 -6px 25px #0002}.application-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:16px;background:var(--line)}.application-skills>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);font-size:11px;padding:9px}.application-details{margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.application-details summary{cursor:pointer;color:var(--muted)}.application-rules{margin-top:18px;min-width:650px}.application-rules select{max-width:220px}.application-rules input{width:65px;padding:10px;background:#253129;color:#edf2ee;border:1px solid #435145;border-radius:6px}.lineup-target{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin:20px 0}.application-placement .match-orders{margin:0}.application-placement .playerstats{display:none}.application-page .panel>h2{margin-bottom:14px}@media(max-width:1200px){.application-lineup,.application-placement{grid-template-columns:1fr}.application-lineup>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.application-lineup>aside>section:first-child{grid-column:1/-1}}@media(max-width:650px){.application-steps{gap:5px}.application-steps button{flex-direction:column;align-items:flex-start;gap:8px;padding:10px;font-size:11px}.application-lineup>aside{grid-template-columns:1fr}.application-footer{flex-wrap:wrap;padding:12px}.application-footer>.sub{display:none}.application-footer .actions{gap:6px}.application-footer button,.application-footer a{padding:10px;font-size:12px}.application-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.lineup-target{align-items:flex-start;flex-direction:column}}

.application-steps{scroll-margin-top:90px}.application-page,.application-page section,.application-page aside,.application-page .stack{min-width:0}.application-page .tablewrap{max-width:100%}.application-roster .roster-pick input{accent-color:var(--lime)}
.application-steps button{min-width:0;overflow-wrap:anywhere}@media(max-width:900px){.application-steps{gap:6px}.application-steps button{flex-direction:column;align-items:flex-start;padding:10px;font-size:12px}.application-footer{flex-wrap:wrap}.application-footer>.sub{display:none}}
.application-roster [data-roster-player]{cursor:grab;touch-action:none;user-select:none}.application-roster [data-roster-player]:hover{background:#b9f66815}.roster-status{color:var(--muted);font-size:11px}.roster-drag-ghost{position:fixed;z-index:1000;pointer-events:none;background:var(--lime);color:#172313;padding:12px 18px;border-radius:8px;box-shadow:0 8px 25px #0008;font-weight:800}.roster-dragging,.roster-dragging *{cursor:grabbing!important}.drop-hover{outline:2px solid var(--lime)!important;background:#b9f66825!important}[data-drop-bench] .listrow{padding:10px 0;font-size:12px}@media(min-width:901px){.application-lineup{grid-template-columns:minmax(0,1fr) 310px}.application-lineup>aside{grid-template-columns:1fr;position:sticky;top:85px;max-height:calc(100vh - 180px);overflow-y:auto;gap:12px}.application-lineup>aside .panelpad{padding:16px}.application-lineup .tablewrap{max-height:65vh;overflow:auto}.application-lineup .application-fields{gap:8px;margin-top:10px}.application-lineup .application-fields select{padding:6px}.application-starters button{padding:6px 8px}.application-roster th{position:sticky;top:0;background:var(--panel);z-index:1}}
.match-layout{grid-template-columns:minmax(0,1fr);}.match-layout>.stack{grid-template-columns:repeat(2,minmax(0,1fr));}.match-layout .match-3d{background:#52653c;border:1px solid #59674a}.match-layout .replayhead{margin-bottom:12px}.match-layout .match-viewbar{margin:10px 0}.match-layout .match-3d canvas{aspect-ratio:auto}@media(max-width:750px){.match-layout>.stack{grid-template-columns:1fr}}
.camera-panel{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:14px 0}.camera-panel summary{font-weight:700;cursor:pointer;color:#d3decf}.camera-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.camera-presets label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #4b5a4d;border-radius:8px;font-size:12px;cursor:pointer}.camera-presets label:has(input:checked){background:#304822;border-color:var(--lime);color:var(--lime)}.camera-presets input,.camera-reverse input{accent-color:var(--lime)}.camera-adjustments{display:grid;grid-template-columns:auto minmax(100px,1fr) auto minmax(100px,1fr);gap:12px;align-items:center;margin:16px 0 0}.camera-adjustments input[type=range]{width:100%;min-width:60px}.camera-adjustments label{font-size:12px;display:flex;gap:8px;align-items:center}.camera-adjustments output{min-width:34px;color:var(--lime)}.camera-reverse{grid-column:1/4}.camera-adjustments .camera-reverse input{width:16px;min-width:16px;flex:none}.camera-adjustments button{font-size:12px;padding:9px}@media(max-width:900px){.camera-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-adjustments{grid-template-columns:auto 1fr}.camera-reverse{grid-column:1/-1}}

.match-stage{position:relative;isolation:isolate}.match-outcome{position:absolute;z-index:5;top:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:12px 24px;border:1px solid #becbcc;border-radius:12px;background:#132027ed;color:#fff;text-align:center;pointer-events:none;box-shadow:0 8px 28px #0008}.match-outcome[hidden]{display:none}.match-outcome strong{display:block;font-size:clamp(16px,2.8vw,28px);letter-spacing:.06em}.match-outcome span{display:block;font-size:12px;margin-top:4px}.match-outcome[data-type=goal]{background:#173d20f5;border-color:#bbf668;color:#d9ff9d}.match-outcome[data-type=wide],.match-outcome[data-type=high]{border-color:#f3bc76;color:#ffe0b4}.match-outcome[data-type=save]{border-color:#8bcbff;color:#cae7ff}

/* Dark headquarters: production styling based on concept A. Layout and canvas dimensions stay with their components. */
:root {
  color-scheme: dark;
  color: #ebf2e8;
  background: #0b1715;
  --muted: #94aa9a;
  --line: #304339;
  --lime: #cef269;
  --panel: #12231e;
  --surface-raised: #192e26;
}
body { background: #0b1715; }
.shell { grid-template-columns: 218px minmax(0,1fr); grid-template-rows: 67px minmax(0,1fr); }
.global-header { grid-template-columns: 218px minmax(0,1fr); height: 67px; background: #0d1b17; border-color: var(--line); }
.global-brand { padding-left: 26px; color: #ebf2e8; letter-spacing: .055em; font-size: 17px; white-space: nowrap; }
.global-brand::first-letter { color: var(--lime); }
.global-header nav { padding: 0 clamp(18px,3vw,46px); gap: 10px; }
.global-header nav a { padding: 0 13px; color: #a5baab; font-size: 12px; font-weight: 700; letter-spacing: .01em; }
.global-header nav a:hover { color: #ecf3e8; background: #1a2d23; }
.global-header nav a[aria-current] { color: var(--lime); background: transparent; border-bottom-color: var(--lime); }
.sidebar.club-menu { top: 67px; height: calc(100vh - 67px); padding: 27px 17px; background: #0d1b17; border-color: var(--line); }
.menu-home { padding: 0 1px 24px; gap: 9px; font-size: 17px; letter-spacing: .025em; white-space: nowrap; }
.menu-home::before { content: 'M'; width: 30px; height: 35px; font-size: 19px; }
.menu-home span { padding-left: 40px; color: #789182; font-size: 10px; letter-spacing: .03em; }
.menu-group { margin-bottom: 24px; }
.menu-group h2 { margin: 0 5px 9px; padding: 8px 4px; color: #759180; border-bottom-color: #263b30; font-size: 10px; letter-spacing: .13em; }
.menu-row { align-items: center; min-height: 39px; margin: 2px 0; padding: 10px 11px; color: #a9bdaf; font-size: 12px; font-weight: 650; border-radius: 7px; }
.menu-row span { color: #648371; font-size: 17px; line-height: 12px; }
.menu-row:hover { color: #f0f6ed; background: #20392a; }
.menu-row.active { color: var(--lime); background: #243c2b; box-shadow: inset 2px 0 var(--lime); }
.menu-row.unavailable { color: #718678; }
.menu-note { color: #789182; }
.menu-utilities { border-color: var(--line); }
.portal-match { background: #172b22; border-color: #355042; }
.main { background: #0b1715; }
.topbar { height: 67px; padding: 0 clamp(22px,3vw,47px); color: #9db1a3; border-color: var(--line); font-size: 12px; }
.topbar b { color: #edf4e9; font-weight: 700; }
.topbar strong { color: #e7f0e3; }
.badge { padding: 8px 10px; border-color: #40574a; border-radius: 5px; color: #d8e8d9; font-size: 11px; }
.content { max-width: 1490px; padding: 34px clamp(22px,3vw,47px) 54px; }
.pagehead { align-items: flex-end; margin-bottom: 27px; }
.pagehead h1 { margin: 8px 0 9px; color: #f1f6ee; font-size: clamp(30px,3vw,45px); line-height: 1.08; letter-spacing: -.055em; font-weight: 800; }
.eyebrow,.navlabel { color: #89a493; font-size: 10px; letter-spacing: .12em; }
.sub { color: var(--muted); font-size: 13px; line-height: 1.65; }
.primary,.secondary { padding: 11px 17px; border-radius: 6px; font-size: 12px; letter-spacing: .01em; }
.primary { background: var(--lime); color: #112113; }
.primary:hover { background: #dafa89; }
.secondary { background: #23392c; color: #e5f1e2; border-color: #405b47; }
.secondary:hover { background: #30513a; }
.grid,.stack { gap: 16px; }
.grid { grid-template-columns: minmax(0,1.65fr) minmax(280px,1fr); }
.panel,.metric { background: var(--panel); border-color: var(--line); border-radius: 10px; }
.panelpad { padding: 21px; }
.paneltitle { margin-bottom: 17px; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.paneltitle h2 { color: #eef4eb; font-size: 15px; font-weight: 800; letter-spacing: -.015em; }
.paneltitle a { color: var(--lime); font-size: 11px; }
.matchcard { position: relative; isolation: isolate; min-height: 280px; padding: 24px 28px; background: radial-gradient(ellipse at 76% 100%,#345a30 0,transparent 53%),linear-gradient(115deg,#182b24,#11241e); border-color: #405c47; }
.matchcard::before { content: ''; position: absolute; z-index: -1; right: -45px; top: -90px; width: 430px; height: 430px; border: 1px solid #a8df8338; border-radius: 50%; box-shadow: 0 0 0 56px #a8df830b,0 0 0 112px #a8df8305; pointer-events: none; }
.matchmeta { color: #b8c8b9; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.versus { margin: 32px 0 27px; }
.clubname { color: #f0f6ed; font-size: clamp(17px,2vw,25px); letter-spacing: -.035em; }
.vs { color: var(--lime); font-size: 14px; font-weight: 800; }
.matchfoot { border-color: #59705b; padding-top: 17px; }
.matchfoot .sub { color: #bed0bc; }
.metricrow { gap: 16px; margin: 16px 0; }
.metric { padding: 18px 20px; }
.metric .value { margin: 10px 0 4px; color: #f1f6ec; font-size: 28px; letter-spacing: -.05em; }
.metric .value.green { color: var(--lime); }
.metric small { font-size: 11px; }
.listrow { border-color: var(--line); font-size: 12px; line-height: 1.55; }
.listrow small { color: var(--muted); }
.news { margin: 18px 0; border-color: var(--lime); }
.news p { font-size: 13px; }
.rowbadge { background: #24402e; color: #d8ecd0; }
table { font-size: 12px; }
th { background: #172c23; color: #88a391; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .075em; }
th,td { padding: 12px 13px; border-bottom: 1px solid #273d32; }
tbody tr:hover td { background: #1a3427; }
.mine { background: #24452f; color: var(--lime); }
.mine td:first-child { border-left-color: var(--lime); }
.roster-table th,.roster-table td { padding: 12px 13px; font-size: 11px; }
.roster-table th { font-size: 10px; }
.roster-table tbody tr:nth-child(even) { background: #ffffff04; }
.roster-table .position-divider { background: #24402e; color: var(--lime); }
.roster-footer { padding: 15px 20px; color: var(--muted); border-top: 1px solid var(--line); }
.player-link { color: #ebf2e8; }
.player-link:hover { color: var(--lime); }
.nationality-flag { display: inline-block; width: 22px; height: 15px; object-fit: cover; vertical-align: middle; border: 1px solid #ffffff30; border-radius: 2px; }
.energy { background: #354a3b; }
.energy i { background: var(--lime); }
.control input,progress,input[type='checkbox'],input[type='range'] { accent-color: var(--lime); }
select,.auth-page input,.press-dialog textarea,.application-rules input { background: #172b22; color: #eff5ed; border-color: #405b47; }
select:hover,.auth-page input:hover,.press-dialog textarea:hover { border-color: #6c916f; }
.notice,.role-editor,.scenario,.position-editor,.playerstats div,.camera-panel { background: #192e26; border-color: #385143; }
.club-summary { background: linear-gradient(105deg,#192f25,var(--panel) 64%); }
.club-emblem { background: var(--lime); }
.application-footer { background: #10221beF; }
.application-steps button.active { background: #243c2b; }
.application-roster tr.in-start { background: #cef2690d; }
.news-hero { background: radial-gradient(ellipse at top right,#345a30,transparent 67%),linear-gradient(115deg,#182b24,#11241e); border-color: #405c47; }
.news-filter a[aria-current] { background: #243c2b; border-color: #567b50; }
.news-mark { background: #254333; }
.auth-page { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; margin-top: max(28px,7vh); padding: clamp(22px,4vw,36px); }
.auth-page h1 { font-size: clamp(28px,3vw,40px); letter-spacing: -.05em; }
dialog { border-color: #486652; }
@media (max-width: 1100px) and (min-width: 651px) {
  .shell { grid-template-columns: 218px minmax(0,1fr); }
  .grid { grid-template-columns: 1fr; }
  .content { padding: 28px; }
}
@media (max-width: 650px) {
  .shell { display: block; }
  .global-header { display: block; height: 58px; }
  .global-header nav { height: 58px; padding: 0 8px; gap: 0; }
  .sidebar.club-menu { position: static; height: auto; max-height: 42vh; padding: 14px; border-right: 0; border-bottom: 1px solid var(--line); }
  .menu-home { padding-bottom: 8px; font-size: 17px; }
  .menu-home span { margin-left: auto; padding-left: 0; }
  .menu-row { min-height: 36px; padding: 9px 10px; }
  .topbar { height: auto; min-height: 54px; padding: 10px 16px; }
  .content { padding: 25px 16px 42px; }
  .pagehead { align-items: flex-start; flex-wrap: wrap; gap: 14px; }
  .pagehead h1 { font-size: clamp(29px,8vw,39px); }
  .pagehead .primary { padding: 11px 15px; }
  .grid { grid-template-columns: 1fr; }
  .metricrow { gap: 8px; }
  .metric { padding: 14px 11px; }
  .metric .value { font-size: 22px; }
  .matchcard { padding: 20px; }
  .matchcard::before { right: -190px; }
  .versus { gap: 8px; }
  .clubname { font-size: 15px; }
  .matchmeta { font-size: 10px; }
  .matchfoot { flex-wrap: wrap; }
  .panelpad { padding: 18px; }
  .roster-table th,.roster-table td { padding: 10px 11px; }
}

/* Two-part ManagerSaga wordmark. */
.global-brand .brand-s,.menu-home .brand-s,.brand .brand-s,.brand .brand-initial{display:inline;padding:0;margin:0;color:var(--lime);font:inherit;letter-spacing:inherit;}
/* Ordered position-specific skill lists. */
.application-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent}
.application-skills>.application-skill-column{display:grid;gap:0;padding:0;background:transparent;min-width:0}
.application-skill-column>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}
.application-skill-column b{color:var(--text,#edf2ee)}
.application-roster tr.preview-player{outline:1px solid var(--lime);outline-offset:-1px}
.application-starters button.empty{border:1px dashed var(--line)}
.skill-progress-value{display:block;font-size:10px;color:var(--muted);white-space:nowrap;margin-top:3px}
@media(max-width:480px){.application-skills{grid-template-columns:1fr}}
.menu-home .brand-word{font:inherit;color:inherit}
.menu-home .brand-word .brand-s{margin:0;padding:0;font:inherit;color:var(--lime)}
.skill-table td small{display:block;font-size:10px;color:var(--muted);white-space:nowrap;margin-top:3px}
/* Single sidebar wordmark, without the shield. */
.menu-home::before{display:none;content:none}
.menu-home>span{padding-left:0}
.menu-home .brand-word .brand-initial{display:inline;margin:0;padding:0;color:var(--lime);font:inherit;letter-spacing:inherit}
@media(max-width:650px){.header-brand-space{display:none}}
/* Match viewer first; result panels below it. */
.grid.match-layout{grid-template-columns:minmax(0,1fr)}
.grid.match-layout>.stack{display:grid;grid-template-columns:minmax(0,1fr)}

/* Login and registration landing page. */
.login-body{min-height:100vh;background:#091712;color:#eef5e9}
.login-body .auth-page{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);max-width:none;min-height:100vh;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.auth-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(30px,4.2vw,68px);overflow:hidden;background:radial-gradient(ellipse 65% 55% at 88% 72%,#31533080,transparent 72%),linear-gradient(145deg,#123225,#0c251d 62%,#102b1d);border-right:1px solid #365543}
.auth-story::after{content:"";position:absolute;right:-15%;top:-18%;width:70%;aspect-ratio:1;border:1px solid #a8db7520;border-radius:50%;box-shadow:0 0 0 70px #a8db7508,0 0 0 140px #a8db7506;pointer-events:none}
.auth-wordmark{position:relative;z-index:1;display:block;align-self:flex-start;white-space:nowrap;font-size:clamp(25px,2.5vw,38px);line-height:1;font-weight:800;letter-spacing:-.065em;color:#f3f9ee}
.auth-wordmark span{color:var(--lime)}
.auth-story-content{position:relative;z-index:1;max-width:760px;margin:80px 0 54px}
.auth-kicker{display:flex;align-items:center;gap:10px;color:#bdd5b5;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.auth-kicker-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}
.auth-story h2{margin:24px 0 20px;font-size:clamp(47px,5.2vw,82px);line-height:1.03;letter-spacing:-.075em;font-weight:800}
.auth-story h2 em{font-style:normal;color:var(--lime)}
.auth-story-content>p{max-width:490px;margin:0;color:#b3c8b6;font-size:clamp(14px,1.35vw,17px);line-height:1.75}
.auth-pitch{position:relative;margin-top:clamp(40px,6vh,75px);max-width:650px;padding:14px;border:1px solid #94bd7a38;border-radius:16px;background:linear-gradient(135deg,#294c35a8,#1c3d2e65);box-shadow:0 25px 70px #03120a4d;transform:rotate(-3deg)}
.auth-pitch svg{display:block;width:100%;height:auto;color:#a2bd9545}
.auth-pitch-label{position:absolute;right:23px;bottom:23px;color:#d7edc7;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.auth-story-footer{position:relative;z-index:1;display:flex;gap:clamp(20px,3vw,50px);color:#8dae91;font-size:10px;font-weight:800;letter-spacing:.2em}
.auth-access{display:flex;flex-direction:column;min-width:0;padding:clamp(28px,3.5vw,56px) clamp(24px,5vw,88px);background:radial-gradient(ellipse 100% 70% at 50% 40%,#173025,#0b1b16 75%)}
.auth-access-top{display:flex;align-items:center;gap:14px;color:#819e89;font-size:10px;font-weight:800;letter-spacing:.14em}
.auth-access-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6c9554;border-radius:7px;color:var(--lime);font-size:11px;letter-spacing:-.04em}
.auth-card{width:100%;max-width:450px;margin:auto}
.auth-card .eyebrow{color:var(--lime);font-size:11px;letter-spacing:.16em}
.auth-card h1{margin:12px 0 10px;font-size:clamp(34px,3vw,46px);line-height:1.1;letter-spacing:-.055em}
.auth-card .sub{color:#a1b5a6;font-size:14px;line-height:1.7}
.auth-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:34px 0 28px;padding:4px;border:1px solid #345140;border-radius:9px;background:#12291e}
.auth-modes button{min-width:0;min-height:43px;padding:9px 12px;border:0;border-radius:6px;font-size:12px}
.auth-modes .secondary{color:#a8bbac;background:transparent}
.auth-modes .secondary:hover{color:#eef5e9;background:#203d2a}
.auth-modes .primary{color:#132517;background:var(--lime)}
.login-body .auth-page form{display:grid;gap:20px;margin:0}
.auth-field{display:grid;gap:9px;min-width:0}
.auth-field[hidden]{display:none}
.auth-field label{display:block;color:#e4eee2;font-size:12px;font-weight:800;letter-spacing:.015em}
.login-body .auth-field input{display:block;width:100%;min-height:50px;padding:13px 15px;border:1px solid #42604c;border-radius:7px;background:#10281d;color:#f2f8ef;font-size:14px;transition:border-color .18s,background .18s}
.login-body .auth-field input::placeholder{color:#6f8c77}
.login-body .auth-field input:hover{border-color:#739570}
.login-body .auth-field input:focus{background:#163122;border-color:var(--lime)}
.auth-field small{color:#8fa692;font-size:11px;line-height:1.5}
.auth-password-wrap{position:relative}
.auth-password-wrap input{padding-right:95px!important}
.auth-reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:69px;padding:8px;border:0;border-radius:5px;background:transparent;color:#bed99e;font-size:11px;font-weight:800}
.auth-reveal:hover{background:#26452d;color:var(--lime)}
.login-body #auth-error{margin:0;font-size:12px;line-height:1.5}
.login-body #auth-error:empty{display:none}
.login-body .auth-submit{width:100%;min-height:51px;margin-top:2px;border-radius:7px;font-size:13px}
.auth-footnote{margin:26px 0 0;color:#75917a;text-align:center;font-size:11px;letter-spacing:.04em}
@media(max-width:900px){
  .login-body .auth-page{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}
  .auth-story{padding:36px}
  .auth-story-content{margin:70px 0}
  .auth-story h2{font-size:clamp(40px,5vw,58px)}
  .auth-access{padding:32px}
}
@media(max-width:720px){
  .login-body .auth-page{display:block;min-height:100vh}
  .auth-story{padding:26px 22px 28px;border-right:0;border-bottom:1px solid #365543}
  .auth-wordmark{font-size:28px}
  .auth-story-content{margin:42px 0 24px}
  .auth-story h2{margin:16px 0 13px;font-size:clamp(37px,10vw,55px)}
  .auth-story-content>p{max-width:440px;font-size:13px}
  .auth-pitch,.auth-story-footer{display:none}
  .auth-access{min-height:0;padding:28px 22px 50px}
  .auth-access-top{display:none}
  .auth-card{max-width:460px}
  .auth-card h1{font-size:34px}
  .auth-modes{margin:28px 0 25px}
}
@media(max-width:380px){
  .auth-story h2{font-size:35px}
  .auth-kicker{font-size:9px}
  .auth-modes button{font-size:11px}
}