/* ===== Notifications, achievement collecting, ranked Hidden Eleven ===== */
/* Bell */
.bell{position:relative}
.bell .nbc{position:absolute;top:-5px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--r);color:#fff;font:700 .72rem/19px "Barlow",sans-serif;text-align:center;box-shadow:0 0 0 2px var(--card)}
.bell.glow{box-shadow:0 0 0 3px color-mix(in srgb,var(--y) 70%,transparent);animation:bellpulse 2.2s ease-in-out infinite}
@keyframes bellpulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--y) 70%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--y) 20%,transparent)}}

/* Panel */
.nov{position:fixed;inset:0;z-index:70;background:rgba(4,18,11,.35)}
.npanel{position:fixed;top:68px;right:max(16px,calc(50vw - 540px));width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 90px);overflow:auto;margin:0;padding:16px 16px 8px;box-shadow:0 18px 50px -12px rgba(0,0,0,.45)}
.nhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.nhead h2{margin:0}
.ntabs{gap:6px;margin-bottom:8px}.ntabs .b{font-size:.9rem;padding:5px 10px}
.nbadge{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--r);color:#fff;font-size:.75rem;line-height:18px;text-align:center}
.natt{margin:4px 0 8px;font-size:.92rem;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--y) 18%,transparent)}
.nlist{list-style:none;margin:0;padding:0}
.nlist li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px 8px;border-bottom:1px solid var(--line);border-left:4px solid transparent;border-radius:6px}
.nlist li.unread{background:color-mix(in srgb,var(--g) 7%,transparent)}
.nlist li.wait{border-left-color:var(--y)}
.nic{font-size:1.6rem;line-height:1;grid-row:span 2}
.ntx{display:grid;gap:2px;min-width:0}.ntx span{overflow-wrap:anywhere}
.nact{grid-column:2;display:flex;gap:8px;align-items:center}.nst{font-weight:600;font-size:.9rem}
.nlist li{transition:opacity .25s,transform .25s}.nlist li.gone{opacity:0;transform:translateX(24px)}
.nempty{padding:20px 8px;text-align:center}
@media(max-width:720px){.npanel{top:8px;left:8px;right:8px;width:auto;max-height:calc(100vh - 96px)}}

/* Earn-time nudge is clickable */
button.achpop{cursor:pointer;text-align:left;font:inherit;color:inherit}
.achpop .apt{display:grid}

/* Profile: achievements waiting to be collected */
.colbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:2px solid var(--y);box-shadow:0 0 24px -8px var(--y)}
.colbar .ai{font-size:2rem}.colbar>div{display:grid;flex:1;min-width:160px}.colbar small{color:var(--mut)}
.at.new{position:relative;animation:atglow 1.8s ease-in-out infinite}
@keyframes atglow{0%,100%{box-shadow:0 0 0 2px var(--rc),0 0 14px -4px var(--rc)}50%{box-shadow:0 0 0 3px var(--rc),0 0 26px 0 var(--rc)}}
.at .nw{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--y);color:#0b2418;font:700 .72rem/1 "Barlow",sans-serif;padding:4px 8px;border-radius:99px;white-space:nowrap;letter-spacing:.02em}
.teams2{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.teams2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Celebration pop-up: rotating light behind the badge + confetti */
.cel{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(4,18,11,.72);animation:celfade .25s ease}
.cel.common{--rc:#c8793b}.cel.rare{--rc:#9aa6b6}.cel.epic{--rc:#f2b620}.cel.legendary{--rc:#3fc8ea}
.celin{position:relative;overflow:hidden;width:min(430px,100%);max-height:calc(100vh - 32px);overflow-y:auto;border-radius:26px;background:var(--card);border:3px solid var(--rc);box-shadow:0 0 70px -10px var(--rc);animation:celpop .45s cubic-bezier(.2,1.5,.4,1)}
.rays{position:absolute;left:50%;top:118px;width:760px;height:760px;margin:-380px 0 0 -380px;border-radius:50%;pointer-events:none;
 background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 55%,transparent) 0deg 9deg,transparent 9deg 22deg);
 -webkit-mask:radial-gradient(circle,#000 8%,rgba(0,0,0,.6) 28%,transparent 55%);mask:radial-gradient(circle,#000 8%,rgba(0,0,0,.6) 28%,transparent 55%);
 animation:raysspin 12s linear infinite}
.celc{position:relative;text-align:center;padding:26px 22px 18px}
.celc h2{margin:.2em 0 .1em;font-size:2rem}
.celi{width:128px;height:128px;margin:14px auto 6px;display:grid;place-items:center;font-size:4.6rem;line-height:1;border-radius:50%;
 background:radial-gradient(circle,#fff 0 38%,color-mix(in srgb,var(--rc) 45%,#fff) 60%,transparent 71%);filter:drop-shadow(0 0 18px var(--rc));animation:celicon .8s cubic-bezier(.2,1.6,.4,1)}
.celk{display:inline-block;margin:6px 0 14px;padding:7px 18px;border-radius:99px;background:var(--y);color:#0b2418;font:800 1.35rem "Barlow Condensed",sans-serif;letter-spacing:.03em;box-shadow:0 0 0 4px color-mix(in srgb,var(--y) 30%,transparent)}
.celc .actions{justify-content:center;flex-wrap:wrap}
@keyframes raysspin{to{transform:rotate(360deg)}}
@keyframes celfade{from{opacity:0}}
@keyframes celpop{from{transform:scale(.7);opacity:0}}
@keyframes celicon{0%{transform:scale(.2) rotate(-25deg)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.rays,.celin,.celi,.cel,.at.new,.bell.glow{animation:none}}

/* Matchday rewards */
.glist li{flex-wrap:wrap}
.rwd{font-size:.85rem;font-weight:700;padding:2px 9px;border-radius:99px;border:1px solid var(--line);white-space:nowrap}
.rwd.ok{border-color:transparent;background:color-mix(in srgb,var(--g) 15%,transparent)}
.gnote{font-size:.9rem;margin:8px 0 0}

/* Ranked Hidden Eleven */
.h11hero{background:linear-gradient(135deg,#0b3d2e,#0e7c7b 55%,#5b2a86)}
.h11top{display:grid;gap:14px}@media(min-width:860px){.h11top{grid-template-columns:1.4fr 1fr}}
.h11me{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0}
.oi{display:grid;gap:2px;min-width:0;flex:1}.oi b{font-size:1.15rem;overflow-wrap:anywhere}.oi small{color:var(--mut)}
.rts{display:flex;gap:18px}.rts div{display:grid;text-align:center}.rts small{color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.rts b{font:800 1.6rem "Barlow Condensed",sans-serif}
.h11att{margin:0}.h11att>small{color:var(--mut);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}
.swords{display:flex;gap:6px;font-size:1.8rem;margin:4px 0}.swords span{filter:grayscale(1);opacity:.25}.swords span.on{filter:none;opacity:1}
.warn{border:2px solid var(--y)}
.opps{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.ocard{display:grid;grid-template-columns:auto 1fr auto;gap:10px 12px;align-items:center;margin:0}
.ocard .odelta{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem;font-weight:600}
.ocard>button{grid-column:1/-1}
.orat{display:grid;text-align:center}.orat b{font:800 1.5rem "Barlow Condensed",sans-serif}.orat small{color:var(--mut);font-size:.75rem}
.cpu{display:inline-block;font:700 .7rem/1 "Barlow",sans-serif;letter-spacing:.06em;padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--mut) 25%,transparent);color:var(--ink);vertical-align:middle}
.rr{margin:10px 0 0}
.h11t{width:100%}.h11t td,.h11t th{vertical-align:middle}.h11t tr.me td{background:color-mix(in srgb,var(--y) 22%,transparent);font-weight:600}
.lc{display:inline-flex;align-items:center;gap:8px}
.rk{margin:0 0 8px}
.h11end.win{border:2px solid var(--g);box-shadow:0 0 30px -10px var(--g)}.h11end.loss{border:2px solid var(--r)}
.rtchg{font-size:1.2rem}

/* Players page: filters and team-only admin tools */
.pflt{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}.pflt input#q{flex:1 1 220px;margin:0}.pflt select{width:auto;margin:0}
.chk{display:inline-flex;gap:8px;align-items:center;font-weight:600;margin:6px 0;cursor:pointer}.chk input{width:auto;margin:0}
.admbar{border:2px dashed color-mix(in srgb,var(--g) 55%,var(--line));display:grid;gap:8px}
.admt{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.admb{display:flex;gap:8px;flex-wrap:wrap}.admh{margin:0;font-size:.88rem}
.pact{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.pact .ist{flex-basis:100%;font-weight:600;font-size:.9rem}.pact .ist:empty{display:none}
.pcard.on{outline:2px dashed var(--g);outline-offset:3px;background:color-mix(in srgb,var(--g) 8%,var(--card))}
/* Editor */
.ped{max-height:calc(100vh - 32px);overflow:auto}
.pedh{display:flex;justify-content:space-between;align-items:center;gap:10px}.pedh h2{margin:0}
.pimg{display:flex;gap:14px;align-items:center;margin:12px 0;flex-wrap:wrap}.pimg>div{display:grid;gap:4px;flex:1;min-width:200px}.pimg input[type=file]{margin:0}
.pgrid{display:grid;gap:4px 14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pgrid input,.pgrid select{width:100%}
.pnums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.clues{border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:12px 0}.clues legend{font-weight:700;padding:0 6px}
.clue{display:grid;grid-template-columns:110px 1fr auto;gap:8px;align-items:start;margin-bottom:8px}.clue select,.clue textarea{margin:0;width:100%}
@media(max-width:560px){.clue{grid-template-columns:1fr auto}.clue select{grid-column:1/-1}}
.hlist{list-style:none;margin:0 0 10px;padding:0}.hlist li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.hlist li span{display:grid}
.ped textarea{display:block;width:100%;box-sizing:border-box;font:inherit;line-height:1.4;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);resize:vertical;margin:4px 0 10px}
.ped textarea:focus{outline:3px solid var(--y);outline-offset:1px}
.clue textarea{margin:0}

/* Header: Kicks · level · day streak · notifications grouped in one strip; theme lives on the Profile */
.bar .hstats{margin-left:auto;display:flex;align-items:center;gap:6px}
.bar .hstats:has(>:not([hidden])){padding:4px 5px;border:1px solid var(--line);border-radius:999px;background:var(--card);box-shadow:0 4px 14px -10px rgba(0,0,0,.35)}
.bar .hstats>*{margin:0!important}
.bar #auth{margin-left:0}
.hstats .kicks{box-shadow:none;padding:4px 12px}
.hstats .streak{border:0;background:color-mix(in srgb,var(--r) 14%,transparent)}
.hstats .bell{width:34px;height:34px;border:0;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.thc .chips{gap:8px}
@media(max-width:720px){
 .bar .hstats{order:3;flex-basis:100%;margin-left:0;justify-content:space-between}
 .bar #auth{margin-left:auto}
}

/* Hidden Eleven v2: tabs, form, divisions, streaks, season, scouting, styles, replays, friendlies */
.h11tabs{margin:18px 0 10px;gap:6px}.h11tabs .b{font-size:.95rem}
.form{display:inline-flex;gap:3px;vertical-align:middle}.form i{font:700 .7rem/18px "Barlow",sans-serif;font-style:normal;width:18px;height:18px;border-radius:5px;text-align:center;color:#fff}
.form .fW{background:#1f9d55}.form .fD{background:#8a94a0}.form .fL{background:#d64545}
.divb{display:inline-flex;gap:4px;align-items:center;font:700 .78rem/1 "Barlow",sans-serif;padding:4px 8px;border-radius:99px;background:color-mix(in srgb,var(--g) 14%,transparent);white-space:nowrap}
.divb.d-elite{background:color-mix(in srgb,#B76EFF 22%,transparent)}.divb.d-top{background:color-mix(in srgb,#F5C542 30%,transparent)}
.divb.d-div1{background:color-mix(in srgb,#F5C542 18%,transparent)}.divb.d-div2{background:color-mix(in srgb,#9aa7b4 25%,transparent)}
.divb.d-div3{background:color-mix(in srgb,#cd7f32 22%,transparent)}.divb.d-sunday,.divb.d-amateur{background:color-mix(in srgb,var(--g) 12%,transparent)}
.stk{font:700 .78rem/1 "Barlow",sans-serif;padding:3px 7px;border-radius:99px;background:color-mix(in srgb,var(--r) 15%,transparent);white-space:nowrap}
.mform{flex-basis:100%;display:flex;gap:8px;align-items:center}
.seas{display:grid;gap:8px}.seash{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.seas p{margin:0}
.seasp{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.seasp .pbar{margin:0}
@media(max-width:560px){.seasp{grid-template-columns:1fr}}
.ometa{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.ocard .sc-b{grid-column:1/-1}
.scr{grid-column:1/-1;display:grid;gap:6px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--y) 14%,transparent)}
.scp{display:flex;gap:8px;flex-wrap:wrap}.scp span{display:inline-flex;gap:6px;align-items:center;font-size:.88rem}
.styles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:12px}
.stc{display:grid;gap:4px;text-align:left;cursor:pointer;margin:0;border:2px solid var(--line);font:inherit;color:inherit}
.stc.on{border-color:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 25%,transparent)}.stc .sti{font-size:1.6rem}.stc small{color:var(--mut)}
.dteam{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.h11t td.acts{white-space:nowrap}.h11t td.acts .b{margin:2px}
.divl{list-style:none;margin:0 0 10px;padding:0}.divl li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--line)}
.divl li.me{background:color-mix(in srgb,var(--y) 20%,transparent);border-radius:8px}
.frf{display:grid;gap:6px}.frr{display:flex;gap:8px;flex-wrap:wrap}.frr input{flex:1 1 200px;margin:0}
.chin{border:2px solid var(--y)}
.rpl{max-height:calc(100vh - 32px);overflow:auto}.rph h2{margin:.3em 0}.rpr{margin:.4em 0}
.rpl .actions{justify-content:center;flex-wrap:wrap}
/* Pop-ups sit above the phone's bottom navigation (it used to cover their buttons) */
.ov{z-index:65}
/* Contact page */
.ctch h1{margin-bottom:.15em}
.ctg{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start;margin-top:14px}
.ctg>.card{margin:0}
@media(max-width:820px){.ctg{grid-template-columns:1fr}}
.ctt{border:0;padding:0;margin:0 0 4px;min-width:0}.ctt legend{font-weight:700;padding:0;margin-bottom:8px}
.ctt .chips button{font-size:.95rem;padding:7px 12px}
.ctt .hint{margin:10px 0 2px}
.ctrow{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}@media(max-width:560px){.ctrow{grid-template-columns:1fr}}
.ctf input{width:100%}
.ctf textarea{display:block;width:100%;font:inherit;line-height:1.5;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);resize:vertical;min-height:160px}
.ctf textarea:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.ctmeta{display:flex;justify-content:flex-end;margin-top:4px}.ctmeta .no{color:var(--r)}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ctgo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ctside h3{margin-top:0}
.ctq{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:14px}.ctq li{display:flex;gap:10px}
.ctq li>span{font-size:1.35rem;line-height:1.3}.ctq b{display:block}.ctq div span{color:var(--mut);font-size:.95rem}
.ctok{text-align:center;max-width:560px;margin:30px auto}.ctoki{font-size:3rem;line-height:1}.ctok h2{margin:.3em 0}.ctok h2:focus{outline:none}
.hlpc{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hlpc h3{margin:0}.hlpc p{margin:.2em 0 0}
/* Team inbox */
.admlinks{display:flex;gap:8px;flex-wrap:wrap}
.ibd p{margin:0 0 8px}.ibd.on{border-color:var(--g)}.ibd .err:empty{display:none}
.ibd code{font-size:.9em;background:color-mix(in srgb,var(--y) 28%,transparent);padding:0 5px;border-radius:5px;overflow-wrap:anywhere}
.ibtabs{margin:12px 0 4px}.ibn{opacity:.6}
.ibm{padding:0;margin:10px 0}
.ibm summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:12px minmax(0,1fr);gap:4px 10px;padding:14px 16px;align-items:center;border-radius:20px}
.ibm summary::-webkit-details-marker{display:none}
.ibm summary:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.ibdot{width:10px;height:10px;border-radius:50%;grid-row:span 2;align-self:start;margin-top:8px}
.ibm.new .ibdot{background:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 25%,transparent)}
.ibw{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;min-width:0}.ibw b{overflow-wrap:anywhere}.ibw small{margin-left:auto;white-space:nowrap}
.ibm:not(.new) .ibw b{font-weight:600}
.ibrp{font-size:.8rem;color:var(--g);font-weight:700}
.ibt{display:flex;gap:8px;align-items:center;min-width:0}.ibt .tag{flex:none;font-size:.8rem}
.ibsn{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:.95rem}
.ibm[open] .ibsn{display:none}
.ibb{padding:0 16px 16px 38px}@media(max-width:560px){.ibb{padding-left:16px}}
.ibmeta{margin:0 0 10px;font-size:.9rem;overflow-wrap:anywhere}
.ibmsg{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border-radius:12px;padding:12px 14px;margin:0 0 10px}
.ibes{font-size:.9rem;margin:0 0 12px}.ibes.failed{color:var(--r)}
.ibact{display:flex;gap:8px;flex-wrap:wrap}.ibact a.b{text-decoration:none;display:inline-block}
.ibact .ibdel{color:var(--r)}
.ctq a,.ibmeta a{color:var(--g)}
.ibsn{font-weight:400}
.ibtabs .b{font-size:.98rem;padding:7px 14px}
.ctl{margin-top:0}.ctf select{width:100%}
/* Home: compact hero */
.hero.hsm{padding:20px 22px}
.hero.hsm h1{font-size:clamp(1.9rem,5.4vw,3.1rem);margin:.1em 0 .4em;max-width:15em}
.hero.hsm::after{width:200px;height:200px;right:-60px;top:-70px}
.hbtns{display:flex;gap:10px;flex-wrap:wrap}
.hsign{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.hsign p{margin:0;color:rgba(255,255,255,.88);font-size:1rem;max-width:30em}
.hero button.hsu{background:var(--y);color:#0b2418;box-shadow:none}
.hero button.hsi{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);box-shadow:none}
@media(max-width:560px){.hero.hsm .hbtns .b{flex:1 1 0;font-size:.95rem;padding:10px 8px;letter-spacing:.02em}.hsign p{font-size:.95rem}}
/* Quote of the day: likes */
.qlk{display:flex;align-items:center;gap:10px;margin-top:12px;padding-left:110px;flex-wrap:wrap}
@media(max-width:520px){.qlk{padding-left:0}}
.qlike{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:6px 14px 6px 10px;font:700 1rem "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .15s}
.qlike:hover{border-color:#E5484D}
.qlike svg{width:20px;height:20px;overflow:visible}
.qlike path{fill:transparent;stroke:var(--mut);stroke-width:1.8;stroke-linejoin:round}
.qlike.on{border-color:#E5484D;color:#E5484D}.qlike.on path{fill:#E5484D;stroke:#B4232A}
.qlike .qn{color:var(--mut);font-weight:600}
.qlike.pop svg{animation:qlpop .45s ease}
@keyframes qlpop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.qlike.pop svg{animation:none}}
/* Disclaimer */
.legal{max-width:780px}.legal .lead{font-size:1.15rem;font-weight:600;margin-top:0}
.legal h2{font-size:1.3rem;margin:1.2em 0 .3em}.legal p{margin:.3em 0 .8em}
.legal a.b{text-decoration:none;display:inline-block}
.fan a{color:inherit}
@media(max-width:560px){.hsign{flex-direction:column;align-items:stretch}.hsign .hbtns{width:100%}.hero.hsm .hbtns .b{white-space:nowrap}}
@media(max-width:400px){.hero.hsm .hbtns .b{font-size:.9rem;padding:10px 6px;letter-spacing:.01em}}
.bub .qctx{display:block;font-size:.85rem;font-weight:500;margin-top:2px}.bub .qctx a{color:var(--g)}
/* Profile > Settings > Account */
.acc h3{margin-top:0}
.accrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.accrow:first-of-type{border-top:0}
.accrow>div{min-width:0}.accrow small{display:block}.accrow b{display:block;overflow-wrap:anywhere}
.accd input{width:100%}
.cwel h2{margin:.3em 0 .2em}
.crestgrid.sm{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));max-height:200px;overflow-y:auto;padding:2px}
/* Home hero line */
.hero.hsm h1 .hl{color:var(--y)}
/* Games: menu with a hover list, and the Games page */
#nav{overflow:visible;flex-wrap:wrap}
.navdd{position:relative;flex:none;display:flex}
.gplay{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--y);color:#0b2418;font-size:.55rem;margin-left:3px;padding-left:2px;vertical-align:1px;line-height:1}
.ddm{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:250px;padding:8px;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);z-index:40}
.ddm::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.navdd:hover .ddm,.navdd:focus-within .ddm{display:block}
#nav .ddm button,.ddsoon{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border-radius:12px;padding:8px 10px;text-transform:none;letter-spacing:0;color:var(--ink);white-space:normal}
#nav .ddm button:hover,#nav .ddm button.on{background:color-mix(in srgb,var(--g) 14%,var(--card));color:var(--ink)}
.ddm i{font-style:normal;font-size:1.45rem;line-height:1}.ddm b{display:block;font-size:1.05rem}
.ddm small{display:block;color:var(--mut);font:500 .82rem Barlow,sans-serif}
.ddsoon{opacity:.6;cursor:default}
.gameshero{background:radial-gradient(circle at 85% 20%,rgba(198,244,50,.25),transparent 40%),linear-gradient(135deg,#0b2418,#0b3d2e 55%,#0e7c7b)}
.ggrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.gcard{margin:0;display:flex;flex-direction:column;gap:12px}
.gcard .gic{font-size:2.6rem;line-height:1;width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--y) 30%,var(--card))}
.gcard h2{margin:.25em 0 .2em}.gcard p{margin:0}
.gcard .gpb{align-self:flex-start;margin-top:auto}
.gcard.soon{opacity:.85}.gcard.soon .gic{filter:grayscale(.4)}
.gsoon{align-self:flex-start;margin-top:auto;font:700 .95rem "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);border:1px dashed var(--line);border-radius:12px;padding:8px 14px}
/* Grassroots */
:root{--gr-sea:#d3e9f1;--gr-land:#f1f5ea;--gr-edge:#9db3a1;--gr-grat:rgba(11,61,46,.07);--gr-cap:#0b3d2e;--gr-capt:#18382a;--gr-caph:rgba(241,245,234,.92)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--gr-sea:#0c2532;--gr-land:#1b3426;--gr-edge:#45695a;--gr-grat:rgba(255,255,255,.05);--gr-cap:#c6f432;--gr-capt:#dbe9df;--gr-caph:rgba(12,37,50,.9)}}
:root[data-theme=dark]{--gr-sea:#0c2532;--gr-land:#1b3426;--gr-edge:#45695a;--gr-grat:rgba(255,255,255,.05);--gr-cap:#c6f432;--gr-capt:#dbe9df;--gr-caph:rgba(12,37,50,.9)}
.grhero{background:radial-gradient(circle at 80% 15%,rgba(198,244,50,.28),transparent 45%),linear-gradient(135deg,#0b3d2e,#0e5c55 55%,#155e75)}
.grh{margin-top:.6em}
.grmodes{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.grmode{margin:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;font:inherit;color:var(--ink);border:2px solid var(--line);transition:transform .15s,border-color .15s}
.grmode:hover,.grmode:focus-visible{border-color:var(--g);transform:translateY(-2px)}
.grmode b{font:800 1.6rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}
.grmode small{color:var(--mut);font-size:.95rem}
.grx{align-self:flex-start;font:800 1rem "Barlow Condensed",sans-serif;background:var(--y);color:#0b2418;border-radius:8px;padding:1px 9px}
.grmode.hard .grx{background:var(--r);color:#fff}.grmode.medium .grx{background:#f59e0b;color:#0b2418}
.grcard{margin:12px 0}
.grwho{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.grwho h2{margin:0;font-size:1.6rem}
.grav{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:color-mix(in srgb,var(--y) 25%,var(--card));flex:none}
.grmeta{margin:.15em 0 0;font-size:.98rem}
.grmt{margin-left:auto;align-self:flex-start}
.grmap{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--gr-sea);min-height:320px;box-shadow:var(--sh)}
.grsvg{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}
.grsvg.pick{cursor:crosshair}
.grsea{fill:var(--gr-sea)}
.grgrat{fill:none;stroke:var(--gr-grat);stroke-width:1;vector-effect:non-scaling-stroke}
.grland path{fill:var(--gr-land);stroke:var(--gr-edge);stroke-width:.7;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.grline{fill:none;stroke:var(--r);stroke-width:2.5;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}
.grpin path{fill:#E5484D;stroke:#fff;stroke-width:1.6}.grpin .dot{fill:#fff}
.granswer circle{fill:var(--y);stroke:#0b2418;stroke-width:2.5}.granswer .halo{fill:rgba(198,244,50,.35);stroke:none}
.grload{position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);font-weight:600;text-align:center;padding:20px}
.grzoom{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.grzoom button{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 1.3rem/1 Barlow,sans-serif;cursor:pointer;box-shadow:var(--sh)}
.grzoom button:hover{border-color:var(--g)}
.grbar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:12px 0}
.grbar p{margin:0;flex:1;min-width:220px}
.grres{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:12px 0}
.grsc{flex:none;width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,var(--deep),#0e7c7b);color:#fff;box-shadow:var(--sh)}
.grsc b{font:800 1.9rem/1 "Barlow Condensed",sans-serif;color:var(--y)}.grsc small{font-weight:600;opacity:.85}
.grrt{flex:1;min-width:240px}.grrt h2{margin:.35em 0 .2em}.grrt p{margin:.3em 0}
.grtbl td,.grtbl th{white-space:nowrap}
@media(max-width:560px){.grwho h2{font-size:1.35rem}.grmt{margin-left:0}.grsc{width:96px;height:96px}.grsc b{font-size:1.5rem}}
.grhint{margin:12px 0 8px}
.grgo{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;pointer-events:none;z-index:2}
.grgo .b{pointer-events:auto;box-shadow:0 8px 20px -6px rgba(0,0,0,.45)}
.grgo .b:disabled{opacity:.75;background:var(--card);color:var(--mut);border:1px solid var(--line)}
@media(max-width:560px){.grtbl th:nth-child(3),.grtbl td:nth-child(3){display:none}}
/* Hidden Eleven: Play now + pick-your-opponent pop-up */
.h11hero .hbtns{align-items:center;margin-top:14px}.h11pl{color:#d9f2e3;font-weight:600}
.h11cta{display:grid;grid-template-columns:auto 1fr auto;gap:12px 16px;align-items:center}.h11cta>div:nth-child(2){display:grid;gap:2px}
.ctac{display:flex;padding-left:10px}.ctac svg{margin-left:-10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.ocard .oact{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.ocard .oact .b{flex:1 1 auto;margin:0}
.h11ov .card.wide{max-width:560px}.h11ov .ocard{max-width:none;margin:0;box-shadow:none;border:1px solid var(--line)}
.h11pick .opps{grid-template-columns:1fr}.pkh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pkh h2{margin:.2em 0 .1em}
.pkno{border-left:4px solid var(--y);padding:4px 0 4px 12px;margin:8px 0 14px}.pkno p{margin:0 0 6px}
@media(max-width:560px){.h11cta{grid-template-columns:auto 1fr}.h11cta>.b{grid-column:1/-1}.h11hero .hbtns .b{flex:1 1 100%;font-size:1.2rem;padding:12px 16px}.h11hero .hbtns small{flex:1 1 100%;text-align:center}}
@media(max-width:560px){.h11me .oi{flex:1 1 0;min-width:0}.h11me .rts{flex:1 1 100%;justify-content:space-around;border-top:1px solid var(--line);padding-top:10px}}
/* ===== Hidden Eleven match screen (v2) ===== */
.h11hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 18px;flex-wrap:wrap}.h11hd h1{margin:.15em 0 0}
.h11ab{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto}.h11ab .b{margin:0}.h11ab small{color:#d9f2e3;font-weight:600;font-size:.85rem}
.sb2{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 14px}
.sbs{display:flex;align-items:baseline;gap:10px;min-width:0}.sbs.op{justify-content:flex-end}
.sbs b{font:800 2.1rem "Barlow Condensed",sans-serif;line-height:1}.sbs small{font:800 .95rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sbs.me small{color:var(--g)}
.sb2 .mid{display:grid;justify-items:center;gap:2px}.sb2 .pips{margin:0}.sb2 .pip{width:13px;height:13px}.sb2 .mid small{font-size:.75rem}.sbt{font-size:.7rem!important;text-transform:uppercase}
.evl{display:flex;gap:10px;align-items:center}.evl .evi{font-size:2rem;line-height:1}.evl b{display:block;font:800 1.15rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}.evl small{display:block}
.fieldc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:12px 18px;align-items:center}
.h11pitch{display:block;width:100%;height:auto;border-radius:10px}
.fz{font:800 11px "Barlow Condensed",sans-serif;letter-spacing:.04em;text-anchor:middle;fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.45);stroke-width:2.5px}
.fz.pos{fill:#0b2a16;stroke:rgba(255,255,255,.55)}.fz.neg{fill:#fff;stroke:rgba(90,0,10,.6)}
.hh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0 2px}.hh small{font:600 .85rem Barlow,sans-serif;text-transform:none;letter-spacing:0}
.hgrp h4{display:flex;align-items:center;gap:8px;margin:12px 0 6px;font:800 1rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.hgk{display:inline-grid;place-items:center;min-width:40px;padding:2px 6px;border-radius:8px;background:var(--deep);color:var(--y);font-size:.85rem}
.hmod{padding:1px 8px;border-radius:99px;font-size:.9rem}.hmod.pos{background:#c6f432;color:#0b2a16}.hmod.neg{background:#f59aa3;color:#5a000a}
.hgrp .hand{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px}.hgrp .hc{padding:10px 6px}.hgrp .hc .val{font-size:1.4rem}
.lockbar{position:sticky;bottom:12px;z-index:4;display:grid;gap:8px;margin-top:16px;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--card) 96%,transparent);backdrop-filter:blur(10px);box-shadow:var(--sh)}
.lbt{display:flex;align-items:center;gap:10px}.lbt .bar2{flex:1}.lbt #tl{min-width:3em;text-align:right;font:800 1.1rem "Barlow Condensed",sans-serif}
.bar2 div.low{background:var(--r)}
.lbb{display:flex;gap:8px}.lbb .b{margin:0}.lbb #lk{flex:1}#cp.on{background:var(--y);color:#0b2a16;border-color:var(--y)}
.rdvs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center;margin:8px 0}.rdvs>div{display:grid;justify-items:center;gap:2px;min-width:0}.rdvs b{overflow-wrap:anywhere}.rdvs small{color:var(--mut)}
.vsx{font:800 1.8rem "Barlow Condensed",sans-serif;color:var(--g)}
.tpick{border:0;padding:0;margin:14px 0 4px;display:flex;gap:10px;flex-wrap:wrap}.tpick legend{font-weight:700;margin-bottom:6px;padding:0}
.tpick label{flex:1 1 120px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid var(--line);border-radius:14px;cursor:pointer}
.tpick label:has(input:checked){border-color:var(--g);background:color-mix(in srgb,var(--g) 12%,transparent)}.tpick input{accent-color:var(--g);width:18px;height:18px;margin:0}
.tpick span{display:grid}.tpick b{font:800 1.3rem "Barlow Condensed",sans-serif}.tpick small{color:var(--mut)}
.h11ov .swords span.go{animation:pulse 1s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.15)}}
@media(max-width:720px){.lockbar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media(max-width:640px){.fieldc{grid-template-columns:1fr}.sbs b{font-size:1.8rem}.sbs small{font-size:.85rem}.sbs{gap:6px}.sb2{padding:6px 10px}}
@media(max-width:400px){.sb2 .pip{width:10px;height:10px}.sb2 .pips{gap:4px}}
@media(prefers-reduced-motion:reduce){.h11ov .swords span.go{animation:none}}
#m .card.opp{display:block;padding:10px 14px;font-size:.95rem;line-height:1.5}#m .card.opp .oc{width:22px;height:26px;font-size:.85rem;vertical-align:middle}
@media(max-width:560px){.h11hd{flex-wrap:nowrap;align-items:center}.h11hero h1{font-size:2.2rem}.h11ab .b.big{font-size:1.05rem;padding:10px 14px;white-space:nowrap}.h11ab small{font-size:.75rem;text-align:right}}
.h11hero .tag{white-space:nowrap}.h11pk .odelta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:4px 0 8px}
@media(max-width:560px){.h11hero .tag{font-size:.75rem}.h11hd>div:first-child{min-width:0}}@media(max-width:400px){.h11hd{flex-wrap:wrap}.h11hero .tag{white-space:normal}.h11ab{margin-left:0;align-items:flex-start;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}}
/* ===== Hidden Eleven: your eleven on the pitch (v3) ===== */
.inmatch #hs,.inmatch #auth,.inmatch #nav,.inmatch #ft{display:none!important}.inmatch .score{position:static}
.mwrap{max-width:620px;margin:0 auto}
.evbar{display:grid;gap:10px;padding:12px 14px}
.zbar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.zs{display:flex;justify-content:center;align-items:baseline;gap:6px;padding:7px 4px;border-radius:12px;background:color-mix(in srgb,var(--mut) 16%,transparent);color:var(--mut);font:800 1rem "Barlow Condensed",sans-serif;letter-spacing:.05em}
.zs span{font-size:1.3rem}
.zs.p1{background:#bbf7a8;color:#0b2a16}.zs.p2{background:#2fd47a;color:#062012}.zs.n1{background:#fecdd3;color:#7f1d1d}.zs.n2{background:#e5484d;color:#fff}
.mpitch{position:relative;display:grid;margin:12px 0;border-radius:18px;overflow:hidden;border:3px solid rgba(255,255,255,.85);background:repeating-linear-gradient(180deg,#139152 0 12.5%,#0f8a4a 12.5% 25%);box-shadow:var(--sh)}
.zr{position:relative;padding:14px 4px}.zr::before{content:"";position:absolute;inset:0;pointer-events:none}
.zr.p1::before,.pbx.p1{background:rgba(190,242,100,.4)}.zr.p2::before,.pbx.p2{background:rgba(163,230,53,.66)}
.zr.n1::before,.pbx.n1{background:rgba(251,133,150,.62)}.zr.n2::before,.pbx.n2{background:rgba(225,29,52,.8)}
.mhl{position:absolute;left:0;right:0;top:50%;border-top:2px solid rgba(255,255,255,.75)}
.mcc{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border:2px solid rgba(255,255,255,.75);border-radius:50%}
.pbx.top{position:absolute;top:0;left:22%;right:22%;height:62%;border:2px solid rgba(255,255,255,.75);border-top:0}
.zr.zg{padding:6px 4px 0}.pbx.bot{position:relative;width:56%;min-width:150px;margin:0 auto;padding:10px 0 8px;border:2px solid rgba(255,255,255,.75);border-bottom:0}
.tks{position:relative;z-index:1;display:flex;justify-content:space-around;gap:2px}
.tk{position:relative;display:grid;justify-items:center;gap:2px;width:66px;padding:6px 2px 4px;border:0;border-radius:14px;background:none;color:#fff;cursor:pointer;font-family:Barlow,sans-serif;transition:transform .12s,background .12s}
.tk small{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.78rem;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.tv{position:absolute;top:0;right:4px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;background:#0b2a16;color:var(--y);font:800 1rem/24px "Barlow Condensed",sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.tl{position:absolute;top:0;left:4px;font-size:.8rem}
.tk:hover:not(:disabled){transform:translateY(-2px)}.tk:focus-visible{outline:3px solid #fff;outline-offset:1px}
.tk.sel{background:rgba(198,244,50,.3);box-shadow:0 0 0 3px var(--y);transform:translateY(-3px)}.tk.sel .tv{background:var(--y);color:#0b2a16}
.tk:disabled{opacity:.35;cursor:not-allowed}
.scl{text-align:center;font-size:.85rem;margin:0 0 8px}
.mpill{position:fixed;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:9px 18px;border:0;border-radius:99px;background:var(--y);color:#0b2a16;font:600 .95rem Barlow,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.28);cursor:pointer;white-space:nowrap}
.mpd{width:9px;height:9px;border-radius:50%;background:#e5484d;animation:pulse 1s ease-in-out infinite}
@media(max-width:400px){.tk{width:60px}.tk small{font-size:.72rem}.mcc{width:64px;height:64px;margin:-32px 0 0 -32px}}
@media(prefers-reduced-motion:reduce){.mpd{animation:none}}
/* Symmetrical scoreboard */
.sb3{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px}
.sbt{display:grid;justify-items:center;gap:4px;text-align:center;min-width:0}
.sbt b{max-width:100%;font:800 1rem/1.15 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:normal;overflow-wrap:normal;hyphens:auto}
.sbx{font-size:1.6rem;line-height:34px}
.sbc{display:grid;justify-items:center;gap:4px}.sbc .pips{margin:0}.sbc small{color:var(--mut);font-weight:700;font-size:.75rem;letter-spacing:.04em;white-space:nowrap}
.sbn{display:flex;align-items:center;gap:10px}.sbn b{font:800 2.4rem/1 "Barlow Condensed",sans-serif;min-width:.7em;text-align:center}.sbn i{font-style:normal;color:var(--mut);font-weight:800;font-size:1.6rem}
.tk .tb{top:0;right:4px;font-size:.85rem;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.dc .bk{font-weight:700}
@media(max-width:400px){.sbn b{font-size:2rem}.sb3{gap:6px;padding:8px 10px}.sbt b{font-size:.9rem}.sbc .pip{width:10px;height:10px}.sbc .pips{gap:4px}}
.inmatch main{padding-bottom:40px}@media(max-width:720px){.inmatch main{padding-bottom:130px}}
.mwrap .duel{grid-template-columns:1fr 1fr;gap:10px}.mwrap .duel .vs{grid-column:1/-1;grid-row:1;padding:4px}
.mwrap .dc{padding:12px 8px}.mwrap .dc>small:first-child{font-weight:800;text-transform:uppercase;letter-spacing:.04em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inmatch main{padding-top:10px}.mwrap>.card,.mwrap>.mpitch{margin:0 0 10px}.mwrap .lockbar{margin-top:0}
@media(max-width:720px){.mwrap .evbar{padding:10px 12px;gap:8px}.mwrap .evl .evi{font-size:1.6rem}.mwrap .zs{padding:5px 4px}.mwrap .zr{padding:9px 4px}.mwrap .zr.zg{padding:4px 4px 0}.mwrap .pbx.bot{padding:6px 0 4px}.sb3{padding:8px 10px}.sbt svg{width:28px;height:28px}.sbn b{font-size:2rem}}
.mwrap .dc>small:first-child{padding:0 28px;box-sizing:border-box}
/* Next round countdown */
.nxb{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px}
.nxb::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:var(--nxp,100%);background:rgba(0,0,0,.25);transition:width 1s linear}
.nxc{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;border-radius:50%;background:rgba(0,0,0,.18);font-size:.9em}
@media(prefers-reduced-motion:reduce){.nxb::after{transition:none}}
.mwrap .duel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mwrap .dc{min-width:0}.mwrap .dc b{overflow-wrap:anywhere}
/* Kicks coin chip */
.kicks{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;position:relative;line-height:1.2}
.kicks[hidden]{display:none}.kicks b{font-weight:800}.kicks .kc{flex:none;margin-left:-6px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.hstats .kicks{padding:3px 12px 3px 8px}
.kicks:focus-visible{outline:3px solid var(--g);outline-offset:2px}
@media(hover:hover){.kicks::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);padding:3px 10px;border-radius:8px;background:var(--deep);color:var(--y);font:700 .85rem "Barlow Condensed",sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}
 .kicks:hover::after{opacity:1;transform:translate(-50%,0)}.kicks[aria-expanded="true"]::after{opacity:0}}
.kpop{position:fixed;z-index:60;width:min(300px,calc(100vw - 24px));padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);font-size:.95rem}
.kpop p{margin:.5em 0 0}.kpop .mut{font-size:.85rem}.kph{display:flex;gap:12px;align-items:center}.kph b{display:block;font:800 1.3rem "Barlow Condensed",sans-serif}.kph small{color:var(--mut)}
@media(max-width:720px){.hstats .kicks{padding:3px 10px 3px 7px}}
/* Squad fitness */
.fit summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;list-style:none}.fit summary::-webkit-details-marker{display:none}
.fit summary small{font-weight:600}.fk{font:800 1.1rem "Barlow Condensed",sans-serif;padding:3px 10px;border-radius:99px;background:color-mix(in srgb,var(--y) 30%,transparent)}
.fitl{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.fitl li{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1.6fr);align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px}
.fitl li.ret{opacity:.75}.fn{display:grid;min-width:0}.fn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fn small{color:var(--mut)}
.ft{display:flex;align-items:center;gap:6px}.ft .tb{position:static}.fb{color:var(--mut);text-decoration:line-through}
.fx{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;text-align:right}.fx .b{margin:0}
.fkh{margin-bottom:0}.pplus{margin:10px 0 0;font-size:.95rem}
.acad{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.18);font-size:1.3rem}.acad.big{width:64px;height:64px;font-size:2rem;margin:0 auto}
.tk .tdn{position:absolute;top:0;left:4px;font:800 .8rem/1 "Barlow Condensed",sans-serif;color:#fff;background:#dc2626;border-radius:6px;padding:2px 4px}
@media(max-width:560px){.fitl li{grid-template-columns:minmax(0,1fr) auto}.fitl li .fx{grid-column:1/-1;justify-content:space-between;text-align:left}}
/* Form reduction countdown (calendar) */
.frc{border-left:5px solid #dc2626}
.frhd{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.frhd h3{margin:0}.fri{font-size:2rem;line-height:1}
.frt{margin-left:auto;display:flex;gap:6px}.frt span{display:grid;justify-items:center;min-width:52px;padding:6px 4px;border-radius:12px;background:var(--deep);color:var(--y)}
.frt b{font:800 1.6rem/1 "Barlow Condensed",sans-serif}.frt small{font:700 .65rem "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
@media(max-width:520px){.frt{margin-left:0;width:100%;justify-content:space-between}.frt span{flex:1}}
/* Retired players in My Eleven (Hidden Eleven team) */
.pc.ret{opacity:.55;cursor:not-allowed;filter:grayscale(.6)}.pc.ret .tag{margin-left:auto}
.sl.ret .sp{filter:grayscale(.7)}.rtag{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;font:800 .7rem "Barlow Condensed",sans-serif;background:#dc2626;color:#fff;padding:1px 6px;border-radius:6px}

/* Capital cities on the Grassroutes map: constant size at any zoom, labels only where they fit */
.grcap{display:none;pointer-events:none}.grcap.on{display:inline}
.grcap circle{fill:var(--gr-cap);stroke:var(--gr-caph);stroke-width:1.4}
.grcap text{display:none;font:600 10.5px Barlow,system-ui,sans-serif;fill:var(--gr-capt);paint-order:stroke;stroke:var(--gr-caph);stroke-width:3px;stroke-linejoin:round}
.grcap.lab text{display:inline}.grcap.r1 text{font-weight:700;font-size:11.5px}