/* v105 first-run: Pick your role + Gamer Card. Colors checked for WCAG AA in light and dark. */
#fr{--fbg:#F4F6FA;--fcard:#FFFFFF;--ftx:#111827;--fmu:#374151;--fbd:#CBD5E1;--fac:#B91C1C;--fchip:#EEF2F7;position:fixed;inset:0;z-index:9000;background:var(--fbg);color:var(--ftx);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;font-family:Inter,system-ui,Arial,sans-serif}
html[data-theme=dark] #fr{--fbg:#0B1220;--fcard:#162033;--ftx:#F3F4F6;--fmu:#CBD5E1;--fbd:#334155;--fac:#F87171;--fchip:#1F2B40}
body:has(#devbar) #fr{top:var(--dbh,40px)}
html.fr-open,html.fr-open body{overflow:hidden}
#fr *{box-sizing:border-box}
.fr-in{max-width:560px;margin:0 auto;padding:16px 16px calc(28px + env(safe-area-inset-bottom))}
.fr-dev{position:sticky;top:0;z-index:2;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#5B21B6;color:#fff;padding:8px 12px;font-weight:700;font-size:14px}
.fr-dev button{background:#fff;color:#4C1D95;border:0;border-radius:10px;font-weight:800;padding:8px 12px;min-height:40px;font-size:14px;cursor:pointer}
#fr h1{font-size:26px;font-weight:800;margin:6px 0 4px;outline:none;color:var(--ftx)}#fr h2{font-size:17px;font-weight:800;margin:16px 0 8px;color:var(--ftx)}
.fr-brand{font-size:13px;font-weight:800;color:var(--fac);letter-spacing:.5px}.fr-s{color:var(--fmu);font-size:15px;line-height:1.4;margin:0}
.fr-sm{font-size:13px;color:var(--fmu);font-weight:600}
.fr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
@media(min-width:720px){.fr-in{max-width:760px}.fr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fr-role{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--fcard);color:var(--ftx);border:1.5px solid var(--fbd);border-radius:16px;padding:14px;min-height:122px;cursor:pointer;font:inherit;min-width:0}
.fr-role b{font-size:16px;margin:6px 0 3px}.fr-rd{font-size:13px;color:var(--fmu);line-height:1.3;overflow-wrap:anywhere}.fr-ri{font-size:30px;line-height:1}
.fr-role.on{border:3px solid var(--fac);padding:12.5px}
.fr-btn{display:block;width:100%;text-align:center;background:#B91C1C;color:#fff;border:0;font:inherit;font-weight:800;font-size:17px;padding:15px;border-radius:14px;margin-top:14px;cursor:pointer;min-height:52px}
.fr-btn[disabled]{background:#64748B;color:#fff;cursor:default}
.fr-btn2{display:block;width:100%;text-align:center;background:transparent;border:2px solid var(--fbd);color:var(--ftx);font:inherit;font-weight:700;font-size:15px;padding:12px;border-radius:14px;margin-top:8px;cursor:pointer;min-height:48px}
.fr-box{display:block;background:var(--fcard);border:1.5px solid var(--fbd);border-radius:16px;padding:14px;margin:12px 0}
.fr-box input{display:block;width:100%;font:inherit;font-size:20px;font-weight:700;padding:8px 10px;margin-top:6px;border:1.5px solid var(--fbd);border-radius:10px;background:var(--fbg);color:var(--ftx)}
.fr-note b{color:var(--ftx)}
.fr-chips{display:flex;flex-wrap:wrap;gap:8px}
.fr-chip{padding:9px 13px;border-radius:99px;background:var(--fchip);color:var(--ftx);border:1.5px solid var(--fbd);font:inherit;font-weight:700;font-size:14px;cursor:pointer;min-height:40px}
.fr-chip.on{border:3px solid var(--fac);padding:7.5px 11.5px}
.fr-row{display:flex;flex-wrap:wrap;gap:10px}
.fr-sw{width:40px;height:40px;border-radius:50%;border:2px solid var(--fbd);cursor:pointer;padding:0}.fr-sw.on{outline:3px solid var(--fac);outline-offset:2px}
.fr-step{display:flex;gap:6px;margin:4px 0 10px}.fr-step i{flex:1;height:6px;border-radius:6px;background:var(--fbd)}.fr-step i.on{background:var(--fac)}
.fr-prev{text-align:center}.fr-prev .bcav{display:inline-block}
.fr-err{color:var(--fac);font-weight:700;min-height:1px;margin:8px 0 0}
.fr-join{margin-top:6px}
.fr-pop{animation:frpop .5s ease-out}@keyframes frpop{0%{transform:scale(.85) rotate(-3deg);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.fr-pop{animation:none}}
/* Gamer Card: light sport gradient + dark ink in both themes (contrast > 7:1) */
.frc{border-radius:22px;padding:16px;background:linear-gradient(160deg,var(--g1),var(--g2));color:#111827;border:3px solid var(--gb);position:relative;max-width:420px;margin:12px auto}
.frc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.frc-num{font-size:38px;font-weight:900;line-height:1}.frc-pos{font-weight:800;font-size:14px;overflow-wrap:anywhere}
.frc-sp{font-weight:800;font-size:13px;background:rgba(255,255,255,.7);border-radius:99px;padding:4px 10px;white-space:nowrap}
.frc-av{text-align:center;margin-top:-4px}.frc-av .bcav{display:inline-block}
.frc-nm{font-size:26px;font-weight:900;text-align:center;margin-top:6px;letter-spacing:.5px;overflow-wrap:anywhere}.frc-tm{text-align:center;font-size:14px;font-weight:700}
.frc-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px;background:rgba(255,255,255,.7);border-radius:12px;padding:8px;text-align:center}
.frc-st b{display:block;font-size:20px;font-weight:900}.frc-st span{font-size:11px;font-weight:800}
.frc-bd{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.frc-bd span{background:#111827;color:#fff;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:800}
.frc-lk{text-align:center;font-size:12px;font-weight:700;margin-top:8px}
/* Home widget (sits at the top of Home) */
#frHome{margin:0 0 12px}.frh-hd{display:flex;justify-content:space-between;align-items:center}.frh-hd b{color:var(--fac,#B91C1C);letter-spacing:.5px}
html[data-theme=dark] #frHome .frh-hd b{color:#F87171}
#frHome{--fbd:#CBD5E1;--ftx:#111827;--fmu:#374151;--fchip:#EEF2F7;--fac:#B91C1C;color:var(--ftx)}
html[data-theme=dark] #frHome{--fbd:#334155;--ftx:#F3F4F6;--fmu:#CBD5E1;--fchip:#1F2B40;--fac:#F87171}
.frh-next{border:1.5px solid var(--fbd);border-radius:14px;padding:12px;margin:8px auto;max-width:420px}
#frHome .frh-sw{max-width:420px;margin:8px auto}#frHome .fr-join{max-width:420px;margin:6px auto 0}

/* v105d */.fr-ball{display:inline-block;vertical-align:-3px;flex:none}.frc-num .fr-ball{vertical-align:middle}.frh-pb{margin:10px 0 4px;width:100%}
#frSheet{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;overflow:auto}
#frSheet .frs-in{background:#fff;color:#111827;width:100%;max-width:520px;border-radius:18px 18px 0 0;padding:18px 16px 22px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}
#frSheet h2{margin:0;font-size:20px}#frSheet .fr-sm{color:#374151}.frs-qr{background:#fff;border:1px solid #D1D5DB;border-radius:12px;padding:8px;width:min(260px,100%);align-self:center;min-height:60px}.frs-qr svg{width:100%;height:auto;display:block}
.frs-file{text-align:center;cursor:pointer}.frs-ta{width:100%;box-sizing:border-box;font:13px monospace;border:1px solid #6B7280;border-radius:10px;padding:8px;background:#fff;color:#111827}
.fr-err{color:#B91C1C;min-height:1em;margin:0}.frh-bk{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}.frh-bk .fr-btn2{margin:0}
.fr-link{background:none;border:0;text-decoration:underline;color:inherit;font:inherit;font-size:14px;padding:10px;margin:4px auto 0;display:block;cursor:pointer;min-height:44px}
#frSheet{--fbd:#CBD5E1;--ftx:#111827;--fmu:#374151;--fchip:#EEF2F7;--fac:#B91C1C;--fcard:#fff}#frSheet .fr-chip{color:var(--ftx)}
html[data-theme=dark] #frSheet{--fbd:#475569;--ftx:#F3F4F6;--fmu:#CBD5E1;--fchip:#1F2B40;--fac:#FCA5A5;--fcard:#111827}html[data-theme=dark] #frSheet .frs-in{background:#111827;color:#F3F4F6}html[data-theme=dark] #frSheet .fr-sm{color:#D1D5DB}html[data-theme=dark] .frs-ta{background:#0B1220;color:#F9FAFB;border-color:#9CA3AF}#frSheet .fr-err{color:var(--fac)}