/* follow games, calendar buttons, your games box */
.gt .gi{position:relative}
.fstar{position:absolute;right:6px;top:6px;z-index:3;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(10,12,18,.72);color:#cbd2e0;font-size:16px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.9}
.fstar:hover{color:#ffd24a;border-color:#ffd24a}
.fstar.on{color:#ffd24a;background:rgba(10,12,18,.9);border-color:#ffd24a}
.fbtn{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:inherit;font-weight:800;font-size:14px;cursor:pointer}
.fbtn .fs{color:var(--muted)}
.fbtn:hover{border-color:#ffd24a}
.fbtn.on{border-color:#ffd24a}.fbtn.on .fs{color:#ffd24a}
.ftoast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#111827;color:#fff;border:1px solid var(--line);padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;z-index:2147483000;transition:.2s}
.ftoast.on{opacity:1;transform:translate(-50%,0)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.fcard{position:relative;display:flex;gap:12px;align-items:center;padding:12px 40px 12px 12px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.fgi img{width:56px;height:56px;border-radius:12px;object-fit:cover;display:block}
.fgb{display:grid;gap:3px;min-width:0}
.fgn{font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fgp{font-size:12px;color:var(--muted)}
.fgt{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.ft{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft.c{background:color-mix(in srgb,var(--good) 22%,transparent)}
.ft.l{background:color-mix(in srgb,#ff5c8a 25%,transparent)}
.ft:hover{text-decoration:none;filter:brightness(1.15)}
.fx{position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}
.fx:hover{color:var(--bad)}
.fcal{margin-top:10px;font-size:13px}
a.evc{position:relative}
.evcal{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 12px 12px;font-size:12px;color:var(--muted)}
.evcal button{padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:inherit;font-weight:700;font-size:12px;cursor:pointer}
.evcal button:hover{border-color:var(--accent)}
.evcl{font-weight:700}
.evic{display:inline-block;margin-top:6px;font-size:12px;font-weight:700}
/* what to play */
.wtpf fieldset{border:0;padding:0;margin:0 0 18px}.wtpf legend{font-weight:800;margin-bottom:10px;font-size:15px}
.wchips{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.wchips.s{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.wchip{display:block;cursor:pointer}.wchip input{position:absolute;opacity:0;pointer-events:none}
.wchip span{display:flex;flex-direction:column;gap:3px;height:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);font-weight:800;font-size:14px}
.wchip small{font-weight:500;font-size:12px;color:var(--muted);line-height:1.35}
.wchip input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--card))}
.wchip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.wrow{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:760px){.wrow{grid-template-columns:1fr}}
.wtpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.wtpc{position:relative;display:flex;flex-direction:column;gap:8px}.wtpc .gt{width:100%}
.wnum{position:absolute;left:-6px;top:-6px;z-index:4;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center}
.wr{margin:0;font-size:13px;color:var(--muted);line-height:1.4}
.wcta{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 22px;border-radius:var(--r);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--card)),var(--card));border:1px solid var(--line)}
.wcta b{font-size:18px}.wcta span{color:var(--muted);font-size:14px;display:block;margin-top:2px}
/* tier lists */
.tlrow{display:flex;gap:14px;align-items:stretch}
.tlbadge{flex:0 0 64px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#10131a;font-weight:900;font-size:34px}
.tlitems{display:flex;flex-wrap:wrap;gap:10px;flex:1;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.tli{display:flex;flex-direction:column;align-items:center;width:96px;text-align:center;gap:2px}
.tli img{width:64px;height:64px;object-fit:contain}.tli b{font-size:12px;line-height:1.2}.tli span{font-size:12px;color:var(--pop);font-weight:800}
@media(max-width:560px){.tlbadge{flex-basis:44px;font-size:26px}.tli{width:82px}}
/* busiest hours */
.bt{margin-top:18px}.bt h3{margin:0 0 4px;font-size:16px}
.btb{display:flex;align-items:flex-end;gap:3px;height:92px;margin:10px 0 6px}
.btb i{flex:1;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--accent) 45%,var(--line));min-height:3px;position:relative}
.btb i.top{background:var(--good)}.btb i.low{background:color-mix(in srgb,var(--muted) 40%,var(--line))}
.btl{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.bts{font-size:14px;margin:8px 0 0}