:root{--bg:#eef6f0;--card:#fff;--ink:#0b2418;--mut:#52695b;--g:#0f8a4a;--onb:#fff;--y:#c6f432;--r:#e5484d;--line:#d4e4d9;--deep:#0b3d2e;--teal:#0e7c7b;--sh:0 8px 24px -12px rgba(11,61,46,.35);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#07130d;--card:#0e2217;--ink:#e9f5ec;--mut:#9bb5a5;--g:#2fd47a;--onb:#05210f;--line:#1d3a2a;--sh:0 8px 24px -12px rgba(0,0,0,.7)}}
:root[data-theme=dark]{--bg:#07130d;--card:#0e2217;--ink:#e9f5ec;--mut:#9bb5a5;--g:#2fd47a;--onb:#05210f;--line:#1d3a2a;--sh:0 8px 24px -12px rgba(0,0,0,.7)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Barlow,system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bar{flex-wrap:wrap;display:flex;align-items:center;gap:12px;padding:10px 16px;max-width:1000px;margin:auto}
.logo,h1,h2,h3,button,.tag,nav button{font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif}
.kicks{margin-left:auto;background:var(--y);color:#0b2418;font-weight:700;padding:5px 14px;border-radius:99px;font-family:"Barlow Condensed",sans-serif;font-size:1.1rem;letter-spacing:.03em;box-shadow:0 0 0 3px color-mix(in srgb,var(--y) 30%,transparent)}
nav{display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px;max-width:1000px;margin:auto;scrollbar-width:none}
nav button{flex:none;border:0;background:none;color:var(--mut);font-size:1.05rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:99px;cursor:pointer;transition:.2s}
nav button:hover{color:var(--ink);background:var(--line)}nav button.on{background:var(--deep);color:var(--y)}
main{max-width:1000px;margin:auto;padding:20px 16px 36px}
/* Pages fade in when you switch tabs */
main.pgin{animation:pgin .28s ease-out}@keyframes pgin{from{opacity:0}}
@media(prefers-reduced-motion:reduce){main.pgin{animation:none}}
h1{font-size:clamp(2.4rem,7vw,4.2rem);line-height:.95;letter-spacing:.005em;margin:.15em 0 .3em;font-weight:800;text-transform:uppercase;font-style:italic}
h2{font-size:1.7rem;margin:1.5em 0 .5em;font-weight:700;text-transform:uppercase;letter-spacing:.02em}h3{margin:.2em 0;font-size:1.35rem;font-weight:700;letter-spacing:.01em}
.hero{position:relative;overflow:hidden;color:#fff;border-radius:26px;padding:30px 24px;margin-bottom:8px;background:linear-gradient(135deg,var(--deep),#0f7a43 70%,var(--teal));box-shadow:var(--sh)}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:3px solid rgba(255,255,255,.18);box-shadow:0 0 0 40px rgba(255,255,255,.05)}
.hero>*{position:relative;z-index:1}.hero .mut{color:rgba(255,255,255,.82);font-size:1.1rem;max-width:34em}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;margin:14px 0;box-shadow:var(--sh)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid .card{margin:0}
button.b,a.b{font-weight:700;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;background:var(--g);color:var(--onb);border:0;padding:10px 20px;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 6px 14px -6px var(--g)}
button.b:hover{transform:translateY(-1px);filter:brightness(1.07)}button.b:active{transform:translateY(1px)}
button.alt{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none}button.alt:hover{border-color:var(--g)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--y);outline-offset:2px}
input,select{font:inherit;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);max-width:100%}
.mut{color:var(--mut);font-size:.98rem}.tag{display:inline-block;border-radius:8px;padding:1px 10px;font-weight:700;font-size:.95rem;letter-spacing:.04em;background:var(--y);color:#0b2418}
.sil{height:180px;border-radius:18px;background:linear-gradient(135deg,var(--deep),var(--teal));display:grid;place-items:center;color:var(--y);font:800 4rem "Barlow Condensed",sans-serif;font-style:italic;transition:filter .6s}
.sil.blur{filter:blur(14px) saturate(.6)}
.fact{padding:11px 14px;border-left:4px solid var(--g);background:color-mix(in srgb,var(--g) 8%,var(--card));margin:8px 0;border-radius:4px 12px 12px 4px}.fact.lock{border-color:var(--line);color:var(--mut);background:var(--bg)}
.ok{color:var(--g);font-weight:700}.no{color:var(--r);font-weight:700}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal button{padding:9px 0;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-weight:700;font-size:1rem;cursor:pointer}
.cal button.has{background:var(--y);color:#0b2418;border-color:transparent}.cal button.seen{background:var(--g);color:var(--onb);border-color:transparent}
.pitch{background:repeating-linear-gradient(90deg,#0f8a4a 0 12.5%,#0d7d43 12.5% 25%);border-radius:22px;padding:18px;display:grid;gap:16px;color:#fff;box-shadow:var(--sh)}.row{display:flex;justify-content:space-around}
.slot{width:54px;height:54px;border-radius:50%;background:rgba(5,33,15,.45);border:2px dashed rgba(255,255,255,.7);display:grid;place-items:center;font-weight:800}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line)}th{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.scroll{overflow-x:auto}.opt{display:block;width:100%;text-align:left;margin:8px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button.on{background:var(--y);color:#0b2418}
.note{background:color-mix(in srgb,var(--y) 28%,var(--card));color:var(--ink);border:1px dashed var(--g);border-radius:12px;padding:8px 14px;font-size:.92rem;margin:10px 0}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.ov{position:fixed;inset:0;background:rgba(5,25,15,.62);backdrop-filter:blur(4px);z-index:20;display:grid;padding:16px;overflow-y:auto}
.ov .card{width:100%;max-width:440px;margin:auto}label{display:block;font-weight:600;margin:10px 0 4px}.ov input,.ov select{width:100%}
.err{color:var(--r);font-size:.95rem;min-height:1.3em;margin:6px 0}.hint{background:color-mix(in srgb,var(--y) 28%,var(--card));border-radius:10px;padding:8px 12px;font-size:.92rem;margin-top:6px}
.link{background:none;border:0;color:var(--g);font:inherit;text-decoration:underline;cursor:pointer;padding:0}.ok2{color:var(--g);font-weight:600}
.qgrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.qc{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--ink);cursor:pointer;overflow:hidden;box-shadow:var(--sh);transition:transform .2s,border-color .2s;font:inherit}
.qc:hover{transform:translateY(-4px);border-color:var(--g)}
.qb{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;min-height:110px;color:#fff;position:relative;overflow:hidden}
.qb::after{content:"";position:absolute;right:-30px;bottom:-50px;width:140px;height:140px;border-radius:50%;border:3px solid rgba(255,255,255,.2)}
.qi{font-size:2.6rem;line-height:1}.qi.big{font-size:3.4rem;margin:8px 0}
.qt{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}.qt b{font:700 1.5rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.chip{display:inline-block;font-size:.85rem;font-weight:600;padding:2px 10px;border-radius:99px;background:color-mix(in srgb,var(--g) 14%,var(--card));color:var(--ink)}
.qhero{color:#fff;border-radius:26px;padding:24px;margin:10px 0 14px;position:relative;overflow:hidden;box-shadow:var(--sh)}
.qhero::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:3px solid rgba(255,255,255,.2);box-shadow:0 0 0 36px rgba(255,255,255,.05)}
.qhero>*{position:relative;z-index:1}.qhero h1{margin:.1em 0}.qhero p{margin:0;font-size:1.1rem;color:rgba(255,255,255,.88)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--sh)}.stat small{display:block;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat b{font:700 1.35rem "Barlow Condensed",sans-serif}
.steps{margin:8px 0 0;padding-left:22px}.steps li{margin:6px 0}
.startbar{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));margin-top:16px;display:flex;justify-content:center}
button.b.big{font-size:1.4rem;padding:14px 48px;border-radius:16px;box-shadow:0 10px 24px -8px var(--g)}
.cal button small{display:block;font-size:.68rem;opacity:.85;line-height:1}.cal button.lock,.cal button.empty{opacity:.45;cursor:not-allowed}
.stage{max-width:540px;text-align:center}.sils{display:flex;gap:10px;justify-content:center;margin:14px 0}
.sil2{flex:1;max-width:140px;border-radius:16px;padding:12px 6px;background:linear-gradient(160deg,color-mix(in srgb,var(--t) 30%,var(--card)),var(--card));border:2px solid var(--t)}
.sh{font-size:3rem;line-height:1.2;filter:brightness(0) opacity(.55)}.blr{display:block;filter:blur(5px);user-select:none;font-weight:700;margin:6px 0}
.reel{position:relative;overflow:hidden;border-radius:16px;background:var(--bg);border:1px solid var(--line);height:170px;margin:14px 0}
.strip{display:flex;position:absolute;top:0;left:0;height:100%;will-change:transform}
.rl{flex:none;width:118px;height:100%;display:grid;place-items:center;align-content:center;gap:6px;border-right:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--t) 30%,var(--card)),var(--card))}
.mark{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--y);z-index:2;box-shadow:0 0 14px var(--y)}
.mark::before{content:"";position:absolute;top:-2px;left:-8px;border:10px solid transparent;border-top-color:var(--y)}
.my11{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}@media(max-width:820px){.my11{grid-template-columns:1fr}}
.fbar{display:flex;flex-wrap:wrap;gap:18px 28px}.fbar small{display:block;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.chips button.on{background:var(--y);color:#0b2418;border-color:transparent}
.stat11{font-size:1.05rem}
.field{position:relative;border-radius:22px;padding:18px 8px;min-height:560px;display:flex;flex-direction:column;justify-content:space-around;background:repeating-linear-gradient(180deg,#0f8a4a 0 12.5%,#0d7d43 12.5% 25%);box-shadow:var(--sh);overflow:hidden}
.field::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:rgba(255,255,255,.35)}
.field::after{content:"";position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border:2px solid rgba(255,255,255,.35);border-radius:50%}
.frow{display:flex;justify-content:space-around;position:relative;z-index:1}
.sl{width:70px;min-height:70px;display:grid;place-items:center;border:2px dashed rgba(255,255,255,.65);border-radius:50%;color:#fff;cursor:pointer;transition:.15s}
.sl.full{border:0;border-radius:12px;min-height:0;width:76px}.sl.hint{background:rgba(198,244,50,.3);border-color:var(--y)}.sl.over{background:rgba(198,244,50,.5)}
.ph{font:700 1rem "Barlow Condensed",sans-serif;opacity:.85}.sp{position:relative;display:flex;flex-direction:column;align-items:center}.sp small{color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6);margin-top:2px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp .tb{right:2px;top:-4px}
.av{position:relative;display:inline-grid;place-items:center;border-radius:50%;border:3px solid;background:linear-gradient(135deg,var(--deep),var(--teal));overflow:hidden;flex:none}
.av i{font-style:normal;filter:brightness(0) invert(1) opacity(.45)}.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Player images page (team only) */
.irow-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.irow-h select{width:auto;margin:0}
.irow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px;border:2px solid transparent;border-radius:14px;border-bottom:1px solid var(--line)}
.irow.on,.drop.on{border:2px dashed var(--g);background:color-mix(in srgb,var(--g) 10%,transparent)}
.irow .pi{display:grid;min-width:0}.irow .pi small{color:var(--mut)}
.iact{display:flex;gap:10px;align-items:center}.ist{grid-column:2/-1;font-weight:600;font-size:.9rem}.ist:empty{display:none}
.drop{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px;border:2px dashed var(--line);border-radius:14px}
input.sr:focus-visible+label{outline:3px solid var(--y);outline-offset:2px}
label.b{display:inline-block;margin:0;font-weight:700;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;padding:10px 20px;border-radius:12px;cursor:pointer;background:var(--card);color:var(--ink);border:1px solid var(--line);white-space:nowrap}label.b:hover{border-color:var(--g)}label.b.sm{font-size:.95rem;padding:6px 14px}
.iout{margin:12px 0 0;padding-left:1.4em;max-height:320px;overflow:auto}.iout li{margin:4px 0;overflow-wrap:anywhere}
.fan{font-size:.8rem;text-align:center;margin:6px auto 0;max-width:640px}
@media(max-width:560px){.irow{grid-template-columns:auto 1fr}.iact{grid-column:2}}
.tb{position:absolute;top:6px;right:6px;font:700 .8rem "Barlow Condensed",sans-serif;padding:0 7px;border-radius:7px;letter-spacing:.04em;line-height:1.5;display:inline-block}
.roster{max-height:640px;overflow-y:auto;margin:0}.roster .chips{margin-bottom:8px}.roster .chips button{padding:5px 12px;font-size:.95rem}
.gh{font:700 1.05rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin:12px 0 4px}
.pc{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;margin:6px 0;border:1px solid var(--line);border-radius:14px;background:var(--card);cursor:grab}.pc.sel{border-color:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 30%,transparent)}
.pc .pi{min-width:0;padding-right:34px}.pc .pi b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc .pi small{color:var(--mut)}
details{margin-top:12px}summary{cursor:pointer;font-weight:700}.tg{margin:6px 0}
.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:10px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px);z-index:3}
.sc b{display:block;font:800 3rem "Barlow Condensed",sans-serif;line-height:1}.sc small,.mid small{color:var(--mut);font-weight:700;letter-spacing:.06em}
.pips{display:flex;gap:6px;justify-content:center;margin-bottom:4px}.pip{width:14px;height:14px;border-radius:50%;background:var(--line)}.pip.w{background:var(--g)}.pip.l{background:var(--r)}.pip.d{background:var(--mut)}.pip.cur{outline:3px solid var(--y)}
.evc{display:flex;gap:14px;align-items:center}.evi{font-size:2.6rem}
.bar2{height:12px;background:var(--line);border-radius:99px;overflow:hidden}.bar2 div{height:100%;width:100%;background:var(--g);transition:width .1s linear}
.opp{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.oc{display:inline-grid;place-items:center;width:30px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--deep),var(--teal));color:var(--y);font-weight:800}
.hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}
.hc{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);cursor:pointer;font-family:Barlow,sans-serif;transition:transform .15s}.hc:hover:not(:disabled){transform:translateY(-3px)}
.hc.sel{border-color:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 35%,transparent)}.hc:disabled{opacity:.3;cursor:not-allowed}.hc b{font-size:.95rem;text-align:center}.hc small{color:var(--mut)}
.val{font:800 1.6rem "Barlow Condensed",sans-serif;color:var(--g)}
.actions{display:flex;gap:10px;justify-content:center;margin:14px 0;flex-wrap:wrap}button.alt.on{background:var(--y);color:#0b2418;border-color:transparent}
.duel{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:14px 0}@media(max-width:640px){.duel{grid-template-columns:1fr}}
.dc{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);text-align:center;animation:flip .7s}.dc .bk{margin-top:6px;font-size:.95rem}
@keyframes flip{from{transform:rotateY(90deg);opacity:0}to{transform:none;opacity:1}}
.vs{font:800 1.5rem "Barlow Condensed",sans-serif;text-transform:uppercase;text-align:center;padding:8px}.vs.w{color:var(--g)}.vs.l{color:var(--r)}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.hero.pitch2{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 56px,rgba(255,255,255,0) 56px 112px),linear-gradient(135deg,var(--deep),#0f7a43 70%,var(--teal))}
.board{display:inline-flex;align-items:stretch;border-radius:10px;overflow:hidden;font-family:"Barlow Condensed",sans-serif;margin-bottom:10px;box-shadow:0 4px 0 rgba(0,0,0,.25)}
.board span{background:#0b2418;color:var(--y);padding:2px 12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.board b{background:var(--y);color:#0b2418;padding:2px 12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.chal{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-color:var(--y);background:color-mix(in srgb,var(--y) 18%,var(--card))}.chal .qi{font-size:2.4rem}.chal h3{margin:0}
.dqeb{display:flex;align-items:center;gap:16px;margin-top:12px}.dqeb h2{margin:0 0 .2em;font-size:1.5rem}.dqeb p{margin:0}.dqeb a{color:var(--g);font-weight:600}
@media(max-width:520px){.dqeb{align-items:flex-start;gap:12px}.dqeb h2{font-size:1.25rem}.dqei{width:46px;height:46px;font-size:1.5rem;border-radius:14px}}
.dqei{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:color-mix(in srgb,var(--y) 30%,var(--card));font-size:1.8rem}
.dq{border-color:var(--t,var(--g));box-shadow:0 0 0 3px color-mix(in srgb,var(--t,var(--g)) 25%,transparent),var(--sh)}
.dqh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.dqm{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:start}@media(max-width:640px){.dqm{grid-template-columns:1fr}.dqs{justify-self:center}}
.dqs{display:flex;flex-direction:column;align-items:center;gap:10px}
.dsil{width:150px;height:170px;border-radius:50% 50% 46% 46%/42% 42% 58% 58%;border:4px solid;background:linear-gradient(160deg,var(--deep),var(--teal));display:grid;place-items:center;overflow:hidden}
.dsil i{font-style:normal;font-size:5.4rem;filter:brightness(0) opacity(.6)}
.dqc h2{margin:.1em 0 .4em}
.dqf{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.dqf input{flex:1;min-width:180px}
.fact small{font:700 .85rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.rvc{position:relative;margin-top:16px;padding:18px;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--t) 22%,var(--card)),var(--card));border:2px solid var(--t);animation:pop .5s}
.rvc .x{position:absolute;top:8px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:1.1rem;cursor:pointer;display:grid;place-items:center}
.rvt{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px;padding-right:44px}
.hatav{position:relative;display:inline-block;margin-top:46px}
.hat{position:absolute;left:50%;top:-44px;width:56px;margin-left:-28px;transform:rotate(-8deg);transform-origin:50% 100%;z-index:2}
.rvn h2{margin:.1em 0}
.socs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
@keyframes pop{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
.shr{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.qrow{display:flex;gap:18px;align-items:center;margin-top:12px}
.qav{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;width:92px;text-align:center}.qav small{font-weight:700;line-height:1.1}
.qsil{width:84px;height:96px;border-radius:50% 50% 46% 46%/42% 42% 58% 58%;background:linear-gradient(160deg,var(--deep),var(--teal));display:grid;place-items:center;overflow:hidden}.qsil i{font-style:normal;font-size:3rem;filter:brightness(0) opacity(.6)}
.bub{position:relative;margin:0;padding:16px 20px;border-radius:22px;background:var(--card);border:2px solid var(--g);font:italic 600 1.45rem/1.25 "Barlow Condensed",sans-serif;box-shadow:var(--sh)}
.bub::before{content:"";position:absolute;left:-14px;top:30px;border:10px solid transparent;border-right:12px solid var(--g);border-left:0}
.bub::after{content:"";position:absolute;left:-10px;top:32px;border:8px solid transparent;border-right:10px solid var(--card);border-left:0}
.bub cite{display:block;margin-top:8px;font:600 1rem Barlow,sans-serif;color:var(--mut);font-style:normal}.bub cite::before{content:"— "}
@media(max-width:520px){.qrow{flex-direction:column;align-items:flex-start}.bub::before,.bub::after{display:none}}
.insp .big{font:700 1.7rem/1.2 "Barlow Condensed",sans-serif;margin:.4em 0}
.prof{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.pav{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--deep),var(--teal));display:grid;place-items:center;font:800 2rem "Barlow Condensed",sans-serif;color:var(--y);border:3px solid var(--y);flex:none}
.pst{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.common{--rc:#A6B5C4}.rare{--rc:#36B8E8}.epic{--rc:#B76EFF}.legendary{--rc:#F5C542}
.showc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:560px){.showc{grid-template-columns:1fr}}
.sc{--rc:#A6B5C4;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:18px 10px;border-radius:20px;border:2px solid var(--rc);background:linear-gradient(160deg,color-mix(in srgb,var(--rc) 25%,var(--card)),var(--card));box-shadow:0 0 22px -6px var(--rc);cursor:pointer;color:var(--ink);font-family:inherit}
.sc .ai{font-size:2.6rem;line-height:1}.sc b{font:700 1.3rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}.sc small{color:var(--mut);font-weight:600}
.sc.empty{border:2px dashed var(--line);box-shadow:none;background:var(--card);color:var(--mut)}
.agal{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:430px;overflow-y:auto;padding:4px;overscroll-behavior:contain}
.at{--rc:#A6B5C4;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:128px;padding:12px 8px;border-radius:16px;border:2px solid var(--rc);background:linear-gradient(160deg,color-mix(in srgb,var(--rc) 22%,var(--card)),var(--card));color:var(--ink);cursor:pointer;text-align:center;font-family:inherit;transition:transform .15s}
.at:hover{transform:translateY(-3px)}
.at .ai{font-size:2.2rem;line-height:1}.at b{font:700 1.05rem "Barlow Condensed",sans-serif;text-transform:uppercase;line-height:1.1}.at small{color:var(--mut);font-weight:600}
.at .pn{position:absolute;top:6px;right:8px;color:var(--y);font-size:1.1rem;text-shadow:0 0 6px rgba(0,0,0,.6)}
.at.lk{border:2px dashed var(--line);background:var(--bg);cursor:default;color:var(--mut)}.at.lk:hover{transform:none}.at.lk .ai{font:800 2.4rem "Barlow Condensed",sans-serif;opacity:.5}
.at.legendary::after,.sc.legendary::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:shine 3.5s ease-in-out infinite;pointer-events:none}
@keyframes shine{60%,100%{transform:translateX(120%)}}
.pbar{height:12px;border-radius:99px;background:var(--line);overflow:hidden}.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--g),var(--y));border-radius:99px}
.achpop{position:fixed;top:calc(env(safe-area-inset-top,0px) + 76px);left:50%;transform:translateX(-50%);z-index:80;display:flex;gap:12px;align-items:center;width:max-content;max-width:min(92vw,420px);padding:12px 18px;border-radius:18px;border:2px solid var(--rc);background:var(--card);color:var(--ink);box-shadow:0 0 28px -4px var(--rc),var(--sh);animation:achin .5s cubic-bezier(.2,1.4,.4,1)}
.achpop .ai{font-size:2.2rem}.achpop small{display:block;color:var(--rc);font:700 .85rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em}.achpop b{display:block;font:800 1.3rem "Barlow Condensed",sans-serif;text-transform:uppercase}.achpop em{display:block;color:var(--mut);font-style:normal;font-size:.9rem}
@keyframes achin{from{transform:translate(-50%,-30px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.fs{min-height:440px;max-width:520px;margin:12px auto}
.adet{text-align:center}.adet .ai.big{font-size:4rem;line-height:1.2}

/* ===== v2: structure, accessibility, navigation, retention ===== */
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--y);color:#0b2418;font-weight:700;padding:8px 14px;border-radius:10px;text-decoration:none}.skip:focus{top:8px}
:focus-visible{outline:3px solid var(--y);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--deep) 70%,transparent)}
main:focus{outline:none}
a.kicks[hidden]+.streak[hidden]+#th,.bar #th{margin-left:0}
.bar #auth{margin-left:0}.bar .kicks{margin-left:auto}.bar .kicks[hidden]~.streak{margin-left:auto}.bar .kicks[hidden]~.streak[hidden]~#th{margin-left:auto}
.streak{background:color-mix(in srgb,var(--r) 18%,var(--card));border:1px solid color-mix(in srgb,var(--r) 45%,var(--line));padding:4px 11px;border-radius:99px;font:700 1.05rem "Barlow Condensed",sans-serif}
button.ic{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font-size:1.05rem;display:grid;place-items:center;padding:0}
.toast{position:fixed;bottom:16px;left:16px;right:16px;max-width:420px;margin:auto;z-index:90;box-shadow:var(--sh)}
.bnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around;gap:2px}
.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;border:0;background:none;color:var(--mut);font:700 .82rem "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 2px;border-radius:12px;cursor:pointer;min-height:48px}
.bnav button i{font-style:normal;font-size:1.3rem;line-height:1.1}
.bnav button.on{color:var(--g);background:color-mix(in srgb,var(--g) 14%,transparent)}
#msheet{position:fixed;right:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:31;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:6px;min-width:190px}
#msheet button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);font:700 1.1rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:11px 14px;border-radius:10px;cursor:pointer}
#msheet button:hover,#msheet button.on{background:var(--line)}
@media(max-width:720px){#nav{display:none}.bnav{display:flex}main{padding-bottom:104px}.toast{bottom:84px}.bar{gap:8px;padding:8px 12px}.kicks{padding:4px 10px;font-size:1rem}}
@media(min-width:721px){#msheet{display:none!important}}
.prow{display:flex;gap:14px;align-items:center}
/* goals + streak */
.goals{border-color:var(--g)}
.gtop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.gtop h3{margin:.25em 0 .1em}.gtop p{margin:.2em 0 .6em}
.flame{display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:92px;flex:none;border-radius:50%;background:linear-gradient(160deg,#ff9f1c,#e5484d);color:#fff;box-shadow:0 0 24px -4px #ff9f1c}
.flame b{font:800 2rem/1 "Barlow Condensed",sans-serif}.flame small{font:700 .66rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.glist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.glist li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}
.glist li.ok{border-color:var(--g);background:color-mix(in srgb,var(--g) 12%,var(--card))}
.glist .gk{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);font-weight:800;flex:none}
.glist li.ok .gk{background:var(--g);border-color:var(--g);color:var(--onb)}
.glist .gt{flex:1}
.b.sm{font-size:.95rem;padding:6px 14px}
/* leaderboards */
.lbtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.lbtabs .b.on,.lbper .b.on{background:var(--g);color:var(--onb)}
.lbper{margin-bottom:10px}
.lbt table{width:100%;border-collapse:collapse}
.lbt th{text-align:left;font:700 .9rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.lbt td,.lbt th{padding:9px 10px;border-bottom:1px solid var(--line)}
.lbt .num{text-align:right;white-space:nowrap}.lbt .rk{width:48px;font:800 1.2rem "Barlow Condensed",sans-serif}
.lbt tr.me{background:color-mix(in srgb,var(--y) 28%,var(--card));font-weight:700}
.lbt tr.gap td{text-align:center;color:var(--mut);padding:2px}
.lbt tbody tr:nth-child(1) .rk,.lbt tbody tr:nth-child(2) .rk,.lbt tbody tr:nth-child(3) .rk{font-size:1.5rem}
.lbchal{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:16px;border:2px dashed var(--g);background:color-mix(in srgb,var(--y) 14%,var(--card))}
.lbchal p{margin:0;flex:1;min-width:220px}
.lbempty{text-align:center;padding:26px 14px;border:2px dashed var(--line);border-radius:18px}.lbempty .qi{font-size:2.6rem}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:720px){.lbtabs .b,.lbper .b{padding:7px 12px;font-size:1rem}.lbtabs,.lbper{gap:6px}.flame{width:76px;height:76px}.flame b{font-size:1.7rem}}


/* brand lockup */
.logo{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;line-height:0}
.logo .mk{width:44px;height:44px;flex:none;filter:drop-shadow(0 3px 6px rgba(11,61,46,.28));transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.logo .wmk{height:26px;width:145.2px;flex:none;display:block}
.logo:hover .mk{transform:rotate(-7deg) scale(1.05)}
@media(max-width:420px){.logo{gap:9px}.logo .mk{width:38px;height:38px}.logo .wmk{height:21px;width:117.3px}}
@media(prefers-reduced-motion:reduce){.logo .mk{transition:none}}
@media(max-width:520px){#auth .lg{display:none}}

/* ===== supporter perks, club identity, footer ===== */
#ft{max-width:1000px;margin:8px auto 0;padding:0 16px 40px}
.fsup{border:2px solid var(--y);border-radius:24px;padding:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--y) 16%,var(--card)),var(--card));box-shadow:var(--sh)}
.fsup-h{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.fsup-h>div{flex:1;min-width:240px}
.fsup h2{margin:.35em 0 .2em}.fsup p{margin:.2em 0}
a.b.bmc{background:#FFDD00;color:#0b2418;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-color:transparent;box-shadow:0 4px 0 rgba(0,0,0,.18)}
a.b.bmc:hover{filter:brightness(1.05);transform:translateY(-1px)}
/* Slim support band on inner pages: perks fold into a disclosure */
.fsup.mini{padding:14px 18px;border-width:1.5px;border-radius:20px}
.fsup.mini .fsup-h{flex-wrap:nowrap}.fsup.mini .fsup-h>div{min-width:0}
.fsup.mini h2{font-size:1.15rem;margin:0}.fsup.mini p{font-size:.92rem}
.fsup-i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--y);color:#15803d;font-size:1.4rem}.fsup-i .ki{color:inherit}
@media(max-width:600px){.fsup.mini .fsup-h{flex-wrap:wrap}.fsup.mini .fsup-h>div{flex:1 1 calc(100% - 60px)}.fsup.mini .fsup-h>a.b{width:100%;justify-content:center}}
/* Footer */
.fbot{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px 24px;align-items:start}
.fbrand{display:grid;gap:1px;align-content:start}
.fsoc{display:flex;gap:8px;list-style:none;margin:10px 0 0;padding:0}
.fsoc a{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--g) 10%,var(--card));border:1px solid var(--line);color:var(--ink);transition:background .15s,color .15s,transform .15s}
.fsoc a:hover,.fsoc a:focus-visible{background:var(--g);color:var(--onb);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.fsoc a{transition:none}.fsoc a:hover{transform:none}}.fbrand b{font:800 italic 1.35rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}.fbrand span{font-size:.82rem;color:var(--mut);font-weight:600}
.fnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-weight:600;font-size:.92rem}
.fnav>div{display:grid;gap:5px;align-content:start;justify-items:start}
.fnav h3{margin:0 0 3px;font:800 .78rem "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.fnav a{color:var(--mut);text-decoration:none}.fnav a:hover,.fnav a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.fbot .fan{grid-column:1/-1;max-width:none;margin:6px 0 0;font-size:.78rem;line-height:1.5;text-align:left}
@media(max-width:720px){.fbot{grid-template-columns:1fr}.fbrand{justify-items:center;text-align:center}.fsoc{justify-content:center}.fnav{font-size:.88rem;column-gap:8px}.fnav>div{justify-items:center;text-align:center}.fbot .fan{text-align:center}}
@media(max-width:720px){main{padding-bottom:20px}#ft{padding-bottom:110px}.fsup{padding:16px}}
.pcrest{flex:none;line-height:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
.clubrow{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin-top:10px}.clubrow b{font:700 1.2rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}
.crest{display:inline-block;vertical-align:middle;flex:none}
#auth{display:inline-flex;align-items:center;gap:7px}
.ov .card.wide{max-width:640px}
.crestgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;max-height:52vh;overflow:auto;padding:4px;overscroll-behavior:contain}
.crestgrid button{border:2px solid transparent;border-radius:14px;background:var(--bg);padding:6px 4px;cursor:pointer;line-height:0}
.crestgrid button:hover{border-color:var(--line)}.crestgrid button.on{border-color:var(--g);background:color-mix(in srgb,var(--g) 14%,var(--card))}
.tabs11{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.tabs11 .b.on{background:var(--g);color:var(--onb)}
.lbu{display:inline-flex;align-items:center;gap:8px}
.supc table{width:100%}.supc td{padding:6px 4px;border-bottom:1px solid var(--line)}

/* ===== quiz library ===== */
.qfilters{display:grid;gap:12px}.qfilters input[type=search]{width:100%}
.qfilters .chips small{opacity:.7;font-weight:600;margin-left:2px}
.qsel2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qsel2 label{margin:0;font-weight:700}.qsel2 select{width:100%;margin-top:4px}
@media(max-width:520px){.qsel2{grid-template-columns:1fr}}
.qtagrow .b.on,.qfilters .chips .b.on{background:var(--g);color:var(--onb)}
.qfilters .fmts .b{font-size:1rem;padding:8px 14px}.qtagrow .b{text-transform:none;letter-spacing:.01em}
.qgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.qrowx{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory}.qrowx .qcard{scroll-snap-align:start}
.qcard{display:flex;text-align:left;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);color:var(--ink);cursor:pointer;padding:0;font:inherit;box-shadow:var(--sh);transition:transform .15s,box-shadow .15s;min-height:112px}
.qcard:hover{transform:translateY(-3px)}
.qcb{flex:none;width:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;padding:8px;text-align:center}
.qcb small{font:700 .66rem/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;opacity:.9}
.qci{font-size:1.8rem;line-height:1}
.t-gk .qcb{background:linear-gradient(160deg,#0b3d2e,#0f8a4a)}.t-hl .qcb{background:linear-gradient(160deg,#0e7c7b,#0f8a4a)}.t-t10 .qcb{background:linear-gradient(160deg,#0b3d2e,#b38a00)}
.qcm{display:flex;flex-direction:column;gap:4px;padding:12px 14px;min-width:0}
.qcm b{font:700 1.15rem/1.15 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.qcm>small{color:var(--mut);font-weight:600}
.qtags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.qtags i{font-style:normal;font-size:.75rem;font-weight:700;color:var(--g);background:color-mix(in srgb,var(--g) 12%,transparent);padding:2px 7px;border-radius:99px}
.qtags.qth{margin-top:10px}.qtg{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.14);color:#fff;border-radius:99px;padding:4px 11px;font-weight:700;cursor:pointer}
.qtg:hover{background:rgba(255,255,255,.28)}
/* Quiz play bar: leave link on the left, quiz name centred */
.qplaybar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr) minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px}
.qplaybar>.link{justify-self:start;white-space:nowrap}
.qpt{display:grid;justify-items:center;gap:2px;text-align:center;min-width:0}
.qpt small{font:800 .8rem "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--qtx,var(--mut))}
.qpt b{font:800 1.4rem/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;overflow-wrap:break-word}
@media(max-width:640px){.qplaybar{grid-template-columns:1fr;gap:4px}.qpt b{font-size:1.2rem}.qpt small{font-size:.75rem}}
.qcb{width:66px}.qcm b{font-size:1.05rem;overflow-wrap:anywhere;hyphens:auto}
.qrowx{grid-auto-columns:minmax(250px,1fr)}
@media(max-width:600px){
 .qfilters{gap:10px;padding:14px}
 .qfilters .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
 .qfilters .chips .b{flex:none;font-size:.95rem;padding:7px 12px}
 .qsel2{grid-template-columns:1fr 1fr}
 .qgrid2{grid-template-columns:1fr}
 .qrowx{grid-auto-columns:82%}
}

/* ===== player level ===== */
.lvl{background:linear-gradient(135deg,var(--deep),var(--teal));color:var(--y);border:1px solid color-mix(in srgb,var(--y) 50%,transparent);padding:4px 11px;border-radius:99px;font:800 1.05rem "Barlow Condensed",sans-serif;letter-spacing:.04em}
.lvbox{margin:12px 0 4px;display:grid;gap:6px}.lvtop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lvtop small{color:var(--mut);font-weight:600}
.lvb{background:linear-gradient(135deg,var(--deep),var(--teal));color:var(--y);padding:2px 10px;border-radius:8px;font:800 1.1rem "Barlow Condensed",sans-serif}
.lvup{padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--y) 30%,var(--card));border:2px solid var(--y);font-weight:600}
@media(max-width:420px){.lvl{padding:3px 8px;font-size:.95rem}}
/* main nav: fit all eight tabs, scroll instead of clipping on narrow laptops */
#nav{gap:2px;overflow-x:auto;scrollbar-width:none;justify-content:center}#nav::-webkit-scrollbar{display:none}
#nav button{padding:6px 9px;font-size:.95rem;letter-spacing:.03em;white-space:nowrap;flex:none}
@media(max-width:1020px){#nav{flex-wrap:wrap;justify-content:center;row-gap:2px;overflow:visible}}
/* Trophy Cabinet, achievements and profile header */
.uh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.uh>span:first-child{overflow-wrap:anywhere}
.uh .lvb{font-size:1.35rem;padding:4px 12px;border-radius:10px;letter-spacing:.03em;flex:none}
.at.lk{cursor:pointer;background:var(--bg);border:2px dashed var(--line);box-shadow:none}
.at.lk:hover{transform:translateY(-2px)}
.at.lk .ai{font-family:inherit;font-weight:400;font-size:2.2rem;line-height:1;filter:grayscale(1);opacity:.4}
.at.lk b{color:var(--mut)}
.at.lk small{font-size:.8rem}
.adet.lk{border:2px dashed var(--line)}
.adet.lk .ai{filter:grayscale(1);opacity:.45}
.adet .adesc{font-size:1.1rem;font-weight:600;margin:.4em 0}
.adet .afl{color:var(--mut);font-style:italic;margin:.2em 0 .6em}
/* Rarity colours on badges (the base .at/.sc rules used to override them); earned commons are green, not grey */
.common,.at.common,.sc.common{--rc:#2FBF71}.at.rare,.sc.rare{--rc:#36B8E8}.at.epic,.sc.epic{--rc:#B76EFF}.at.legendary,.sc.legendary{--rc:#F5C542}
.at:not(.lk){box-shadow:0 0 16px -8px var(--rc)}
/* Hearts (Top 10 misses, Daily Birthday Quiz guesses) */
.hearts{display:inline-flex;gap:4px;align-items:center;vertical-align:middle}
.ht{width:24px;height:24px;display:inline-block;line-height:0}
.ht svg{width:100%;height:100%;overflow:visible}
.ht path{fill:#E5484D;stroke:#B4232A;stroke-width:1.4;stroke-linejoin:round}
.ht.lost path{fill:transparent;stroke:var(--mut);stroke-width:1.8;stroke-dasharray:none}
.ht.pop{animation:hbreak .7s ease}
.ht.pop path{animation:hfade .7s ease forwards}
@keyframes hbreak{0%{transform:scale(1)}20%{transform:scale(1.4) rotate(-10deg)}40%{transform:scale(.85) rotate(8deg)}60%{transform:scale(1.12) rotate(-4deg)}100%{transform:scale(1)}}
@keyframes hfade{0%,25%{fill:#E5484D;stroke:#B4232A}100%{fill:transparent;stroke:var(--mut)}}
@media(prefers-reduced-motion:reduce){.ht.pop,.ht.pop path{animation:none}}
.t10in{display:flex;align-items:center;gap:12px;margin-top:10px}.t10in input{flex:1;min-width:0;max-width:420px;margin:0}.t10in .ht{width:28px;height:28px}
.t10msg{margin:6px 0 4px;min-height:1.4em;font-weight:600}
.dqh .hearts{margin-left:auto}.dqh .ht{width:28px;height:28px}
.dqh .hearts+.mut{flex-basis:100%;text-align:right}
/* ===== Quiz types: one colour each (GK green, Higher/Lower blue, Top 10 gold) ===== */
:root{--q-gk:#0f8a4a;--q-gk2:#0b3d2e;--q-gkx:#0b6b39;--q-hl:#2563eb;--q-hl2:#1e3a8a;--q-hlx:#1d4ed8;--q-t10:#c98a06;--q-t102:#7a4a00;--q-t10x:#8a5a00}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--q-gkx:#4ade80;--q-hl:#3b82f6;--q-hlx:#93c5fd;--q-t10:#e0a419;--q-t10x:#f5c451}}
:root[data-theme=dark]{--q-gkx:#4ade80;--q-hl:#3b82f6;--q-hlx:#93c5fd;--q-t10:#e0a419;--q-t10x:#f5c451}
.t-gk{--qt:var(--q-gk);--qt2:var(--q-gk2);--qtx:var(--q-gkx)}.t-hl{--qt:var(--q-hl);--qt2:var(--q-hl2);--qtx:var(--q-hlx)}.t-t10{--qt:var(--q-t10);--qt2:var(--q-t102);--qtx:var(--q-t10x)}
.qcard[class*="t-"]{border:2px solid color-mix(in srgb,var(--qt) 75%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--qt) 9%,var(--card)),var(--card) 70%)}
.qcard[class*="t-"]:hover,.qcard[class*="t-"]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--qt) 30%,transparent),var(--sh)}
.qcard[class*="t-"] .qcb{background:linear-gradient(160deg,var(--qt),var(--qt2))}
.qcard[class*="t-"] .qtags i{color:var(--qtx);background:color-mix(in srgb,var(--qt) 14%,transparent)}
.qcard[class*="t-"] .qcm b{color:var(--ink)}
.qfilters [data-fmt="gk"]{--qt:var(--q-gk)}.qfilters [data-fmt="hl"]{--qt:var(--q-hl)}.qfilters [data-fmt="t10"]{--qt:var(--q-t10)}
.qfilters [data-fmt]:not([data-fmt="all"]){border-color:color-mix(in srgb,var(--qt) 70%,transparent)}
.qfilters .chips .b.on[data-fmt]:not([data-fmt="all"]){background:var(--qt);border-color:var(--qt);color:#fff}
.qcard .qcb{padding:8px 3px}.qcard .qcb small{font-size:.62rem;letter-spacing:.02em;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto;max-width:100%}
.qcard.t-gk .qcb small{font-size:.56rem;letter-spacing:0}
/* Wordmark next to the emblem: the site font (Barlow Condensed), like the menu */
.logo .wmk-t{display:block;flex:none;font:italic 800 2.05rem/1 "Barlow Condensed",Impact,"Arial Narrow",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);transform:translateY(1px)}
@media(max-width:420px){.logo .wmk-t{font-size:1.7rem}}
/* Higher / Lower: the higher number stays on (left, top on phones) */
.hl2{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px;margin-top:6px}
.hlc{display:grid;justify-items:center;align-content:center;gap:4px;min-height:150px;padding:16px 12px;border:2px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);cursor:pointer;font:inherit;text-align:center;transition:transform .15s,border-color .15s,background .15s}
.hlc:not(:disabled):hover{transform:translateY(-3px);border-color:var(--q-hl,#2563eb)}
.hlc.champ{background:linear-gradient(160deg,color-mix(in srgb,var(--q-hl,#2563eb) 14%,var(--card)),var(--card))}
.hlc.chal{animation:hlin .35s ease-out}
@keyframes hlin{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.hlk{font:800 .75rem "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.hln{font:800 1.35rem/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
.hlv{font:800 2.6rem/1 "Barlow Condensed",sans-serif;color:var(--q-hlx,#1d4ed8)}.hlv.v{color:var(--mut)}.hlv.shown{color:var(--q-hlx,#1d4ed8);animation:hlpop .3s ease-out}
@keyframes hlpop{from{transform:scale(.6)}to{transform:none}}
.hlm{color:var(--mut);font-weight:700}
.hlvs{align-self:center;font:800 1.3rem "Barlow Condensed",sans-serif;color:var(--mut)}
.hlc.win{border-color:var(--g);background:color-mix(in srgb,var(--g) 14%,var(--card))}.hlc.lose{opacity:.7}
.hlc.picked.lose{border-color:#e5484d;background:color-mix(in srgb,#e5484d 12%,var(--card));opacity:1}
.hlc:disabled{cursor:default}
@media(max-width:560px){.hl2{grid-template-columns:1fr;gap:8px}.hlc{min-height:0;padding:12px;grid-template-columns:1fr auto;justify-items:start;text-align:left;column-gap:12px}
 .hlc .hlk{grid-column:1/-1}.hlc .hln{grid-column:1}.hlc .hlv{grid-column:2;grid-row:2/4;align-self:center;font-size:2.3rem}.hlc .hlm{grid-column:1}
 .hlvs{justify-self:center;font-size:1rem;margin:-2px 0}
 @keyframes hlin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.hlc.chal,.hlv.shown{animation:none}}
/* Higher / Lower buttons (classic) */
.hlg .hlc{cursor:default}.hlg .hlc:hover{transform:none;border-color:var(--line)}
.hlg .hlc.chal.win{border-color:var(--g);background:color-mix(in srgb,var(--g) 14%,var(--card))}
.hlg .hlc.chal.lose{border-color:#e5484d;background:color-mix(in srgb,#e5484d 12%,var(--card));opacity:1}
.hlq{color:var(--q-hlx,#1d4ed8)}
.hlbtn{display:flex;gap:8px;width:100%;margin-top:8px}.hlbtn .b{flex:1;margin:0;font-size:1.1rem;padding:12px 10px}
.hlbtn .hup{background:var(--g);color:var(--onb)}.hlbtn .hdn{background:var(--q-hl,#2563eb);color:#fff}
.hlbtn .b:disabled{opacity:.55}.hlbtn .b.right{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 45%,transparent)}
.hlbtn .b.picked:not(.right){opacity:1;background:#e5484d;color:#fff}
@media(max-width:560px){.hlg .hlc .hlbtn{grid-column:1/-1}}
/* Higher / Lower v3: modes, HUD, buttons between the players, results */
.hlms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.hlmb{display:grid;justify-items:start;gap:4px;padding:16px;border:2px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.hlmb:hover,.hlmb:focus-visible{border-color:var(--q-hl,#2563eb)}.hlmb b{font:800 1.4rem "Barlow Condensed",sans-serif;text-transform:uppercase}.hlmb small{color:var(--mut)}.hlmi{font-size:1.6rem}
.hlhud{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hlsc{display:grid;line-height:1}.hlsc small{font:800 .75rem "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.hlsc b{font:800 3rem/1 "Barlow Condensed",sans-serif;color:var(--q-hlx,#1d4ed8)}
.hlhm{flex:1;display:grid;gap:4px;justify-items:start}.hlhm small{color:var(--mut);font-weight:600}
.hlh{font-size:2rem;line-height:1;transition:transform .3s}.hlh.lost{filter:grayscale(1);opacity:.6;animation:hbreak .5s ease-out}
@keyframes hbreak{30%{transform:scale(1.3) rotate(-8deg)}}
.hlhc{font-weight:700;color:var(--mut)}
.hlnote{min-height:1.4em;margin:.4em 0}
.hlbar{position:relative;height:22px;background:var(--line);border-radius:99px;overflow:hidden}
.hlbar #bar{height:100%;width:100%;background:var(--g);border-radius:99px}.hlbar #bar.low{background:#e5484d}
.hlbar #pts{position:absolute;inset:0;display:grid;place-items:center;font:800 .9rem "Barlow Condensed",sans-serif;color:var(--ink);letter-spacing:.04em}
.hlbar #pts::after{content:" pts"}
.hlg .hl2{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.hlg .hlbtn{display:flex;flex-direction:column;justify-content:center;gap:10px;margin:0;width:auto}
.hlg .hlbtn .b{display:grid;place-items:center;gap:0;width:84px;padding:10px 6px;font-size:1.6rem;line-height:1;border-radius:16px}
.hlg .hlbtn .b span{font-size:.8rem;letter-spacing:.06em}
.hlg .hlbtn .hup{background:#16a34a;color:#fff}.hlg .hlbtn .hdn{background:#dc2626;color:#fff}
.hlg .hlbtn .b:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-2px)}
.hlg .hlbtn .b.picked:not(.right){background:#7f1d1d}
.rh{text-align:center;margin:.2em 0}.rh small{display:block;font-size:.9rem;color:var(--mut);letter-spacing:.04em}
.rbig{display:grid;justify-items:center;margin:4px 0 8px}.rbig b{font:800 4rem/1 "Barlow Condensed",sans-serif;color:var(--g)}.rbig small{font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.rcard .rwhy{display:block;text-align:center;font:800 1.3rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.rtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rtiles div{display:grid;justify-items:center;padding:10px;border:1px solid var(--line);border-radius:14px}
.rtiles small{color:var(--mut);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.06em}.rtiles b{font:800 1.8rem "Barlow Condensed",sans-serif}
@media(max-width:560px){.hlms{grid-template-columns:1fr}.hlsc b{font-size:2.5rem}
 .hlg .hl2{grid-template-columns:1fr}.hlg .hlbtn{flex-direction:row}.hlg .hlbtn .b{flex:1;width:auto;grid-auto-flow:column;gap:8px;font-size:1.4rem}.hlg .hlbtn .b span{font-size:1rem}
 .rbig b{font-size:3.4rem}}
.hlbar #pts{display:flex;justify-content:center;align-items:center;gap:3px}.hlbar #pts::after{content:"pts"}
/* ===== Quiz play screens (General Knowledge, Top 10): same HUD as Higher / Lower, in each quiz's colour ===== */
.qg{border-top:5px solid var(--qt,var(--g))}
.qg .hlhud{justify-content:space-between;margin-bottom:12px}
.qg .hlsc b{color:var(--qtx,var(--g))}.qg .hlsc b span{font-size:1.5rem;color:var(--mut);margin-left:2px}
.qg .hlhm{min-width:0}.qg .hlhm b{color:var(--ink)}
.qbar{margin-bottom:4px}.qbar #bar{transition:width .25s linear,background .3s}
.qbar>#tt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 .9rem "Barlow Condensed",sans-serif;letter-spacing:.04em;color:var(--ink)}
@media(prefers-reduced-motion:reduce){.qbar #bar{transition:none}}
/* GK: one dot per question */
.qdots{display:flex;gap:5px;list-style:none;margin:2px 0 0;padding:0}
.qdots li{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);background:var(--card)}
.qdots li.cur{border-color:var(--qt,var(--g));box-shadow:0 0 0 2px color-mix(in srgb,var(--qt,var(--g)) 30%,transparent)}
.qdots li.ok{background:var(--g);border-color:var(--g)}.qdots li.no{background:var(--r);border-color:var(--r)}.qdots li.to{background:var(--mut);border-color:var(--mut)}
.qq{text-align:center;font-size:1.45rem;line-height:1.25;margin:18px 4px 16px;text-wrap:balance}
.qopts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qopts .opt{display:flex;align-items:center;gap:10px;margin:0;min-height:60px;padding:10px 12px;text-align:left;text-transform:none;letter-spacing:0;font-size:1.05rem;line-height:1.2;border-width:2px;border-radius:14px}
.qopts .opt:not(:disabled):hover{border-color:var(--qt,var(--g));transform:translateY(-2px)}
.qk{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--qt,var(--g)) 14%,var(--card));color:var(--qtx,var(--g));font:800 1rem "Barlow Condensed",sans-serif}
.qopts .opt:disabled{opacity:.5}
.qopts .opt.right{opacity:1;border-color:var(--g);background:color-mix(in srgb,var(--g) 16%,var(--card))}.qopts .opt.right .qk{background:var(--g);color:#fff}
.qopts .opt.wrong{opacity:1;border-color:var(--r);background:color-mix(in srgb,var(--r) 14%,var(--card))}.qopts .opt.wrong .qk{background:var(--r);color:#fff}
.qfb{text-align:center;font-weight:700;min-height:1.5em;margin:12px 0 0}.qfb.ok{color:var(--g)}.qfb.no{color:var(--r)}
/* Top 10: hearts top right, ladder of ten below the input */
.t10h{display:grid;justify-items:end;gap:3px}.t10h .ht{width:28px;height:28px}.t10h .hearts{display:flex;gap:3px}
.t10h small,.hlh small{font:800 .72rem "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.qg-t10 .t10task{text-align:center;margin:12px 0 0;font-weight:600;color:var(--mut)}.qg-t10 .t10task b{color:var(--ink)}
.qg-t10 .t10in{position:relative;display:block;margin-top:10px}
.qg-t10 .t10in input{width:100%;max-width:none;font-size:1.1rem;padding:12px 14px}
.t10sg{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:6;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh)}
.t10sg.on{display:grid;gap:2px}
.t10sg .opt{margin:0;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--ink);font:600 1rem inherit;font-family:inherit;text-align:left;cursor:pointer}
.t10sg .opt:hover,.t10sg .opt:focus-visible{background:color-mix(in srgb,var(--qt,var(--g)) 14%,var(--card))}
.qg-t10 .t10msg{text-align:center;margin:10px 0 2px}.t10msg.ok{color:var(--g)}.t10msg.no{color:var(--r)}
.t10lad{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:6px 8px}
.t10lad li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;align-content:center;min-height:50px;padding:6px 10px 6px 6px;border:1.5px dashed var(--line);border-radius:12px;background:var(--bg)}
.t10r{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--line);color:var(--mut);font:800 1.05rem "Barlow Condensed",sans-serif}
.t10lad b{font-weight:700;line-height:1.15;color:var(--mut);overflow-wrap:anywhere}.t10lad b:last-child{grid-row:1/3}
.t10lad em{font-style:normal;font-size:.8rem;font-weight:600;color:var(--mut)}
.t10lad li.on{border-style:solid;border-color:color-mix(in srgb,var(--qt,var(--g)) 60%,var(--line));background:color-mix(in srgb,var(--qt,var(--g)) 12%,var(--card))}
.t10lad li.on .t10r{background:var(--qt,var(--g));color:#1d1300}.t10lad li.on b{color:var(--ink)}
.t10lad li.new{animation:t10new .6s ease-out}
@keyframes t10new{0%{transform:scale(.94);box-shadow:0 0 0 0 color-mix(in srgb,var(--qt,var(--g)) 60%,transparent)}60%{transform:scale(1.03)}100%{transform:none;box-shadow:0 0 0 10px transparent}}
@media(prefers-reduced-motion:reduce){.t10lad li.new{animation:none}}
.t10mode h3{text-align:center}.t10mode>p{text-align:center}
.qplay .hlmb:hover,.qplay .hlmb:focus-visible{border-color:var(--qt,var(--g))}
/* Results */
.rcard .rtiles{margin:6px 0 4px}.rnote{text-align:center}
.rsub{text-align:center;margin:18px 0 0}
.t10miss{grid-template-rows:none;grid-auto-flow:row}.t10miss li{border-style:solid}
.rvlist{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px}
.rvlist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 12px;border:1px solid var(--line);border-left:5px solid var(--mut);border-radius:6px 12px 12px 6px}
.rvlist li.ok{border-left-color:var(--g)}.rvlist li.no{border-left-color:var(--r)}
.rvlist li span{color:var(--mut);font-size:.92rem}.rvlist li b{grid-column:1}.rvlist li em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-weight:800;font-size:.85rem;color:var(--mut)}
.rvlist li.ok em{color:var(--g)}.rvlist li.no em{color:var(--r)}
/* Higher / Lower spare heart */
.hlh{display:grid;justify-items:end;gap:3px;font-size:inherit}.hlh .ht{width:30px;height:30px}
@media(max-width:560px){.qg-t10 .hlhud{display:grid;grid-template-columns:1fr auto;gap:8px 12px}.qg-t10 .hlhm{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:4px 12px}
 .qq{font-size:1.25rem;margin:14px 0 12px}.qopts{gap:8px}.qopts .opt{min-height:56px;padding:8px 10px;font-size:1rem}.qk{width:24px;height:24px;font-size:.9rem}
 .t10lad li{min-height:46px;padding:5px 8px 5px 5px;column-gap:8px}.t10r{width:28px;height:28px;font-size:.95rem}.t10lad b{font-size:.92rem}.t10lad em{font-size:.75rem}}
@media(max-width:340px){.t10lad{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.qopts{grid-template-columns:1fr}}
/* Kicks history: 6 rows, then scroll */
.khc{padding:12px 14px}.khs{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.khs span{display:inline-flex;align-items:center;gap:6px}
.khist{position:relative;max-height:calc(6 * 52px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line)}
.khist table{margin:0}.khist tr{height:52px}.khist td{padding:6px 4px;vertical-align:middle}.khist td:last-child{text-align:right;font-weight:800;white-space:nowrap}
.khist td:first-child{display:grid;gap:1px}.khr{line-height:1.25}
.khist.more{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),transparent);mask-image:linear-gradient(#000 calc(100% - 28px),transparent)}
.khist:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.khist table{table-layout:fixed;width:100%}.khist td:last-child{width:84px}
.khist tr{height:56px}.khist td:first-child{display:table-cell}.khist .khr,.khist td:first-child small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.khist{max-height:calc(6 * 56px + 1px)}
.b.bmc{max-width:100%;white-space:normal;text-align:center}
/* Continue with Google */
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:8px 0 4px;padding:11px 16px;border:1px solid #dadce0;border-radius:12px;background:#fff;color:#1f1f1f;font:600 1rem Barlow,system-ui,sans-serif;cursor:pointer;transition:background .15s,box-shadow .15s}
.gbtn:hover{background:#f8faff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.gbtn:focus-visible{outline:3px solid var(--g);outline-offset:2px}.gbtn:disabled{opacity:.6;cursor:wait}
.ordiv{display:flex;align-items:center;gap:10px;margin:10px 0 2px;color:var(--mut);font-size:.85rem}.ordiv::before,.ordiv::after{content:"";flex:1;border-top:1px solid var(--line)}
.legal ul{padding-left:1.2em}.legal li{margin:.35em 0}
/* ===== 3D achievement icons ===== */
.ai .aimg{display:block;width:1.3em;height:1.3em;object-fit:contain;margin:0 auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.22))}
.at .ai .aimg{width:56px;height:56px}.sc .ai .aimg{width:72px;height:72px}.adet .ai.big .aimg{width:112px;height:112px}.achpop .ai .aimg{width:52px;height:52px}
.at.lk .ai .aimg,.adet.lk .ai .aimg{filter:grayscale(1) brightness(1.1);opacity:.32}
.at:not(.lk):hover .aimg{transform:scale(1.08) rotate(-4deg);transition:transform .2s}
/* ===== Trophy Room: 5 pedestals in a lit cabinet ===== */
.trh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:1.2em}.trh h2{margin:0}
.achcab .trh{margin-top:.6em}.achcab .cabn{margin:4px 0 14px;font-size:.92rem}
/* Badge picker for an empty cabinet spot */
.pkr{width:min(560px,100%);max-height:min(640px,calc(100vh - 40px));display:flex;flex-direction:column}
.pkr .gsh{display:flex;align-items:center;gap:10px}.pkr .gsh h2{flex:1;margin:0;font-size:1.3rem}
.pkr>p{margin:6px 0 12px}.pkr .agal{max-height:none;flex:1;min-height:0}
.trl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lkc{font:800 1.15rem "Barlow Condensed",sans-serif;padding:4px 12px;border-radius:99px;background:color-mix(in srgb,#e5484d 14%,var(--card))}
.lkc.big{font-size:1.4rem;padding:8px 16px;background:rgba(255,255,255,.16);color:#fff}
/* ===== Public manager profile ===== */
.mgh{position:relative;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px;border-radius:24px;color:#fff;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 56px,transparent 56px 112px),linear-gradient(135deg,var(--deep),#0f7a43 70%,var(--teal));box-shadow:var(--sh)}
.mgh.skel{min-height:150px}.mgc svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}
.mgi{flex:1;min-width:200px}.mgi h1{margin:.1em 0 0;overflow-wrap:anywhere}.mgcl{margin:0 0 8px;font:700 1.2rem "Barlow Condensed",sans-serif;letter-spacing:.03em;color:var(--y);text-transform:uppercase}
.mgs{display:flex;flex-wrap:wrap;gap:6px}.mgs .chip{background:rgba(255,255,255,.14);color:#fff;border-color:transparent}
.mgl{margin-left:auto}.lkb{display:inline-flex;align-items:center;gap:8px;font-size:1.1rem;padding:10px 18px;background:#fff;color:#0b2418}
.lkb b{font:800 1.3rem "Barlow Condensed",sans-serif}.lkb.on{background:#e5484d;color:#fff}.lkb:not(:disabled):active{transform:scale(.96)}
.mgg{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;margin-top:14px}.mgg .card{margin:0}
.mgp{display:inline-flex;align-items:center;gap:8px}
a.mgr{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}a.mgr:hover{text-decoration-color:currentColor;color:var(--g)}
@media(max-width:720px){.mgg{grid-template-columns:1fr}.mgl{margin-left:0;width:100%}.lkb{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.at:not(.lk):hover .aimg{transform:none}}

/* ===== Trophy Cabinet (walnut frame, felt back wall, spotlit shelves, brass name tags) ===== */
.ai .aimg{filter:none}.at .ai .aimg{width:84px;height:84px;margin:-4px auto -2px}.adet .ai.big .aimg{width:132px;height:132px}.achpop .ai .aimg{width:60px;height:60px}
.cs.rare{--rc:#36B8E8}.cs.epic{--rc:#B76EFF}.cs.legendary{--rc:#F5C542}
.cab{position:relative;margin:10px 0 8px;padding:0 12px;border-radius:18px 18px 8px 8px;background:linear-gradient(90deg,#1f1108,#4a2c17 7%,#3a2212 30%,#43281a 70%,#4a2c17 93%,#1f1108);box-shadow:0 22px 30px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,220,170,.18)}
.cab-top{display:flex;justify-content:center;padding:10px 0 9px}
.cab-plq{display:inline-block;max-width:82%;padding:4px 18px;border-radius:3px;background:linear-gradient(180deg,#fff2b8,#dcaa28 45%,#a5700c);color:#3d2400;font:800 .95rem/1.2 "Barlow Condensed",sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 0 #4a2a00,inset 0 1px 0 rgba(255,255,255,.65);text-shadow:0 1px 0 rgba(255,255,255,.4)}
.cab-in{position:relative;overflow:hidden;border-radius:4px;background:radial-gradient(ellipse 80% 30% at 50% 0,rgba(255,236,170,.14),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px),linear-gradient(180deg,#0f3d2c,#06231a);box-shadow:inset 0 0 0 3px #1a0d05,inset 0 12px 26px rgba(0,0,0,.6),inset 0 -6px 18px rgba(0,0,0,.4)}
.cab-sh{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,7vw,72px);padding:30px 12px 28px}
.cab-sh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(180deg,#a06c40 0,#7a4e2c 2px,#5a3820 45%,#3a2212);box-shadow:0 -1px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,225,180,.45),0 8px 12px rgba(0,0,0,.45);z-index:0}
.cab-gl{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 0 18%,rgba(255,255,255,.075) 22%,rgba(255,255,255,.02) 31%,transparent 33%,transparent 64%,rgba(255,255,255,.05) 68%,transparent 74%)}
.cab-base{height:14px;margin:0 -12px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#43281a,#1a0d05);box-shadow:inset 0 1px 0 rgba(255,220,170,.15)}
.cs{position:relative;z-index:1;flex:0 1 150px;min-width:0;display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;cursor:pointer;color:#fff;font-family:inherit;-webkit-tap-highlight-color:transparent}
.cs::after{content:"";position:absolute;left:-25%;right:-25%;top:-30px;bottom:0;background:radial-gradient(ellipse 45% 100% at 50% 0,rgba(255,240,190,.24),transparent 80%);z-index:-2;pointer-events:none}
.cpl{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);max-width:calc(100% + 10px);padding:1px 8px;border-radius:2px;background:linear-gradient(180deg,#fff0b0,#d09a1c 55%,#a4700c);color:#3d2400;font:800 .74rem/1.35 "Barlow Condensed",sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 0 rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.55);z-index:2}
.cs.empty .cpl{background:rgba(0,0,0,.28);color:rgba(255,235,200,.6);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.cbd{display:block;line-height:0}
.cs .aimg{display:block;width:118px;height:118px;margin:0 auto -3px;filter:drop-shadow(0 9px 9px rgba(0,0,0,.45));transition:transform .2s ease}
.cs:not(.empty)::before{content:"";position:absolute;left:14%;right:14%;bottom:-6px;height:12px;border-radius:50%;background:var(--rc,#2FBF71);filter:blur(9px);opacity:.55;z-index:-1}
.cs:not(.empty):hover .aimg,.cs:not(.empty):focus-visible .aimg{transform:translateY(-5px) rotate(-3deg)}
.cs.empty{cursor:default}button.cs.empty{cursor:pointer}
.cs.empty .cbd{display:grid;place-items:center;width:90px;height:102px;margin:8px auto 6px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,.07);color:rgba(255,255,255,.4);font:600 2rem/1 system-ui,sans-serif}
button.cs.empty:hover .cbd{background:rgba(255,255,255,.13);color:rgba(255,255,255,.75)}
.cabn{margin:6px 2px 4px;font-size:.9rem}
@media(max-width:560px){
 .cab{padding:0 8px}.cab-base{margin:0 -8px}.cab-plq{font-size:.8rem;padding:3px 12px}
 .cab-sh{gap:10px;padding:22px 6px 34px}.cab-sh::after{height:34px}
 .cs{flex-basis:96px}.cs .aimg{width:86px;height:86px}.cs.empty .cbd{width:66px;height:74px;margin:6px auto 5px;font-size:1.5rem}
 .cpl{left:0;right:0;max-width:none;transform:none;white-space:normal;text-align:center;font-size:.62rem;line-height:1.12;letter-spacing:.04em;padding:2px 3px;top:calc(100% + 5px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.cs .aimg{transition:none}.cs:hover .aimg{transform:none}}

/* ===== Badge pack: metal rarity colours (bronze, silver, gold, diamond) in every achievement context ===== */
:is(.at,.cs,.adet,.achpop,.cel,.kbt,.rb).common{--rc:#c8793b}
:is(.at,.cs,.adet,.achpop,.cel,.kbt,.rb).rare{--rc:#9aa6b6}
:is(.at,.cs,.adet,.achpop,.cel,.kbt,.rb).epic{--rc:#f2b620}
:is(.at,.cs,.adet,.achpop,.cel,.kbt,.rb).legendary{--rc:#3fc8ea}
.tier{display:inline-block;padding:2px 10px;border-radius:99px;font:800 .72rem/1.5 Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 0 rgba(0,0,0,.25);white-space:nowrap}
.tier.bronze{background:linear-gradient(180deg,#f2b583,#c8793b 55%,#8a4b1f);color:#2b1406}
.tier.silver{background:linear-gradient(180deg,#f6f8fa,#b7bcc6 55%,#7d8491);color:#23272e}
.tier.gold{background:linear-gradient(180deg,#ffe27a,#f2b620 55%,#b8780a);color:#3d2400}
.tier.diamond{background:linear-gradient(180deg,#d6f8ff,#52d6f0 55%,#1d8fb0);color:#062c3a}

/* Level rank badges */
.rki{display:inline-block;vertical-align:middle;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.lvl{display:inline-flex;align-items:center;gap:3px}.lvl .rki{width:24px;height:24px;margin:-5px 0 -5px -7px}
.lvb{display:inline-flex;align-items:center;gap:2px}.lvb .rki{width:26px;height:26px;margin:-6px 2px -6px -6px}
h1.uh .lvb .rki{width:32px;height:32px;margin:-8px 3px -8px -7px}

/* Achievements page */
.achhd{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:4px 0 14px}
.achhd h1{margin:8px 0 4px}.achhd p{margin:0;max-width:640px}
.achring{--p:0;width:118px;height:118px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--y) calc(var(--p)*1%),color-mix(in srgb,var(--g) 16%,var(--card)) 0);box-shadow:var(--sh)}
.achring>div{width:88px;height:88px;border-radius:50%;background:var(--card);display:grid;place-content:center;text-align:center;line-height:1}
.achring b{font:800 2.4rem "Barlow Condensed",sans-serif}.achring small{color:var(--mut);font-weight:700;font-size:.8rem}
.rarbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}
.rb{display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:var(--card);border-radius:14px;padding:10px 12px 12px;box-shadow:var(--sh);border-top:4px solid var(--rc)}
.rb b{font:800 1.7rem/1 "Barlow Condensed",sans-serif}.rb b small{font-size:1rem;color:var(--mut)}.rb .mut{font-size:.85rem;font-weight:600}
.rbb{align-self:stretch;height:6px;border-radius:9px;background:var(--line);overflow:hidden}.rbb i{display:block;height:100%;background:var(--rc)}
.afl{margin:6px 0 4px}
.asec{margin:16px 0 22px}.asech{display:flex;align-items:center;gap:10px;margin:0 0 10px}.asech h2{margin:0;font-size:1.45rem}.asech small{margin-left:auto;color:var(--mut);font-weight:800;font-size:.95rem}
.achpage .agal{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px;padding:2px}
.achpage .at{min-height:150px}
.at .ai{position:relative;display:inline-block}
.at .ai .lkb{position:absolute;right:-6px;bottom:-2px;width:26px;height:26px;display:grid;place-items:center;padding:0;margin:0;border-radius:50%;background:var(--card);border:1px solid var(--line);box-shadow:0 2px 6px rgba(0,0,0,.2);font:normal 13px/1 system-ui,sans-serif;opacity:1;filter:none}
.achpage .at.lk .ai{opacity:1;filter:none}
.achpage .at.lk .ai .aimg{filter:grayscale(1) brightness(1.05);opacity:.38}
.at.lk small{color:var(--mut)}
.at.flash{animation:atfl 1.2s ease 2}@keyframes atfl{0%,100%{box-shadow:0 0 0 0 var(--rc)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--rc) 45%,transparent)}}
.achguest{text-align:center}.agrow{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.agrow img{width:84px;height:84px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}
.achguest .actions{justify-content:center}
/* Profile: link to the full list under the Trophy Cabinet */
.achbtn{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:12px 0 6px;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,var(--deep),#0f6a43);color:#fff;text-decoration:none;box-shadow:var(--sh);transition:filter .15s,transform .15s}
.achbtn:hover{filter:brightness(1.08);transform:translateY(-1px)}.achbtn img{flex:none;width:44px;height:44px}
.achbtn b{display:block;font:800 1.25rem/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}.achbtn small{color:rgba(255,255,255,.8);font-weight:600}
.achbtn .achbar{flex:1 1 140px;height:8px;border-radius:9px;background:rgba(255,255,255,.18);overflow:hidden}.achbar i{display:block;height:100%;background:linear-gradient(90deg,var(--y),#ffe08a)}
.kmgo{font-style:normal;color:var(--y);font-size:.9rem}

/* Unlock pop-up (Kibbitz toast frame, recoloured to Kickpedia green) */
.kbt{position:fixed;z-index:85;left:50%;top:calc(env(safe-area-inset-top,0px) + 74px);width:min(380px,calc(100vw - 20px));aspect-ratio:3/1;padding:0;border:0;background:none;cursor:pointer;container-type:inline-size;opacity:0;transform:translate(-50%,-16px) scale(.96);transition:opacity .3s,transform .4s cubic-bezier(.2,1.4,.4,1);filter:drop-shadow(0 14px 22px rgba(0,0,0,.35));text-align:left;color:#fff;font-family:inherit}
.kbt.in{opacity:1;transform:translate(-50%,0) scale(1)}
.kbt-bg{position:absolute;inset:0;width:100%;height:100%}
.kbt-b{position:absolute;left:4.6%;top:14%;width:24%;aspect-ratio:1;border-radius:50%}
.kbt-b .aimg{position:relative;width:100%;height:100%;transform:scale(.2);opacity:0}
.kbt.in .kbt-b .aimg{animation:kbpop .75s cubic-bezier(.2,1.6,.4,1) .12s both}
.kbt-ring{position:absolute;inset:4%;border-radius:50%;border:3px solid var(--rc);opacity:0}
.kbt.in .kbt-ring{animation:kbring .9s ease-out .32s both}
.kbt-sh,.celi .kbt-sh{position:absolute;inset:8%;border-radius:50%;overflow:hidden;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 48%,transparent 60%) no-repeat;background-size:250% 100%;background-position:150% 0;mix-blend-mode:overlay}
.kbt.in .kbt-sh{animation:kbsh 1s ease-in-out .9s both}
.kbt-t{position:absolute;left:35%;right:9%;top:23%;bottom:20%;display:flex;flex-direction:column;justify-content:center}
.kbt-t small{font:800 2.9cqw/1.2 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--y)}
.kbt-t b{font:800 6cqw/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.6cqw 0 2.2cqw}
.kbt-t em{font:600 3.3cqw/1.2 Barlow,sans-serif;font-style:normal;color:rgba(255,255,255,.82)}
.kbt.in .kbt-t>*{animation:kbtx .45s ease-out both}.kbt.in .kbt-t b{animation-delay:.08s}.kbt.in .kbt-t em{animation-delay:.16s}
@keyframes kbpop{0%{transform:scale(.2) rotate(-28deg);opacity:0}60%{transform:scale(1.14) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes kbring{0%{transform:scale(.5);opacity:.95}100%{transform:scale(1.7);opacity:0}}
@keyframes kbsh{0%{background-position:150% 0}100%{background-position:-60% 0}}
@keyframes kbtx{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:none}}
/* Collect celebration with the big badge */
.celi.celb{position:relative;width:176px;height:176px;margin:4px auto 2px;font-size:0;line-height:0}
.celi.celb .aimg{position:relative;width:100%;height:100%;animation:kbpop .8s cubic-bezier(.2,1.6,.4,1) both;filter:drop-shadow(0 12px 14px rgba(0,0,0,.4))}
.celi .burst{position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 60%,transparent) 0,transparent 66%);animation:kbglow 2.2s ease-in-out infinite alternate}
.celi.celb .kbt-sh{inset:12%;animation:kbsh 1.1s ease-in-out .7s both}
@keyframes kbglow{0%{transform:scale(.85);opacity:.55}100%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.kbt,.kbt.in .kbt-b .aimg,.kbt.in .kbt-ring,.kbt.in .kbt-sh,.kbt.in .kbt-t>*,.celi.celb .aimg,.celi .burst,.celi.celb .kbt-sh{animation:none!important;transition:none}.kbt-b .aimg{transform:none;opacity:1}}

/* While a quiz is being played the support box stays out of the way */
body.playing .fsup{display:none}

/* Desktop Games dropdown: badge icons */
.ddm .gii{width:40px;height:40px;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}

/* Bottom bar with badge icons */
.bnav .uii{display:block;width:28px;height:28px;margin:0 auto 2px;transition:transform .2s}
.bnav button.on .uii{transform:translateY(-2px) scale(1.08)}
.bnav button{font-size:.76rem}

/* Phone menu under the K logo */
.logo .kmc{display:none}
#kmenu,#kmbg{display:none}
@media(max-width:720px){
 .logo .kmc{display:grid;place-items:center;width:24px;height:24px;margin-left:-3px;border-radius:50%;background:color-mix(in srgb,var(--g) 15%,transparent);color:var(--g);transition:transform .25s}
 .logo[aria-expanded="true"] .kmc{transform:rotate(180deg)}
 #kmbg{display:block;position:fixed;inset:0;z-index:28;background:rgba(6,35,26,.38);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s}
 #kmbg.on{opacity:1}
 #kmenu{display:block;position:fixed;left:0;right:0;z-index:29;max-height:calc(100dvh - var(--kmt,64px) - 74px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;background:var(--card);border-bottom:1px solid var(--line);border-radius:0 0 24px 24px;box-shadow:0 22px 40px -18px rgba(6,35,26,.55);padding:14px 14px 16px;opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .25s cubic-bezier(.2,1.2,.4,1)}
 #kmenu.on{opacity:1;transform:none}
 #kmbg[hidden],#kmenu[hidden]{display:none}
 body.kmopen{overflow:hidden}
 .kmg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
 .kmg button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 6px;border:0;border-radius:14px;background:none;color:var(--ink);font:800 .74rem/1.1 "Barlow Condensed",sans-serif;letter-spacing:.05em;text-transform:uppercase;text-align:center;cursor:pointer}
 .kmg button .uii{width:46px;height:46px;filter:drop-shadow(0 3px 4px rgba(6,35,26,.25));transition:transform .2s}
 .kmg button:active .uii{transform:scale(.92)}
 .kmg button.on{background:color-mix(in srgb,var(--g) 14%,transparent);color:var(--g)}
 .kmh{display:flex;align-items:baseline;justify-content:space-between;margin:14px 2px 8px;font:800 1.15rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em}
 .kmh small{color:var(--mut);font:700 .8rem Barlow,sans-serif;letter-spacing:0;text-transform:none}
 .kmgames{display:grid;gap:8px}
 .kmgames button,.kmsoon{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 8px;border-radius:16px;text-align:left;font-family:inherit}
 .kmgames button{border:0;cursor:pointer;color:#fff;background:radial-gradient(ellipse at 15% 20%,rgba(198,244,50,.16),transparent 55%),linear-gradient(135deg,#0f6a43,#0b3d2e);box-shadow:0 8px 18px -10px rgba(6,35,26,.6)}
 .kmgames button.on{outline:2px solid var(--y);outline-offset:-2px}
 .kmgames .gii{width:58px;height:58px;flex:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.35))}
 .kmgames span{flex:1;min-width:0}.kmgames b,.kmsoon b{display:block;font:800 1.2rem/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}
 .kmgames small{color:rgba(255,255,255,.8);font-weight:600;font-size:.85rem}
 .kmsoon{border:2px dashed var(--line);color:var(--mut)}.kmgames .kmsoon small{color:var(--mut)}.kmsoon .gii{width:46px;height:46px;margin:0 6px;filter:grayscale(.85);opacity:.55}.kmsoon small{font-weight:600;font-size:.85rem}
 .rarbar{grid-template-columns:repeat(2,1fr)}
 .achhd{align-items:flex-start;gap:10px}.achhd>div:first-child{min-width:0;flex:1}.achhd h1{font-size:2.15rem}.achring{width:78px;height:78px;margin-top:4px}.achring>div{width:60px;height:60px}.achring b{font-size:1.6rem}.achring small{font-size:.7rem}
 .achpage .agal{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
 .achpage .at{min-height:132px;padding:10px 4px}.achpage .at .ai .aimg{width:70px;height:70px}.achpage .at b{font-size:.92rem}
}
.gcard .gic:has(img),.gic:has(img){background:none!important;box-shadow:none!important;width:76px;height:76px;filter:none}.gic img{display:block;width:76px;height:76px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}

/* ===== Site icons (js/icons.js): one SVG sprite, two-tone, follows the text colour ===== */
.ki{width:1.2em;height:1.2em;display:inline-block;vertical-align:-.24em;flex:none;overflow:visible;pointer-events:none}
.k-gold{color:#d99a0b}.k-silver{color:#8794a6}.k-bronze{color:#bb6f30}.k-red{color:#e5484d}.k-green{color:var(--g)}.k-orange{color:#ef6c1a}.k-amber{color:#e09b0d}.k-mut{color:var(--mut)}.k-brown{color:#8a5a35}
:root[data-theme=dark] .k-gold{color:#f5c33b}:root[data-theme=dark] .k-silver{color:#c3ccd8}:root[data-theme=dark] .k-bronze{color:#e09356}:root[data-theme=dark] .k-orange{color:#ff8a3d}:root[data-theme=dark] .k-amber{color:#ffbf3c}:root[data-theme=dark] .k-brown{color:#c08a5c}:root[data-theme=dark] .k-red{color:#ff6b6f}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .k-gold{color:#f5c33b}:root:not([data-theme=light]) .k-silver{color:#c3ccd8}:root:not([data-theme=light]) .k-bronze{color:#e09356}:root:not([data-theme=light]) .k-orange{color:#ff8a3d}:root:not([data-theme=light]) .k-amber{color:#ffbf3c}:root:not([data-theme=light]) .k-brown{color:#c08a5c}:root:not([data-theme=light]) .k-red{color:#ff6b6f}}
/* on coloured tiles and gradients the icon takes the tile's text colour */
:is(.qb,.qhero,.qcb,.hero,.tag) .ki{color:inherit}
.pi .ki{color:var(--g)}li:not(.on)>.lh .pi .ki{color:var(--mut)}
.ctsel{position:relative}.ctsel .ctpi{position:absolute;left:13px;top:50%;transform:translateY(-50%);line-height:0;color:var(--g);pointer-events:none;font-size:1.1rem}.ctsel select{padding-left:42px}
.ctq li>span .ki{color:var(--g)}
.nic.nach img{width:36px;height:36px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}

/* ===== How it works: header button, guide sheet and guide page ===== */
.phd{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 16px;margin-bottom:12px}.phd h1{margin-bottom:0}.phd .lede{margin:6px 0 0}.phd .howb{margin-bottom:2px}
@media(max-width:720px){.phd{flex-direction:column;align-items:flex-start}}
.howb{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--g);border-radius:99px;padding:6px 13px 6px 9px;font:700 .95rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 2px 0 var(--line);white-space:nowrap}
.howb .ki{width:1.25em;height:1.25em}
.howb:hover{border-color:var(--g)}.howb:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.howb.onh{margin-top:12px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}.howb.onh:hover{background:rgba(255,255,255,.2)}
.achhd .howb{margin-top:10px}
.gov{z-index:40}
.guide h3{margin:18px 0 6px;font-size:1.25rem}
.guide p{line-height:1.55}
.gsh{display:flex;align-items:center;gap:10px}.gsh h2{margin:0;flex:1;font-size:clamp(1.35rem,4.6vw,1.9rem);line-height:1.05}
.gi{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--g) 14%,var(--card));color:var(--g);font-size:1.45rem;flex:none}
.gsheet{max-height:calc(100vh - 32px);overflow:auto}.gsheet .actions{margin-top:16px}.gsheet .actions a{text-decoration:none}
.gnav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 16px}
.gtile{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none;box-shadow:0 2px 0 var(--line)}
.gtile{min-width:0}.gtile:hover{border-color:var(--g)}.gtile b{min-width:0;overflow-wrap:break-word;hyphens:auto}.gtile b{font:700 1.02rem/1.15 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}.gtile .gi{width:36px;height:36px;border-radius:11px;font-size:1.15rem}
@media(max-width:900px){.gnav{grid-template-columns:repeat(2,1fr)}.gtile{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:360px){.gnav{grid-template-columns:1fr}}
.gmore{margin:6px 0 0}
.gevs{margin-top:6px}
/* pull odds table */
.odds{display:grid;gap:7px;margin:6px 0 4px}
.odr{display:grid;grid-template-columns:62px 104px 1fr 54px;align-items:center;gap:10px}
.odr .tag{min-width:48px;text-align:center}
.odn{font-weight:600;font-size:.92rem}
.odb{height:10px;border-radius:99px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.odb i{display:block;height:100%;border-radius:99px}
.odr>b{text-align:right;font:800 1.1rem "Barlow Condensed",sans-serif}
@media(max-width:480px){.odr{grid-template-columns:56px 1fr 46px}.odn{display:none}}
.odleg{list-style:none;padding:0;margin:4px 0;display:grid;gap:6px}.odleg li,.calleg li{display:flex;align-items:center;gap:8px}
:is(.odleg,.calleg) i{width:16px;height:16px;border-radius:5px;flex:none;border:1px solid var(--line)}
:is(.odleg,.calleg) i.has{background:var(--y);border-color:transparent}:is(.odleg,.calleg) i.seen{background:var(--g);border-color:transparent}:is(.odleg,.calleg) i.off{background:var(--card);opacity:.6}
/* tier guide */
.tierg{display:grid;margin:8px 0}
.tgr{display:grid;grid-template-columns:62px 1fr 44px 54px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.tgr .tag{min-width:48px;text-align:center}
.tgr small{display:block;color:var(--mut)}
.tgh{font:700 .8rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);padding-top:0}
.tgv,.tgo{text-align:right;font:800 1.1rem "Barlow Condensed",sans-serif}.tgh span:nth-child(n+3){text-align:right}
.tgl{margin-top:10px}
/* calendar page */
.calh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.calh h3{margin:0 0 10px}
.calc{font:700 .9rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.calleg{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.88rem;color:var(--mut)}
.oddstrip{display:block;width:100%;margin-top:14px;padding:10px 12px;border:1px dashed var(--line);border-radius:14px;background:none;color:var(--ink);text-align:left;cursor:pointer}
.oddstrip:hover{border-color:var(--g)}
.oddstrip>small{display:block;font:700 .8rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin-bottom:6px}
.oddstrip>span{display:flex;flex-wrap:wrap;gap:6px 12px}
.ods{display:inline-flex;align-items:center;gap:5px;font-size:.9rem}.ods .tag{padding:1px 7px;font-size:.78rem}.ods b{font-weight:700}
.frc .link{font-size:inherit;padding:0}
/* roll window: odds for the date */
.dodds{margin:14px 0 6px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--line) 45%,transparent);text-align:left}
.dodds>small{display:block;font:700 .8rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin-bottom:8px}
.dodds p{margin:4px 0}
.dobar{display:flex;height:12px;border-radius:99px;overflow:hidden;gap:2px}.dobar i{min-width:4px}
.dol{list-style:none;padding:0;margin:10px 0 6px;display:flex;flex-wrap:wrap;gap:6px 14px}
.dol li{display:inline-flex;align-items:center;gap:6px}.dol b{font:800 1.05rem "Barlow Condensed",sans-serif}.dol small{color:var(--mut)}
.dodds .link{padding:0;font-size:.9rem}

/* ===== Matchday card with the day streak ===== */
.goals .gtop{align-items:center}
.dstk{display:flex;align-items:center;gap:16px;margin:12px 0 4px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,#ff8a1a 16%,var(--card)),color-mix(in srgb,#e5484d 9%,var(--card)));border:1px solid color-mix(in srgb,#ff8a1a 32%,var(--line))}
.stkf{position:relative;width:74px;height:92px;flex:none}
.stkf svg{width:100%;height:100%;display:block;overflow:visible}
.stkf b{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:800 2rem/1 "Barlow Condensed",sans-serif;color:#8a2a00;letter-spacing:-.02em}
.stkf .stkfl{transform-origin:50% 95%;animation:stkfl 2.4s ease-in-out infinite}
@keyframes stkfl{0%,100%{transform:scale(1) skewX(0)}30%{transform:scale(1.03,.98) skewX(-2deg)}65%{transform:scale(.98,1.02) skewX(1.5deg)}}
.dstk.risk .stkf svg{filter:saturate(.55)}.dstk.risk .stkfl{animation-duration:1.2s}
.dstk.cold{background:color-mix(in srgb,var(--line) 40%,var(--card));border-color:var(--line)}.dstk.cold .stkf svg{filter:grayscale(1);opacity:.45}.dstk.cold .stkfl,.dstk.cold .stkgl{animation:none}.dstk.cold .stkf b{color:var(--mut)}
@media(prefers-reduced-motion:reduce){.stkf .stkfl{animation:none}}
.stki{flex:1;min-width:0}
.stkh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stkh h3{margin:0;font-size:1.5rem}
.stkb{font:700 .85rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:2px 9px;border-radius:99px;background:color-mix(in srgb,#ff8a1a 20%,var(--card));color:color-mix(in srgb,#e8590c 78%,var(--ink))}
.stkw{list-style:none;padding:0;margin:8px 0 6px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:330px}
.stkw li{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.stkw i{width:100%;max-width:30px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--card);border:2px solid color-mix(in srgb,#ff8a1a 22%,var(--line));font-size:.95rem}
.stkw li.on i{background:linear-gradient(160deg,#ffb020,#ff6a1a 60%,#e5484d);border-color:transparent;box-shadow:0 3px 8px -3px #ff6a1a}
.stkw li.on .ki{color:#fff!important}
.stkw li.td i{outline:2px solid #ff8a1a;outline-offset:2px}
.dstk.risk .stkw li.td i{border-style:dashed;border-color:#ff8a1a;animation:stkp 1.6s ease-in-out infinite}
@keyframes stkp{50%{box-shadow:0 0 0 5px color-mix(in srgb,#ff8a1a 25%,transparent)}}
@media(prefers-reduced-motion:reduce){.dstk.risk .stkw li.td i{animation:none}}
.stkw small{font:700 .72rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.stki p{margin:2px 0 0;font-size:.92rem;color:var(--mut)}
.stkr{color:color-mix(in srgb,#e8590c 82%,var(--ink))}
 .stkm{display:none}
@media(min-width:721px){.stkm{display:grid;gap:6px;align-content:center;min-width:170px;padding-left:20px;border-left:1px solid color-mix(in srgb,#ff8a1a 30%,var(--line))}
 .stkm small{font:700 .78rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
 .stkm b{font:800 1.7rem/1 "Barlow Condensed",sans-serif}
 .stkmb{height:10px;border-radius:99px;background:color-mix(in srgb,#ff8a1a 18%,var(--card));overflow:hidden}.stkmb i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ffb020,#ff6a1a)}}
.gtgt{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:14px}.gtgt h3{margin:0}
.gcount{font:800 1.2rem "Barlow Condensed",sans-serif;color:var(--g)}
.goals .gtgt+.pbar{margin:6px 0 0}
.goals .lvbox{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:480px){.dstk{gap:10px;padding:12px 12px 12px 8px}.stkf{width:56px;height:70px}.stkf b{font-size:1.6rem;bottom:10px}.stkh h3{font-size:1.25rem}.stkw i{font-size:.8rem}.stkw{gap:3px}.stkw small{font-size:.66rem}}

/* ===== Weekly poll (Home Turf) ===== */
.poll{position:relative;overflow:hidden}
.pollh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pollt{font:700 .85rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);background:color-mix(in srgb,var(--line) 55%,transparent);padding:3px 10px;border-radius:99px}
.poll h2{margin:12px 0 14px;font-size:clamp(1.7rem,6vw,2.3rem)}
.pvs{display:grid;gap:10px}
.pvs.two{grid-template-columns:1fr auto 1fr;align-items:stretch}
.pvsx{align-self:center;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--deep),var(--teal));color:var(--y);font:800 italic 1.1rem "Barlow Condensed",sans-serif;box-shadow:0 0 0 4px var(--card),0 6px 14px -6px rgba(0,0,0,.4);z-index:1;margin:0 -16px}
.pvo{--pc:var(--g);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;min-height:132px;padding:18px 16px 14px;border-radius:20px;border:2px solid color-mix(in srgb,var(--pc) 40%,var(--line));background:linear-gradient(165deg,color-mix(in srgb,var(--pc) 24%,var(--card)),var(--card) 75%);color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.pvo::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--pc)}
.pvs.two .pvo:last-child{align-items:flex-end;text-align:right}
button.pvo:hover{transform:translateY(-2px);border-color:var(--pc);box-shadow:0 10px 22px -14px var(--pc)}
button.pvo:focus-visible{outline:3px solid var(--y);outline-offset:2px}
button.pvo:disabled{cursor:default;transform:none}
button.pvo.picked{border-color:var(--pc);animation:pvow 1s ease-in-out infinite}
@keyframes pvow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--pc) 25%,transparent)}}
.pvo-n{font:800 1.45rem/1.02 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em}
.pvo small{color:var(--mut);font-size:.88rem}
.pvo-cta{margin-top:10px;padding:5px 16px;border-radius:99px;background:var(--pc);color:#fff;font:700 .95rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 3px 0 color-mix(in srgb,var(--pc) 60%,#000)}
.pvo.res{cursor:default;justify-content:flex-start}
.pvo-p{font:800 2.6rem/1 "Barlow Condensed",sans-serif;margin-top:8px;color:color-mix(in srgb,var(--pc) 70%,var(--ink))}
.pvo-bar{display:block;width:100%;height:10px;border-radius:99px;background:color-mix(in srgb,var(--pc) 15%,var(--line));overflow:hidden;margin-top:6px}
.pvo-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--pc);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.pvs.two .pvo:last-child .pvo-bar{transform:scaleX(-1)}
.pvo.res.in .pvo-bar i{width:var(--pp)}
@media(prefers-reduced-motion:reduce){.pvo-bar i{transition:none}button.pvo.picked{animation:none}}
.pvo.mine{border-color:var(--pc);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 28%,transparent)}
.pvo-me{margin-top:8px;white-space:nowrap;font:700 .8rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:2px 9px;border-radius:99px;background:var(--pc);color:#fff}
.pollf{margin:12px 0 0;color:var(--mut)}.pollf b{color:var(--g)}.pollf .link{padding:0;font-size:inherit}
.pollast{margin:6px 0 0;font-size:.88rem;color:var(--mut)}
@media(max-width:480px){.pvo{min-height:118px;padding:16px 12px 12px}.pvo-n{font-size:1.2rem}.pvo-p{font-size:2.1rem}.pvsx{width:40px;height:40px;font-size:1rem;margin:0 -14px}}
/* poll row in the Matchday targets */
.glist li.bonus{border-style:dashed}
.glist li.bonus.ok{border-style:solid}
.wkb{display:inline-block;margin-left:4px;font:700 .72rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:1px 7px;border-radius:99px;background:var(--y);color:#0b2418;vertical-align:2px}

/* ===== Supporter memberships: badges, coloured names, tier cards, Supporters wall ===== */
.sbg{--rw:2px;--ring:transparent;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;margin-left:5px;vertical-align:-3px;color:#fff;flex:none;box-shadow:0 0 0 var(--rw) var(--ring)}
.sbg .ki{width:11px;height:11px;color:inherit}
.sbg.s1{background:linear-gradient(145deg,#22c55e,#15803d)}
.sbg.s2{background:linear-gradient(145deg,#fde047,#ca8a04);color:#3b2a00}
.sbg.l-bronze{--ring:#c2773a}.sbg.l-silver{--ring:#a3b1bd}.sbg.l-gold{--ring:#e0a800}
.sbg.l-diamond{--ring:#7dd3fc;box-shadow:0 0 0 var(--rw) var(--ring),0 0 8px 1px rgba(125,211,252,.75)}
.sbg.big{--rw:3px;width:42px;height:42px;margin:0;vertical-align:middle}.sbg.big .ki{width:24px;height:24px}
.supn.s1{color:color-mix(in srgb,#16a34a 78%,var(--ink));font-weight:700}
.supn.s2{color:color-mix(in srgb,#d4a017 70%,var(--ink));font-weight:800}
#auth .sbg{margin-left:4px}
.sloy{--lc:#c2773a;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 6px;border-radius:999px;border:1.5px solid var(--lc);background:color-mix(in srgb,var(--lc) 16%,var(--card));color:color-mix(in srgb,var(--lc) 55%,var(--ink));font:800 .78rem "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.sloy .ki{width:16px;height:16px;color:var(--lc)}.sloy small{font-weight:700;color:var(--mut);letter-spacing:.02em;text-transform:none}
.sloy.l-silver{--lc:#94a3b8}.sloy.l-gold{--lc:#d4a017}.sloy.l-diamond{--lc:#38bdf8}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.tierc{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:var(--card);border:2px solid color-mix(in srgb,#16a34a 40%,var(--line))}
.tierc.s2{border-color:color-mix(in srgb,#d4a017 60%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,#facc15 12%,var(--card)),var(--card) 60%)}
.tierc.mine{box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 35%,transparent)}
.tch{display:flex;align-items:center;gap:12px}.tch h3{margin:0;font-size:1.35rem}.tch small{color:var(--mut)}.tch small b{color:var(--ink);font-size:1.1rem}
.tall{margin:0;font-weight:700;color:var(--mut);font-size:.9rem}
.tpl{list-style:none;margin:0;padding:0;display:grid;gap:10px;flex:1;align-content:start}
.tpl li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}
.tpl .pi{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,#16a34a 14%,var(--card));color:color-mix(in srgb,#16a34a 80%,var(--ink));font-size:1.1rem}
.tierc.s2 .tpl .pi{background:color-mix(in srgb,#facc15 24%,var(--card));color:color-mix(in srgb,#ca8a04 75%,var(--ink))}
.tpl .pi .ki{color:inherit}.tpl b{display:block;line-height:1.2}.tpl small{display:block;color:var(--mut);font-size:.86rem;line-height:1.3;margin-top:1px}
.tierc>.b{justify-content:center;text-align:center}
.tcur{display:block;padding:10px;border-radius:12px;text-align:center;font-weight:800;background:color-mix(in srgb,var(--g) 14%,var(--card));color:var(--g)}.tcur.mut{color:var(--mut)}
.tnote{margin:12px 0 0;font-size:.88rem}
.tiers.compact .tpl{gap:7px}.tiers.compact .tpl li{align-items:center}.tiers.compact .tpl .pi{width:28px;height:28px;font-size:1rem;border-radius:9px}.tiers.compact .tpl li{grid-template-columns:28px minmax(0,1fr)}
@media(min-width:721px){.tiers.compact .tierc.s1 .tpl{grid-template-columns:1fr 1fr}}
.mbox{display:grid;gap:10px;margin-top:12px;border:2px solid color-mix(in srgb,#16a34a 40%,var(--line))}.mbox.s2{border-color:color-mix(in srgb,#d4a017 55%,var(--line))}.mbox.off{border-style:dashed}.mbox p{margin:0}
.mbh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mbh>div{flex:1;min-width:160px}.mbh b{display:block;font-size:1.1rem}.mbh small{color:var(--mut)}
.fwl{margin:12px 0 0;text-align:right;font-weight:700}.fwl a{color:var(--g)}
.supc>p{margin:12px 0 0}.supc>p a{color:var(--g);font-weight:600}
.swh{margin-top:1.4em}.swt{display:flex;align-items:baseline;gap:8px;margin:1em 0 .5em}
.swg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.swc{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--card);border:1.5px solid color-mix(in srgb,#16a34a 35%,var(--line))}
.swc.s2{border-color:color-mix(in srgb,#d4a017 55%,var(--line))}
.swi{flex:1;min-width:0;display:grid;gap:3px}.swi b{overflow-wrap:break-word;line-height:1.2}.swm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.swe{display:flex;align-items:center;gap:14px}.swe>span{font-size:2.4rem;line-height:1}.swe p{margin:0}
.mgsup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:.4em 0;font-weight:600;color:var(--mut)}
.admms table{width:100%;border-collapse:collapse}.admms td,.admms th{padding:6px 4px;border-bottom:1px solid var(--line);text-align:left;font-size:.9rem}
.admg{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;align-items:end}.admg label{display:grid;gap:3px;font-size:.85rem;font-weight:600}
@media(max-width:720px){.tiers{grid-template-columns:1fr}.admg{grid-template-columns:1fr 1fr}}