:root{--bg:#06100d;--bg2:#0a1c16;--card:#10251d;--card2:#153126;--line:#21483a;--text:#f3fff9;--muted:#94b1a5;--accent:#70ffad;--gold:#ffd76b;--danger:#ff6678;--blue:#7ed9ff}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -10%,#1a523b 0,#07140f 35%,#06100d 75%);min-height:100vh}
button,input,select{font:inherit}.app{max-width:650px;margin:auto;min-height:100vh;padding-bottom:25px}
header{padding:calc(16px + env(safe-area-inset-top)) 16px 11px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--accent);font-weight:900}h1{margin:2px 0 0;font-size:30px;letter-spacing:-1.7px}.header-right{text-align:right}.header-right>b{display:block;color:var(--gold);font-size:17px;margin-top:3px}.status{font-size:9px;padding:4px 7px;border-radius:99px;background:#22352f;color:var(--muted);font-weight:900}.status.online{background:#153a28;color:var(--accent)}
nav{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:0 10px 11px;position:sticky;top:0;z-index:50;background:#06100de8;backdrop-filter:blur(14px)}nav button{border:1px solid var(--line);background:#0b1a15;color:#88a89a;padding:9px 2px;border-radius:10px;font-size:9px;font-weight:900}nav button.active{background:var(--accent);border-color:var(--accent);color:#04120c}
main{padding:0 12px}.panel{display:none}.panel.active{display:block}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px}.metric{background:linear-gradient(145deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:11px}.metric small{display:block;color:var(--muted);font-size:8px;font-weight:800}.metric strong{font-size:15px;color:var(--gold)}
h2{font-size:15px;margin:14px 0 9px}.section-head,.live-head{display:flex;align-items:center;justify-content:space-between}.ghost,.primary,.danger{border-radius:10px;padding:9px 11px;font-size:10px;font-weight:900;border:1px solid var(--line);cursor:pointer}.ghost{background:#10241d;color:var(--text)}.primary{background:var(--accent);border-color:var(--accent);color:#04110c}.danger{background:var(--danger);border-color:var(--danger);color:#1d070a}.hidden{display:none!important}
.pitch{min-height:520px;border:1px solid #31735a;border-radius:25px;overflow:hidden;padding:25px 5px 17px;display:flex;flex-direction:column;justify-content:space-around;background:repeating-linear-gradient(0deg,#105b39 0 52px,#0d5133 52px 104px);position:relative}.pitch:before{content:"";position:absolute;inset:4% 5%;border:2px solid #ffffff21;border-radius:2px}.pitch:after{content:"";position:absolute;width:150px;height:150px;border:2px solid #ffffff21;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.line{display:flex;justify-content:space-evenly;gap:3px;z-index:2}.player-tile{width:76px;text-align:center;position:relative;cursor:pointer}.avatar{width:50px;height:58px;margin:auto;border-radius:15px 15px 7px 7px;overflow:hidden;background:linear-gradient(145deg,#ddfff0,var(--accent));box-shadow:0 7px 15px #0006;position:relative}.avatar img{width:100%;height:100%;object-fit:cover;object-position:top center}.avatar .fallback{height:100%;display:grid;place-items:center;color:#062116;font-weight:900}.player-name{margin-top:3px;padding:3px;background:#04100ddd;border-radius:5px;font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-sub{font-size:8px;color:var(--gold);margin-top:2px}.badge{position:absolute;right:8px;top:-5px;z-index:3;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:1000;color:#101004}.capt{background:var(--gold)}.vice{background:var(--blue)}.bench{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.bench .player-tile{width:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 2px}.legend{display:flex;gap:14px;color:var(--muted);font-size:9px;margin:12px 2px}.legend i{display:inline-grid;width:17px;height:17px;border-radius:50%;place-items:center;font-style:normal;color:#07110d;font-weight:900}
.sticky-tools{position:sticky;top:48px;background:#06100df2;z-index:20;padding:5px 0 8px}.budget-bar{display:flex;justify-content:space-between;background:var(--card);border:1px solid var(--line);padding:10px;border-radius:12px;font-size:11px}.budget-bar b{color:var(--gold)}.filters{display:grid;grid-template-columns:2fr 1fr 1.25fr;gap:6px;margin-top:6px}input,select{width:100%;background:#0d2019;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:11px;outline:none}input:focus,select:focus{border-color:var(--accent)}.market{display:grid;gap:6px}.market-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:9px;align-items:center;background:var(--card);border:1px solid var(--line);padding:8px;border-radius:13px}.market-row img,.mini-avatar{width:45px;height:52px;object-fit:cover;object-position:top;border-radius:9px;background:#193329}.market-row h3{font-size:11px;margin:0}.market-row small{font-size:9px;color:var(--muted)}.price{color:var(--gold);font-weight:900;font-size:11px}.add{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#153427;color:var(--accent);font-size:18px;font-weight:900}.add.remove{color:var(--danger);background:#361920}
.fixtures{display:flex;overflow:auto;gap:7px;padding-bottom:6px}.fixture{min-width:138px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px;font-size:9px}.fixture b{font-size:12px}.fixture .score{color:var(--gold);font-size:16px;font-weight:1000}.sub-console,.card{background:linear-gradient(145deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:15px;padding:12px;margin:8px 0}.sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sub-grid label{font-size:9px;color:var(--muted)}.sub-grid .danger{align-self:end;height:38px}.micro{font-size:9px;line-height:1.45;color:var(--muted)}.live-list,.history{display:grid;gap:7px}.live-row,.history-row{display:grid;grid-template-columns:47px 1fr auto;gap:9px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:8px}.live-row h3{margin:0;font-size:11px}.chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.chip{font-size:8px;border-radius:99px;background:#18392c;color:#bce2d2;padding:3px 6px}.live-points{font-size:17px;color:var(--gold);font-weight:1000}.history-row{grid-template-columns:1fr auto;font-size:10px}.history-row small{color:var(--muted)}
.transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.transfer-grid button{grid-column:1/-1}.intro p,.account-card p,.data-card p{font-size:10px;color:var(--muted);line-height:1.55}.league-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.league-actions .card{display:flex;flex-direction:column;gap:7px}.league-actions h2{margin:0}.league{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:8px 0;overflow:hidden}.league-head{display:flex;justify-content:space-between;padding:11px;background:#153125}.league-code{color:var(--gold);font-weight:900}.standing{display:grid;grid-template-columns:25px 1fr auto;gap:7px;padding:9px 11px;border-top:1px solid #1d3d31;font-size:10px}.standing strong{color:var(--gold)}.account-card{text-align:center;max-width:430px;margin:15px auto}.account-card input{margin:5px 0}.lock{width:52px;height:52px;border-radius:50%;background:#17392b;margin:4px auto;display:grid;place-items:center;font-size:24px;color:var(--accent)}.row{display:flex;gap:7px}.row>*{flex:1}.data-card{margin-top:12px}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(100px);z-index:999;background:#f0fff7;color:#07140e;padding:10px 14px;border-radius:10px;font-size:11px;font-weight:800;transition:.25s;max-width:90%;text-align:center}#toast.show{transform:translateX(-50%) translateY(0)}#toast.bad{background:#ffd9df;color:#3a0810}
@media(max-width:430px){.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.league-actions{grid-template-columns:1fr}.player-tile{width:66px}.avatar{width:44px;height:53px}.sub-grid{grid-template-columns:1fr}.market-row{grid-template-columns:43px 1fr auto auto}nav button{font-size:8px;padding:8px 0}}

.role-actions{display:flex;justify-content:center;gap:3px;margin-top:3px}.role-actions button{width:22px;height:20px;border:1px solid #315b49;border-radius:6px;background:#0b1c16;color:#d9f5e8;font-size:9px;font-weight:900;padding:0}.role-actions button:first-child{color:var(--gold)}.role-actions button:last-child{color:var(--blue)}