body{margin:0;background:#f5f7fc;color:#15294c;font:15px system-ui}header{padding:18px;background:white;font-size:23px;font-weight:900}main{max-width:720px;margin:auto;padding:16px}.card{background:white;border:1px solid #e3e9f2;border-radius:17px;padding:18px;margin:12px 0}button{border:0;border-radius:10px;padding:11px 14px;background:#0967ee;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.5}input,select,textarea{box-sizing:border-box;width:100%;padding:11px;border:1px solid #d5ddea;border-radius:9px;margin:6px 0;font:inherit}textarea{min-height:90px}.tabs{display:flex;gap:8px;overflow:auto;padding:8px 0}.tabs button{white-space:nowrap;background:#e9effa;color:#1856a9}.tabs button.on{background:#1268e9;color:white}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.muted{color:#74829b;font-size:13px}.err{color:#a12b2b}.ok{color:#14804b}.entry{border-bottom:1px solid #e7eaf2;padding:12px 0}h1{font-size:24px}h2{font-size:19px}

:root{color-scheme:dark;--bg:#061426;--panel:#0d2744;--border:#285071;--muted:#adc5df;--blue:#087dff}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#061426!important;color:#eaf4ff!important;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 45% -5%,#123c70 0%,#061426 50%)!important}
header{background:#081b32!important;color:#fff!important;border-bottom:1px solid #2c4f70!important;padding:18px 22px!important;letter-spacing:1.2px;font-size:20px!important}
main{max-width:1050px!important;margin:auto;padding:23px 19px 115px!important}
h1{font-size:clamp(25px,5vw,36px)!important;letter-spacing:-.7px;margin:16px 0;color:#f4faff}
h2{font-size:19px!important;color:#f1f8ff;margin-top:0}
.card{background:linear-gradient(155deg,#112e4f,#0a1f38)!important;color:#eaf4ff!important;border:1px solid #285071!important;border-radius:20px!important;padding:22px!important;margin:14px 0!important;box-shadow:0 10px 28px #0002}
.card strong{font-weight:800}
button{border:1px solid #2773c9!important;border-radius:12px!important;background:linear-gradient(115deg,#0767e9,#119aff)!important;color:white!important;font:inherit;font-weight:750!important;padding:11px 15px;cursor:pointer;min-height:42px}
button:disabled{opacity:.55;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #74b9ff;outline-offset:2px}
#back,#logout{background:#112e4c!important;border-color:#315878!important}
.tabs{background:#081d35!important;border:1px solid #284c70!important;border-radius:16px!important;padding:9px!important;gap:7px!important;position:sticky;top:8px;z-index:5}
.tabs button{background:#132e4c!important;color:#bcd6ee!important;border-color:#284b6c!important;white-space:nowrap}
.tabs button.on{background:linear-gradient(120deg,#0869ef,#149aff)!important;color:white!important}
input,select,textarea{background:#071c33!important;color:#f2f8ff!important;border:1px solid #315b80!important;border-radius:11px!important}
input::placeholder,textarea::placeholder{color:#96b2cf}
select option{background:#071c33;color:#fff}
.muted{color:#b3cbe4!important}.err{color:#ff9b9b!important}.ok{color:#76e3b1!important}
.entry{border-bottom:1px solid #2b4c6c!important;padding:16px 0!important}
.entry:last-child{border-bottom:0!important}
.lx-hero{background:linear-gradient(120deg,#0d4488,#0b2b52 70%,#091f3b)!important;border:1px solid #3979b8!important;border-radius:24px;padding:27px;margin:19px 0 22px}
.lx-eyebrow{font-size:11px;font-weight:850;letter-spacing:2px;color:#87c8ff;text-transform:uppercase}
.lx-hero h1{margin:7px 0;font-size:clamp(30px,5vw,42px)!important}
.lx-hero p{color:#c5ddf4;margin:4px 0}
.lx-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.lx-stat{background:#071d3bbf;border:1px solid #3773ac;border-radius:15px;padding:11px 15px;min-width:125px}
.lx-stat b{display:block;font-size:24px;line-height:1.1}.lx-stat small{font-size:11px;color:#b9d2ec}
.lx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}
.lx-club{background:linear-gradient(145deg,#123455,#0a223c);border:1px solid #2a5276;border-radius:18px;padding:20px}
.lx-club h3{margin:0 0 13px;font-size:17px;color:#fff}
.lx-metric{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b9d3eb;margin:7px 0}
.lx-metric b{color:#fff}.lx-chip{display:inline-block;background:#133e6d;color:#a9d8ff;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}
.lx-table-wrap{overflow-x:auto;border-radius:15px;border:1px solid #2b5074}
.lx-table{width:100%;border-collapse:collapse;min-width:480px}
.lx-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9ec3e7;background:#102f51;padding:13px}
.lx-table td{padding:13px;border-top:1px solid #254a6d}
.lx-table tr:nth-child(even){background:#0d2946}
.lx-empty{padding:22px;color:#bbd1e8;background:#0a213b;border:1px dashed #335779;border-radius:14px}
.lx-nav{display:none}
@media(max-width:650px){main{padding:15px 12px 100px!important}.card{padding:17px!important}.tabs{display:none!important}
.lx-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#071a31f5;border-top:1px solid #2b4e6f;padding:7px 3px max(8px,env(safe-area-inset-bottom));gap:2px;backdrop-filter:blur(12px)}
.lx-nav button{flex:1;min-width:0;background:transparent!important;border:0!important;padding:7px 0!important;min-height:50px;font-size:10px!important;line-height:1.2}
.lx-nav button span{display:block;font-size:19px;margin-bottom:4px}
.lx-nav button.on{background:#123f77!important;border-radius:12px!important}
.lx-stat{flex:1;min-width:78px;padding:10px}.lx-stat b{font-size:21px}.lx-hero{padding:20px}.lx-grid{grid-template-columns:1fr 1fr;gap:9px}.lx-club{padding:13px}.lx-club h3{font-size:14px}
}
@media(max-width:390px){.lx-grid{grid-template-columns:1fr}}


/* Cohesive dark-navy treatment for all League XI views */
:root{--lx-bg:#061326;--lx-panel:#102b49;--lx-stroke:#2c5277;--lx-accent:#168cff;--lx-text:#eaf4ff}
header{display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #0002;position:relative;z-index:2}
header:after{content:"FOOTBALL MANAGEMENT";font-size:10px;letter-spacing:2px;color:#7ebfff;font-weight:750}
#app>.card:first-child{margin-top:16px!important}
.card>h2:first-child{padding-bottom:12px;border-bottom:1px solid #2b4c6b;margin-bottom:17px}
.card .entry strong{color:#f7fbff}
.card .entry{transition:background .15s ease}
.card .entry:hover{background:#1d416331}
.card form{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.card form input,.card form select,.card form textarea{width:100%;min-height:46px;padding:12px 14px;font:inherit}
.card form textarea{min-height:110px;resize:vertical}
.card form label{font-size:12px;font-weight:750;color:#b4d5f6;letter-spacing:.3px}
.card form button{align-self:flex-start}
.card .row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.muted{line-height:1.65}
#panel{animation:lx-fade .2s ease}
@keyframes lx-fade{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
#panel .card{overflow-wrap:anywhere}
#panel .card>button{margin:4px}
#panel .card .lx-chip{letter-spacing:.3px}
.lx-grid{align-items:stretch}
.lx-club{min-height:143px;position:relative;overflow:hidden}
.lx-club:before{content:"";position:absolute;width:110px;height:110px;right:-58px;top:-48px;border-radius:50%;background:#168cff15}
.lx-club h3{position:relative}
.lx-club .lx-metric{position:relative}
.lx-hero{position:relative;overflow:hidden}
.lx-hero:after{content:"XI";position:absolute;right:20px;top:-33px;font-size:170px;font-weight:1000;color:#ffffff0a;pointer-events:none}
.lx-hero>*{position:relative;z-index:1}
.lx-table tr:hover{background:#194369}
.lx-table th:first-child,.lx-table td:first-child{padding-left:19px}
.lx-table th:last-child,.lx-table td:last-child{padding-right:19px}
.lx-empty{line-height:1.7}
#feed .card{border-left:3px solid #168cff!important}
button:hover:not(:disabled){filter:brightness(1.12)}
button:active:not(:disabled){transform:translateY(1px)}
@media(min-width:651px){.tabs{display:flex!important;flex-wrap:wrap;margin-bottom:18px}.tabs button{flex:1}.card form{max-width:650px}}
@media(max-width:650px){
header{padding:14px 15px!important;font-size:19px!important}
header:after{font-size:8px;letter-spacing:1px}
#app>.card:first-child .row{align-items:flex-start}
.card form button{width:100%;align-self:stretch}
.lx-nav{overflow-x:auto;scrollbar-width:none;justify-content:space-around}
.lx-nav::-webkit-scrollbar{display:none}
.lx-nav button{font-size:9px!important;flex:1 0 12%;letter-spacing:-.3px}
.lx-nav button span{font-size:17px}
.lx-hero:after{font-size:115px;right:4px;top:-15px}
.lx-stats{gap:7px}
}
@media(prefers-reduced-motion:reduce){#panel{animation:none}.card .entry{transition:none}}


.lx-club-head{display:flex;align-items:center;gap:13px;margin-bottom:17px;min-height:65px}.lx-club-head h3{margin:0!important;line-height:1.2}.lx-crest{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f5faff,#b6d7f6);border:1px solid #ffffff6b;box-shadow:0 6px 20px #0005;overflow:hidden}.lx-crest img{max-width:76%;max-height:76%;object-fit:contain}.lx-crest span{font-size:17px;color:#103252;font-weight:950;letter-spacing:-1px}.lx-club{transition:transform .2s,border-color .2s,box-shadow .2s}.lx-club:hover{transform:translateY(-3px);border-color:#51a6ff;box-shadow:0 14px 34px #0006}.lx-club-rank{font-size:11px;font-weight:800;letter-spacing:1px;color:#8fc6ff;text-transform:uppercase}.lx-table td{vertical-align:middle}.lx-table tbody tr:first-child{background:linear-gradient(90deg,#0d534d,#102b49)!important}.lx-standing-club{display:flex;align-items:center;gap:10px;min-width:175px;font-weight:800}.lx-standing-club .lx-crest{width:36px;height:36px;flex-basis:36px;border-radius:10px}.lx-standing-club .lx-crest span{font-size:12px}.lx-rank{font-weight:900;color:#b9d7f4}.lx-rank.top{color:#f9d479}.lx-points{font-weight:900;color:#fff;font-size:18px}.lx-standing-table th:nth-child(n+3),.lx-standing-table td:nth-child(n+3){text-align:center}.lx-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.lx-standing-table{width:100%;min-width:490px}.lx-club-sub{font-size:12px;color:#a9c8e7;margin-top:5px}@media(max-width:650px){.lx-crest{width:48px;height:48px;flex-basis:48px}.lx-club-head{gap:9px}.lx-club-head h3{font-size:13px!important}.lx-club{min-height:195px}.lx-standing-club{min-width:155px}}

.lx-player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:18px}.lx-player-card{display:flex;gap:12px;align-items:center;padding:13px;background:#0a233e;border:1px solid #315577;border-radius:15px;min-width:0}.lx-player-photo{width:66px;height:72px;border-radius:12px;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#20619e,#081b33);display:grid;place-items:center;color:#eaf5ff;font-size:22px;font-weight:900;overflow:hidden}.lx-player-photo img{width:100%;height:100%;object-fit:cover}.lx-player-meta{min-width:0;flex:1}.lx-player-meta strong{display:block;line-height:1.25}.lx-player-meta small{color:#a9c5df}.lx-photo-upload{display:block;margin-top:7px;font-size:11px;color:#91caff;cursor:pointer}.lx-photo-upload input{display:none}.lx-player-meta .lx-photo-upload{font-weight:750}.lx-photo-status{font-size:11px;color:#b9d8f3}
.lx-player-price{display:flex;align-items:baseline;gap:6px;margin-top:7px;flex-wrap:wrap}.lx-player-price b{color:#79d5ff;font-size:18px;font-weight:900}.lx-player-price span{color:#a7c5e2;font-size:11px}.lx-player-card{border-color:#335b80;background:linear-gradient(135deg,#123354,#071c33)}.lx-player-photo{box-shadow:0 5px 15px #0005}
.lx-manager{display:flex;gap:14px;align-items:center;padding:14px;background:#091e35;border:1px solid #2e5478;border-radius:17px;margin:14px 0}.lx-manager-avatar{width:76px;height:76px;flex-shrink:0;border-radius:18px;background:linear-gradient(135deg,#1867a5,#091e35);display:grid;place-items:center;font-size:29px;overflow:hidden}.lx-manager-avatar img{width:100%;height:100%;object-fit:cover}.lx-manager b{display:block}.lx-manager label{color:#8fceff;font-size:12px;font-weight:800;cursor:pointer}.lx-manager label input{display:none}.lx-public-hero{padding:25px;background:linear-gradient(135deg,#103e74,#081c36);border:1px solid #3574b0;border-radius:24px;margin:18px 0}.lx-public-hero h1{margin:5px 0}.lx-public-badge{font-size:11px;letter-spacing:2px;color:#91ceff;font-weight:900}.lx-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.lx-public-grid .lx-club{min-height:110px}.lx-public-grid .lx-club-head{margin:0}
.lx-name-edit{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.lx-name-edit input{min-width:160px;max-width:260px}.lx-name-edit button{font-size:12px}.lx-promote{font-size:11px;padding:7px;margin-left:8px}
.lx-share-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.lx-share-actions button{font-size:12px;padding:9px 13px} .lx-news-feature{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:18px;margin:0 0 22px}.lx-article-body{white-space:pre-wrap;line-height:1.8;font-size:17px;overflow-wrap:anywhere}
body{background-image:linear-gradient(180deg,rgba(3,12,26,.88),rgba(3,12,26,.97)),url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?w=1800&q=80');background-size:cover;background-attachment:fixed;background-position:center}.lx-hero,.lx-public-hero{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(95deg,rgba(4,21,46,.92),rgba(5,34,69,.72)),url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=1400&q=80');background-position:center;background-size:cover}.lx-hero>* ,.lx-public-hero>*{position:relative;z-index:1}.card{backdrop-filter:blur(9px)}.lx-news-feature{width:100%;max-height:620px;object-fit:cover;border-radius:18px;margin-bottom:18px}@media(max-width:600px){body{background-attachment:scroll}.lx-hero,.lx-public-hero{background-position:center}}

/* Football-first visual language, with a distinct matchday atmosphere on every page */
.lx-club-open{cursor:pointer;outline-offset:4px}.lx-club-open:focus-visible{outline:3px solid #6bc6ff}.lx-club-open:after{content:"⚽";position:absolute;right:15px;bottom:13px;font-size:23px;opacity:.18;pointer-events:none}
.lx-club-open:hover,.lx-club-open:focus-visible{border-color:#7ed9ff;box-shadow:0 0 0 1px #7ed9ff,0 16px 34px #0008}
.lx-club-open [data-view-squad]{display:block;margin-top:15px;width:100%;background:linear-gradient(100deg,#1479e6,#095c8e)!important}
#panel .card{position:relative}
#panel .card>h2:first-child:before{content:"⚽";display:inline-block;margin-right:9px;filter:drop-shadow(0 2px 5px #0008)}
#panel .card:has(.lx-standing-table){background-image:linear-gradient(110deg,#102b49e8,#102b49ed),url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?w=1200&q=80')!important;background-size:cover!important;background-position:center!important}
#panel .card:has(#auction-create),#panel .card:has(.lx-player-list){background-image:linear-gradient(115deg,#102b49f2,#102b49e8),url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=1200&q=80')!important;background-size:cover!important;background-position:center!important}
#panel .card:has(#feed),#panel .card:has(.lx-news-feature){background-image:linear-gradient(125deg,#102b49ed,#102b49d9),url('https://images.unsplash.com/photo-1431324155629-1a6deb1dec8d?w=1200&q=80')!important;background-size:cover!important;background-position:center!important}
#panel .card:has(.lx-club-open){background-image:linear-gradient(125deg,#102b49f0,#102b49e8),url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?w=1200&q=80')!important;background-size:cover!important;background-position:center!important}
.lx-player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;margin-top:20px}
.lx-player-card{background:linear-gradient(160deg,#174e70e8,#091d35f5);border:1px solid #407c9b;border-radius:17px;padding:14px;display:flex;align-items:center;gap:12px;min-width:0}
.lx-player-photo{background:radial-gradient(circle at 50% 20%,#288fc4,#092e51);border:2px solid #5b9ec5;border-radius:13px;width:78px;min-width:78px;height:90px;display:grid;place-items:center;overflow:hidden;font-size:24px;font-weight:900;color:#e9f8ff;position:relative}
.lx-player-photo:has(img){background:#12314a}.lx-player-photo img{width:100%;height:100%;object-fit:cover}
.lx-player-meta{min-width:0}.lx-player-meta strong{display:block;overflow-wrap:anywhere;font-size:14px}.lx-player-meta small{color:#a7d4ee}.lx-player-price{color:#bde4ff}.lx-player-price b{color:#f4d77d}
.lx-club-head .lx-crest{box-shadow:0 0 0 3px #ffffff17,0 7px 20px #0008}
.tabs button[data-tab="Auction"]:before{content:"🔨 "}.tabs button[data-tab="Standings"]:before{content:"🏆 "}.tabs button[data-tab="News"]:before{content:"📰 "}.tabs button[data-tab="Transfers"]:before{content:"🔁 "}.tabs button[data-tab="My Club"]:before{content:"👕 "}.tabs button[data-tab="Clubs"]:before{content:"⚽ "}
@media(max-width:650px){.lx-player-list{grid-template-columns:1fr 1fr;gap:9px}.lx-player-card{flex-direction:column;align-items:stretch}.lx-player-photo{width:100%;height:124px}.lx-player-meta strong{font-size:13px}.lx-club-open [data-view-squad]{font-size:12px;padding:9px 5px!important}}
@media(max-width:390px){.lx-player-list{grid-template-columns:1fr}}

.lx-member-row{display:grid;grid-template-columns:2fr 1fr 1.5fr auto;gap:8px;align-items:center}.lx-member-row select{min-width:0}.lx-member-row [data-remove-user]{background:#80314b!important}@media(max-width:650px){.lx-member-row{grid-template-columns:1fr 1fr}.lx-member-row>div{grid-column:1/-1}.lx-member-row [data-remove-user]{grid-column:1/-1}}
.lx-tagline em{font-family:Georgia,serif;font-size:clamp(16px,2.3vw,23px);font-weight:400;letter-spacing:.3px;color:#d9e9ff}.lx-hero{background-image:linear-gradient(110deg,rgba(7,35,75,.97),rgba(6,29,61,.86)),url(https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format\26fit=crop\26w=1400\26q=80)!important;background-size:cover!important;background-position:center!important}
.lx-club>button[data-view-squad]{background:transparent!important;border:1px solid #497ca9!important;color:#e4f4ff!important;border-radius:10px!important;box-shadow:none!important;font-weight:600!important;padding:11px 14px!important}.lx-club>button[data-view-squad]:hover{background:#183e61!important}.lx-share-actions{display:flex;flex-wrap:wrap;gap:7px}.lx-share-actions button{background:transparent!important;color:#b7d6f2!important;border:1px solid #345779!important;border-radius:9px!important;font-size:12px!important;padding:8px 10px!important;box-shadow:none!important}.lx-reactions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.lx-reaction{border:1px solid #315577!important;border-radius:22px!important;background:#0b233b!important;color:#d8edff!important;padding:7px 12px!important;box-shadow:none!important}.lx-reaction.selected{border-color:#56baff!important;background:#19456b!important}.lx-reaction small{opacity:.8;margin-left:3px}.lx-club{transition:transform .15s,border-color .15s}.lx-club:active{transform:scale(.99)}
.lx-club-open>button[data-view-squad]{background:transparent;border:1px solid #376b99;color:#d8efff;padding:10px 15px;border-radius:11px;box-shadow:none;font-size:13px;font-weight:650}.lx-club-open>button[data-view-squad]:hover{background:#164269}.lx-reactions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.lx-reaction{background:#102d49;border:1px solid #36546d;color:#e9f5ff;padding:7px 12px;border-radius:20px;min-width:50px;box-shadow:none}.lx-reaction.selected{background:#235b87;border-color:#77b9ec}.lx-text-danger{background:transparent;color:#ffb6c1;border:1px solid #874657;box-shadow:none}
.lx-share-primary{background:#1575d8!important;color:#fff!important;border-radius:12px!important;padding:10px 20px!important}.lx-public-toggle{background:transparent!important;border:1px solid #41617c!important;color:#b8cde0!important;border-radius:12px!important;box-shadow:none!important}.lx-share-menu[hidden]{display:none!important}.lx-share-menu{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.lx-share-menu button{background:#102c49!important;color:#d5e8f7!important;border:1px solid #355d80!important;border-radius:12px!important;box-shadow:none!important}
.lx-match-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.lx-match-tabs button{background:#102d49;border:1px solid #345d7d;color:#cce3f5;border-radius:20px;padding:9px 14px;box-shadow:none}.lx-match-tabs button.on{background:#1974cf;color:white}.lx-fixture{border:1px solid #315778;border-radius:14px;padding:16px;margin:12px 0;background:#0a2742}.lx-fixture-date{font-size:12px;color:#9db9d3;margin-bottom:12px}.lx-fixture-teams{display:flex;align-items:center;justify-content:space-between;gap:12px}.lx-fixture-teams span{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.lx-fixture-teams span:last-child{justify-content:flex-end;text-align:right}.lx-fixture-teams b{white-space:nowrap}.lx-edit-match{margin-top:12px;background:transparent;border:1px solid #365f80;border-radius:10px;box-shadow:none}.lx-table-wrap{overflow-x:auto}

/* Match centre: compact mobile-first layout, isolated from other screens */
.lx-fixture{background:#0b253e!important;border:1px solid #2a4c6c!important;border-radius:13px!important;padding:11px 13px!important;margin:9px 0!important;box-shadow:none!important}
.lx-fixture-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a9c1d9;font-size:11px;font-weight:650;margin-bottom:7px}
.lx-fixture-status{font-size:9px;letter-spacing:.6px;color:#85c9ff;font-weight:800}
.lx-fixture-lines{display:flex;flex-direction:column}
.lx-fixture-line{display:flex;align-items:center;gap:10px;min-height:40px}
.lx-fixture-line+.lx-fixture-line{border-top:1px solid #28435b}
.lx-fixture-line .lx-crest{flex:0 0 31px!important;width:31px!important;height:31px!important;min-width:31px!important;border-radius:8px!important}
.lx-fixture-line .lx-crest img{width:100%!important;height:100%!important;object-fit:contain}
.lx-fixture-name{font-size:13px;font-weight:650;line-height:1.25;flex:1;min-width:0;overflow-wrap:anywhere;color:#f0f6ff}
.lx-fixture-score{font-size:17px;font-weight:850;min-width:22px;text-align:center;color:#fff}
.lx-fixture .lx-edit-match{display:block;margin:7px 0 0 auto!important;padding:5px 11px!important;min-height:31px!important;border-radius:8px!important;background:#173d60!important;border:1px solid #3b6384!important;color:#cde8ff!important;font-size:11px!important;box-shadow:none!important}
.lx-match-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;margin:12px 0!important}
.lx-match-tabs button{font-size:11px!important;min-width:0;padding:8px 4px!important;min-height:37px!important;white-space:normal}
#lx-match-view h3{font-size:14px!important;margin:19px 0 8px!important}
@media(max-width:650px){
 .lx-fixture{padding:9px 11px!important;margin:7px 0!important}
 .lx-fixture-line{min-height:37px}
 .lx-fixture-name{font-size:12px}
 .lx-fixture-line .lx-crest{flex-basis:28px!important;width:28px!important;height:28px!important;min-width:28px!important}
 .lx-fixture-score{font-size:16px}
 #lx-match-view{min-width:0}
 #lx-match-form .row{align-items:stretch;gap:8px}
 #lx-match-form .row label{min-width:0;flex:1}
}


.lx-table-guide{font-size:11px;color:#9bbbd7;margin:0 0 8px;text-align:right}
.lx-standing-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #315578;border-radius:12px;position:relative}
.lx-standings-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;table-layout:auto;color:#eaf4ff;font-variant-numeric:tabular-nums}
.lx-standings-table th{background:#113351;color:#b4cde6;font-size:11px;font-weight:800;padding:11px 9px;text-align:center;white-space:nowrap}
.lx-standings-table td{padding:10px 9px;text-align:center;font-size:13px;line-height:1.25;border-top:1px solid #284b6b;white-space:nowrap}
.lx-standings-table tr:nth-child(odd){--lx-row:#123351;background:var(--lx-row)}
.lx-standings-table tr:nth-child(even){--lx-row:#0c2946;background:var(--lx-row)}
.lx-standings-table .lx-rank-col{position:sticky;left:0;z-index:2;min-width:32px;width:32px;background:var(--lx-row,#113351)}
.lx-standings-table .lx-club-col{position:sticky;left:32px;z-index:2;text-align:left;background:var(--lx-row,#113351);min-width:170px;width:170px;max-width:170px;box-shadow:4px 0 7px #0002}
.lx-standings-table thead .lx-rank-col,.lx-standings-table thead .lx-club-col{z-index:3;background:#113351}
.lx-standing-club{display:flex;align-items:center;gap:8px;min-width:0}
.lx-standing-club .lx-crest{flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:7px!important}
.lx-standing-club .lx-crest img{height:100%!important;width:100%!important;object-fit:contain}
.lx-standing-club span:last-child{font-weight:650;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.lx-pts-col{font-weight:850;color:#a9e5ff}
.lx-form-list{display:flex;gap:4px;justify-content:center;align-items:center}
.lx-form-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:22px;height:22px;font-size:14px;font-weight:850;color:white}
.lx-form-W{background:#229e60}.lx-form-L{background:#d34a4a}.lx-form-D{background:#7d899c}.lx-form-empty{color:#8fa8c2}
@media(max-width:650px){
.lx-standings-table{width:max-content!important;min-width:100%!important;table-layout:auto!important}
.lx-standings-table th,.lx-standings-table td{padding:9px 8px!important;font-size:11px!important;vertical-align:middle}
.lx-standings-table .lx-rank-col{min-width:26px!important;width:26px!important;left:0}
.lx-standings-table .lx-club-col{left:26px!important;min-width:155px!important;width:155px!important;max-width:155px!important}
.lx-standing-club{gap:6px}
.lx-standing-club .lx-crest{flex-basis:25px!important;width:25px!important;height:25px!important;min-width:25px!important}
.lx-standing-club span:last-child{font-size:11px!important}
.lx-form-dot{width:20px;height:20px}
}

.lx-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.lx-analytics-metric{padding:13px;border:1px solid #345474;border-radius:12px;background:#0c2b47;display:flex;flex-direction:column;gap:5px}.lx-analytics-metric small{font-size:11px;color:#acc5df}.lx-analytics-metric strong{font-size:24px;color:#f4f9ff}.lx-analytics-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #35536d}.lx-analytics-refresh{margin-top:12px}@media(min-width:750px){.lx-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.og-auth{max-width:540px;margin:18px auto!important}.og-auth label,.og-wizard label{font-weight:650;font-size:13px;color:#c3dcf3}.og-auth input,.og-wizard input,.og-wizard select,.og-wizard textarea{margin:3px 0 13px}.og-auth form,.og-wizard form{display:flex;flex-direction:column;gap:5px}.og-google{width:100%}.og-divider{display:flex;align-items:center;gap:12px;color:#a9c3dd;margin:20px 0;font-size:12px}.og-divider:before,.og-divider:after{content:"";height:1px;background:#315371;flex:1}.og-auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.og-link{background:#102c49!important;border-color:#315371!important;color:#c4def8!important;font-size:13px!important;padding:8px 12px!important}.og-notice{min-height:1.4em;overflow-wrap:anywhere;margin:14px 0}.og-dashboard-actions{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.og-dashboard-actions button{flex:1;min-width:180px}.og-tournament{display:flex;align-items:center;justify-content:space-between;gap:18px}.og-tournament h2{margin:12px 0 6px!important;border:0!important;padding:0!important}.og-tournament p{margin-bottom:0}.og-account>span{min-width:0;overflow-wrap:anywhere}.og-wizard{margin-bottom:25px!important}.og-progress{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:20px 0}.og-progress li{border-top:3px solid #35516e;padding:9px 0;color:#a5bed5;font-size:12px;text-align:center}.og-progress li.og-current{color:#f2faff;border-color:#168cff}.og-wizard [data-og-step]{min-width:0}.og-wizard [hidden],#og-join-panel[hidden]{display:none!important}.og-wizard-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.og-review{margin:0}.og-review>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid #294969}.og-review dt{color:#a8c5e1}.og-review dd{margin:0;overflow-wrap:anywhere}.og-wizard textarea{min-height:95px}.og-hero{margin-bottom:20px!important}
@media(max-width:650px){.og-tournament{align-items:stretch;flex-direction:column}.og-tournament button{width:100%}.og-account{align-items:flex-start}.og-account button{white-space:nowrap}.og-progress li{font-size:10px}.og-review>div{grid-template-columns:105px minmax(0,1fr);gap:10px}.og-auth-links{align-items:stretch}.og-auth-links button{flex:1}.og-wizard-actions button{flex:1}.og-auth{max-width:100%}.og-wizard h2{font-size:17px!important}}
.lx-market-card{overflow:hidden}.lx-market-card .row{align-items:flex-start!important}.lx-market-player{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:18px;align-content:start;flex:1;min-width:0}.lx-market-player>.lx-market-portrait{grid-column:1;grid-row:1/5}.lx-market-player>:not(.lx-market-portrait){grid-column:2;min-width:0;overflow-wrap:anywhere}.lx-market-player h2{margin:10px 0 5px!important;padding:0!important;border:0!important}.lx-market-player>.lx-chip{justify-self:start;align-self:start}.lx-market-player>strong{align-self:end;font-size:19px}.lx-market-player>p{margin:6px 0}.lx-market-portrait{position:relative;width:112px;height:140px;overflow:hidden;flex:0 0 auto;border:1px solid #427ea2;border-radius:14px;background:radial-gradient(ellipse at top,#205d83,#081d35);display:grid;place-items:center}.lx-market-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#0a233d}.lx-market-photo-fallback{display:grid;gap:5px;text-align:center;padding:8px;color:#b5d7ed}.lx-market-photo-fallback b{font-size:26px}.lx-market-photo-fallback small{font-size:9px}.lx-market-photo-fallback[hidden]{display:none!important}.lx-market-selection{display:flex;align-items:center;gap:16px;margin:2px 0 12px;padding:12px;border:1px solid #315878;border-radius:13px;background:#0b263f;min-width:0}.lx-market-selection[hidden]{display:none!important}.lx-market-selection>span{min-width:0;overflow-wrap:anywhere}.lx-market-selection .lx-market-portrait{width:64px;height:80px}.lx-market-selection .lx-market-photo-fallback small{font-size:8px}
@media(max-width:650px){.lx-market-player{grid-template-columns:86px minmax(0,1fr);column-gap:12px}.lx-market-player>.lx-market-portrait{width:86px;height:110px}.lx-market-player h2{font-size:18px!important}.lx-market-player>strong{font-size:17px}.lx-market-player>p{font-size:11px}.lx-market-card .row>div:last-child:not(.lx-market-player){padding-top:12px}.lx-market-card form{max-width:100%}}
.og-sample-notice{padding:8px 12px;text-align:center;background:#153d35;color:#b4f3db;font-size:12px}
.og-admin>h2{margin:0 0 4px!important;font-size:20px!important}.og-admin>p{margin:0 0 15px}.og-admin-sections{display:grid;gap:9px;grid-template-columns:1fr}.og-admin-section{border:1px solid #315575;border-radius:14px;background:linear-gradient(135deg,#102e4c,#0a2038);min-width:0;overflow:hidden}.og-admin-section>summary{list-style:none;position:relative;cursor:pointer;padding:14px 44px 14px 16px;min-height:66px;display:flex;flex-direction:column;justify-content:center;gap:3px;user-select:none}.og-admin-section>summary::-webkit-details-marker{display:none}.og-admin-section>summary:after{content:"";position:absolute;right:19px;top:25px;width:8px;height:8px;border-right:2px solid #8dcaff;border-bottom:2px solid #8dcaff;transform:rotate(45deg);transition:transform .15s}.og-admin-section[open]>summary:after{transform:rotate(225deg);top:29px}.og-admin-section>summary:focus-visible{outline:2px solid #74b9ff;outline-offset:-3px}.og-admin-section>summary strong{font-size:14px;color:#eaf4ff}.og-admin-hint{font-size:11px;color:#a7c3dd}.og-admin-section[open]>summary{border-bottom:1px solid #315575;background:#123957}.og-admin-body{padding:4px 13px 13px;min-width:0}.og-admin-body>.card{margin:10px 0 0!important;padding:15px!important;box-shadow:none!important}.og-admin-body>.card>h2{font-size:16px!important}.og-admin-body .lx-member-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.5fr) auto}.og-admin-body .lx-member-row>div{min-width:0;overflow-wrap:anywhere}.og-admin-section[data-admin-group="danger"]{border-color:#713947}.og-admin-section[data-admin-group="danger"]>summary strong{color:#ffabb8}#app.og-admin-mode>.lx-hero{padding:14px 18px!important;margin:10px 0 15px!important;border-radius:17px}#app.og-admin-mode>.lx-hero h1{font-size:24px!important;margin:3px 0!important}#app.og-admin-mode>.lx-hero .lx-stats,#app.og-admin-mode>.lx-hero .lx-tagline,#app.og-admin-mode>.lx-hero .lx-eyebrow{display:none}#app.og-admin-mode>.lx-hero:after{font-size:80px;top:-20px}
@media(min-width:800px){.og-admin-sections{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.og-admin-section[open]{grid-column:1/-1}.og-admin-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.og-admin-section[data-admin-group="members"] .og-admin-body{display:block}}
@media(max-width:650px){.og-admin-section>summary{padding:11px 42px 11px 13px;min-height:61px}.og-admin-section>summary:after{top:21px}.og-admin-section[open]>summary:after{top:26px}.og-admin-hint{font-size:10px}.og-admin-body{padding:3px 9px 9px}.og-admin-body>.card{padding:12px!important}.og-admin-body .lx-member-row{grid-template-columns:1fr 1fr}#app.og-admin-mode>.lx-hero h1{font-size:21px!important}.og-admin-body .lx-member-row button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.og-admin-section>summary:after{transition:none}}
/* Small enhancements keep the established OG palette and original action controls. */
[hidden]{display:none!important}
.og-filter,.og-public-search{grid-column:1/-1;display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0 18px}
.og-filter label,.og-public-search label{flex:1;min-width:180px;display:grid;gap:7px;font-size:13px;font-weight:700;color:#c2d5e9}
.og-filter input,.og-public-search input{width:100%;min-height:44px;box-sizing:border-box;margin:0}
.og-filter>span{padding:0 0 12px;font-size:12px;white-space:nowrap}
.og-filter~.lx-empty{grid-column:1/-1}
.og-public-search{padding:16px;background:#10273e;border:1px solid #29435d;border-radius:16px}
.og-public-search p{margin:0 0 12px}
.og-public-squad{margin-top:14px;border-top:1px solid #29435d}
.og-public-squad summary{padding:15px 0;cursor:pointer;font-size:14px;font-weight:700;color:#c8e1f5;min-height:20px}
.og-public-squad[open] summary{color:#7bdcbb}
.lx-public-hero+.card .lx-standing-table{width:100%;min-width:0}
@media(max-width:650px){.lx-public-hero+.card .lx-standing-table th,.lx-public-hero+.card .lx-standing-table td{padding:10px 5px}.lx-public-hero+.card .lx-standing-club{gap:6px}.lx-public-hero+.card .lx-standing-club .lx-crest{width:25px;height:30px;min-width:25px}}
.og-boot-status{padding:24px 0;color:#c2d5e9}
.og-opening h1{overflow-wrap:anywhere}
.lx-nav button{min-height:48px}
.lx-nav button[aria-current="page"]{box-shadow:inset 0 3px #72dcb2}
@media(max-width:650px){.lx-nav button{font-size:10px!important;line-height:1.35;padding-left:1px;padding-right:1px}.og-filter{align-items:stretch;gap:6px}.og-filter>span{padding-bottom:0}.og-public-search{display:block}.og-public-search p{margin:10px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Compact, readable league actions. Kept in the integration layer so the
   20 original OG style blocks and existing click handlers are untouched. */
#app #panel button{
  font-size:13px;
  line-height:1.3;
  min-height:40px;
  max-width:100%;
  padding:8px 12px;
  border-radius:10px!important;
  white-space:normal;
  overflow-wrap:break-word;
}
/* The old mobile rule stretched every form submission to the full card. */
#app #panel .card form button{
  width:fit-content!important;
  max-width:100%;
  align-self:flex-start!important;
  flex:0 0 auto;
}
#app #panel .card>button{margin:2px 5px 2px 0}
#app #panel .lx-club-open [data-view-squad]{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  min-height:40px!important;
  margin-top:10px!important;
  padding:7px 12px!important;
  font-size:12px!important;
}
#app #panel .lx-share-actions button,
#app #panel .lx-share-menu button,
#app #panel .lx-reactions button{
  width:auto;
  min-height:40px;
  padding:7px 11px!important;
  font-size:12px!important;
}
#app #panel .lx-match-tabs button{
  min-height:40px!important;
  padding:7px 11px!important;
  font-size:12px!important;
}
@media(min-width:651px){
  #app .tabs{gap:6px!important;padding:7px!important}
  #app .tabs button{
    flex:0 0 auto!important;
    min-height:39px;
    padding:8px 12px;
    font-size:13px;
    line-height:1.25;
    border-radius:10px!important;
  }
}
@media(max-width:650px){
  #app #panel button{min-height:44px;padding:8px 11px;font-size:12px}
  #app #panel .card form button{width:fit-content!important;max-width:100%}
  #app #panel .lx-club-open [data-view-squad]{min-height:44px!important}
  #app #panel .lx-match-tabs{gap:6px}
  #app #panel .lx-match-tabs button{min-height:44px!important;padding:7px 8px!important}
  #app .lx-nav{gap:2px}
  #app .lx-nav button{
    min-height:46px!important;
    padding:5px 1px!important;
    font-size:10px!important;
    line-height:1.15;
  }
  #app .lx-nav button span{font-size:16px!important;margin-bottom:2px}
  #app .og-dashboard-actions{gap:8px}
  #app .og-dashboard-actions button{
    flex:1 1 140px;
    min-width:0;
    min-height:44px;
    padding:8px 10px;
    font-size:13px;
  }
  #app .og-tournament button{
    align-self:flex-start;
    width:fit-content;
    max-width:100%;
    min-height:44px;
    padding:8px 12px;
    font-size:13px;
  }
}


/* Universal tap feedback. Visual only: existing handlers and authorization stay intact. */
#app :is(button, input[type="button"], input[type="submit"], [role="button"], summary){
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:transform 100ms ease,filter 120ms ease,box-shadow 180ms ease;
}
#app :is(button, input[type="button"], input[type="submit"], [role="button"], summary):not(:disabled):is(:active,.lx-is-pressing){
  transform:scale(.965)!important;
  filter:brightness(1.32)!important;
  box-shadow:0 0 0 2px rgba(135,206,255,.65),inset 0 2px 7px rgba(0,0,0,.25)!important;
}
#app :is(button, input[type="button"], input[type="submit"], [role="button"], summary).lx-just-pressed{
  filter:brightness(1.24)!important;
  box-shadow:0 0 0 3px rgba(109,203,255,.46),0 0 17px rgba(35,145,255,.3)!important;
}
#app :is(button, input[type="button"], input[type="submit"], [role="button"], summary):focus-visible{
  outline:3px solid #93dcff!important;
  outline-offset:3px!important;
}
#app button.lx-is-working{
  cursor:progress!important;
  opacity:.94!important;
}
#app button.lx-is-working::after{
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  margin-left:8px;
  vertical-align:middle;
  border:2px solid rgba(235,246,255,.38);
  border-top-color:#fff;
  border-radius:50%;
  animation:lx-button-spin 650ms linear infinite;
}
@keyframes lx-button-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  #app :is(button, input[type="button"], input[type="submit"], [role="button"], summary){transition:none!important}
  #app button.lx-is-working::after{animation:none;border-top-color:#fff}
}