select{width:100%;margin-top:5px;padding:10px;background:#0a0e1c;border:1px solid #354064;border-radius:10px;color:#f2f4ff;font:inherit}a{color:#bba1ff}#loadRewards{min-height:40px}.admin-grid .full{grid-column:1/-1}
.leaderboard summary{padding:8px 0;min-height:44px}.leaderboard summary::marker{color:var(--mint)}.leaderboard summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px;border-radius:4px}.leaderboard #participantCount{display:inline-block;margin-left:12px;color:var(--muted);font-size:13px;font-weight:400}.leaderboard li>div{min-width:0;overflow-wrap:anywhere}.leaderboard li span{flex-shrink:0;margin-left:12px}
:root{--bg:#090b16;--card:#12172a;--card2:#181f36;--text:#f2f4ff;--muted:#9ba4c6;--primary:#9c6dff;--mint:#57e6c2;--border:#2a3352}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#2b1c58 0,transparent 34%),var(--bg);color:var(--text);font:16px system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}main{width:min(800px,calc(100% - 32px));margin:0 auto;padding:42px 0 72px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1,h2{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;margin:0;font-weight:700}h1{font-size:42px}.eyebrow{letter-spacing:.14em;color:var(--mint);font-size:11px;font-weight:700}.badge{color:#ff9aa9;font-weight:700;font-size:13px}.card,details{background:linear-gradient(145deg,var(--card2),var(--card));border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:0 20px 60px #0003}.session-head,.section-title{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.session-head #timer{color:var(--mint);font-weight:700}#questionTitle{font-size:28px;margin:24px 0 12px}#overview{font-size:18px;line-height:1.65;margin:0;color:#e0e5ff}.hints{display:grid;gap:10px;margin:24px 0}.hint{background:#0d1120;border-left:3px solid var(--primary);border-radius:7px;padding:11px 13px}.hint b{color:var(--mint);margin-right:8px}.answer{display:flex;gap:10px;margin-top:20px}input{min-width:0;width:100%;background:#0a0e1c;border:1px solid #354064;border-radius:10px;padding:13px;color:var(--text);font:inherit}button{border:0;border-radius:10px;background:var(--primary);color:white;font:700 14px system-ui,-apple-system,"Segoe UI",sans-serif;padding:0 18px;cursor:pointer}button:hover{filter:brightness(1.15)}button.secondary{background:#273253}.fine{color:var(--muted);font-size:12px;line-height:1.45;margin:19px 0 0}.result{padding:12px 15px;border-radius:10px;background:#16453f;color:#b9ffeb;margin-top:18px}.hidden{display:none}.leaderboard{margin-top:16px}.leaderboard h2{font-size:21px}.leaderboard ol{padding:0;margin:14px 0 0;list-style:none}.leaderboard li{display:flex;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--border)}.leaderboard li span{color:var(--mint);font-weight:700}details{margin-top:16px}summary{cursor:pointer;font:700 18px system-ui,-apple-system,"Segoe UI",sans-serif;user-select:none}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:20px}.admin-grid label{color:var(--muted);font-size:13px}.admin-grid input{margin-top:5px;padding:10px}.admin-grid button{height:43px}.toggle{display:flex;align-items:center;gap:10px}.toggle input{width:auto;margin:0}@media(max-width:560px){main{padding-top:25px}.card,details{padding:19px}h1{font-size:32px}.answer{flex-direction:column}.answer button{height:45px}.admin-grid{grid-template-columns:1fr}}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
details.account-menu{position:relative;margin:0;padding:0;border:0;background:none;box-shadow:none;max-width:100%}
.account-menu summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 10px;border:1px solid var(--border);border-radius:12px;background:var(--card);list-style:none;font-size:14px}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:focus-visible,.account-dropdown button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-avatar{position:relative;display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--primary);overflow:hidden}
.account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.account-chevron{color:var(--muted);transition:transform .15s}.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:170px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 12px 30px #0006}
.account-dropdown button{width:100%;min-height:44px;text-align:left;background:transparent;color:var(--text)}
.account-dropdown button:hover{background:var(--card2)}
.twitch-login{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:12px 20px;border-radius:8px;background:#9146ff;color:#fff;text-decoration:none;font-weight:700;line-height:1.4;transition:background .15s}
.twitch-login svg{flex-shrink:0}.twitch-login:hover{background:#772ce8}.twitch-login:active{background:#5c16c5}.twitch-login:focus-visible{outline:3px solid #bf94ff;outline-offset:4px}
@media(max-width:560px){header{gap:12px;flex-wrap:wrap}.header-actions{margin-left:auto;gap:8px}.account-name{max-width:130px}}

