:root{--bg: #0d0f13;--surface: #171b23;--surface2: #1e2430;--border: #2a303c;--text: #e9e4d8;--muted: #9ba3b0;--gold: #f0b44c;--blurple: #5865f2;--good: #3ecf6e;--bad: #ff6b5b;--radius: 10px;--display: "Cinzel", Georgia, "Times New Roman", serif;--q-poor: #9d9d9d;--q-common: #fff;--q-uncommon: #1eff00;--q-rare: #2b8cff;--q-epic: #b35cf5;--q-legendary: #ff8000;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100%;display:flex;flex-direction:column}a{color:var(--gold)}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:.02em}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--bad)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.btn{display:inline-block;background:var(--gold);color:#1a1407;border:0;border-radius:8px;padding:10px 18px;font-weight:700;text-decoration:none}.btn.big{padding:14px 28px;font-size:17px}.btn.ghost,.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.btn:disabled{opacity:.6}.center{flex:1;display:grid;place-content:center;text-align:center;padding:24px}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;text-align:center;background:radial-gradient(ellipse at top,rgb(240 180 76 / .12),transparent 60%)}.logo{filter:drop-shadow(0 6px 20px rgb(0 0 0 / .5))}.home h1{font-size:clamp(26px,5vw,40px);color:var(--gold)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,240px));gap:14px;justify-content:center;width:100%;margin-top:14px}.tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:transform .12s,border-color .12s}.tile:not(:disabled):hover{transform:translateY(-3px);border-color:var(--gold)}.tile .emoji{font-size:34px;height:64px;display:grid;place-items:center}.tile b{font-family:var(--display);font-size:18px}.tile small{color:var(--muted)}.tile.soon{opacity:.5}.foot{margin-top:18px}.bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:2}.bar h2{font-size:18px;color:var(--gold);flex:1}.db{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px;min-height:0}.db-search{display:flex;gap:8px}.db-search input,.db-search select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:inherit}.db-search input{flex:1;min-width:0}.db-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:0}.results{list-style:none;margin:0;padding:0;overflow:auto;max-height:calc(100vh - 170px)}.results li.muted{padding:8px}.results button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;background:none;border:0;border-radius:6px;text-align:left}.results button:hover{background:var(--surface2)}.results button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results small{color:var(--muted);white-space:nowrap}.icon{border-radius:6px;border:1px solid #000;flex:none}.icon.none{display:inline-block;background:var(--surface2)}.detail{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.tooltip{background:#080c1ef2;border:1px solid #5a6170;border-radius:6px;padding:12px 14px;width:100%;max-width:420px;font-size:14px}.tt-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tt-head h3{font-family:inherit;font-size:16px}.tt-line.split{display:flex;justify-content:space-between;gap:12px}.tt-line.stat,.tt-line.effect{color:var(--q-uncommon)}.tt-line.muted,.tt-line.flavor{color:var(--gold)}.tt-status{color:var(--muted);font-size:12px;margin:8px 0 0}.q-poor{color:var(--q-poor)}.q-common{color:var(--q-common)}.q-uncommon{color:var(--q-uncommon)}.q-rare{color:var(--q-rare)}.q-epic{color:var(--q-epic)}.q-legendary,.q-artifact,.q-heirloom{color:var(--q-legendary)}.quiz{flex:1;padding:16px;display:flex;justify-content:center;align-items:flex-start}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.lobby,.quiz>.card{width:100%;max-width:560px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.quiz-grid{width:100%;max-width:1000px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.question{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.question h3{font-size:22px}.qhead{width:100%;display:flex;justify-content:space-between}.timer{font-weight:700;color:var(--gold)}.bar-track{width:100%;height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--gold);transition:width .1s linear}.big-icon{border-radius:12px;border:2px solid #000;box-shadow:0 0 0 2px var(--gold),0 10px 30px #00000080}.choices{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:12px;background:var(--surface2);border:2px solid var(--border);border-radius:10px;font-weight:600}.choice:not(:disabled):hover{border-color:var(--gold)}.choice.picked{border-color:var(--blurple)}.choice.right{border-color:var(--good);background:#3ecf6e26}.choice.wrong{border-color:var(--bad);background:#ff6b5b1f}.choices.versus .choice{flex-direction:column;min-height:110px}.reveal{font-weight:600}.scores{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.scores li{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--surface2);border-radius:8px}.scores li.me{outline:1px solid var(--gold)}.scores li.away{opacity:.5}.scores span:not(.avatar){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scores small{color:var(--gold);font-size:11px;text-transform:uppercase}.scores em{color:var(--good);font-style:normal;font-size:13px}.avatar{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--blurple);font-weight:700;font-size:13px}@media(max-width:720px){.db-body,.quiz-grid{grid-template-columns:1fr}.results{max-height:40vh}.choices{grid-template-columns:1fr}}.tile-logo{width:64px;height:64px;border-radius:14px;box-shadow:0 4px 14px #0006}.quiz-logo{width:140px;height:140px;border-radius:24px;box-shadow:0 8px 30px #00000080}