:root{--bg:#0d0f14;--card:#171a22;--text:#f2f2f2;--muted:#9aa0ab;--red:#e53935;--blue:#1e88e5;--gold:#ffd600;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}body[data-offline]:before{text-align:center;z-index:10;background:#b71c1c;padding:8px;position:fixed;inset:0 0 auto}body[data-offline=retrying]:before{content:"Conexão perdida. Reconectando…"}body[data-offline=true]:before{content:"Sem conexão. Recarregue a página."}body[data-offline=replaced]:before{content:"Você abriu o jogo em outra aba. Esta aba foi desconectada."}.card{background:var(--card);border-radius:12px;max-width:560px;margin:48px auto;padding:24px}.card.wide{max-width:960px}h1{margin-top:0}.muted{color:var(--muted)}.row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}button{color:var(--text);font:inherit;cursor:pointer;background:#2a2f3b;border:0;border-radius:8px;padding:10px 14px}button:hover{background:#363c4a}button.primary{background:var(--gold);color:#111;font-weight:700}input{color:var(--text);font:inherit;background:#0f1117;border:1px solid #333;border-radius:8px;flex:1;padding:10px}.rooms{padding:0;list-style:none}.rooms li{border-bottom:1px solid #262a33;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.teams{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.team{background:#11141a;border-top:4px solid #444;border-radius:8px;padding:12px}.team.red{border-color:var(--red)}.team.blue{border-color:var(--blue)}.team ul{min-height:60px;padding:0;list-style:none}.settings{color:var(--muted);flex-wrap:wrap;gap:12px;margin:8px 0 16px;display:flex}.settings label{align-items:center;gap:6px;display:flex}.settings select{color:var(--text);font:inherit;background:#0f1117;border:1px solid #333;border-radius:8px;padding:6px 8px}.settings b{color:var(--text)}.powers{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.powers button{text-align:left;flex-direction:column;gap:4px;display:flex}.powers button.on{outline:2px solid var(--gold)}.powers small{color:var(--muted)}.match{position:fixed;inset:0}.match canvas{display:block}.overlay{background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.result table{border-collapse:collapse;width:100%;margin:12px 0}.result td,.result th{text-align:center;border-bottom:1px solid #262a33;padding:6px}.result td:first-child,.result th:first-child{text-align:left}.result tr.red td:first-child{color:var(--red)}.result tr.blue td:first-child{color:var(--blue)}.score{font-size:32px;font-weight:700}.score .red{color:var(--red)}.score .blue{color:var(--blue)}.notice{z-index:20;border-left:4px solid var(--gold);background:#2a2f3b;border-radius:8px;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.notice[hidden]{display:none}button:disabled{opacity:.6;cursor:default}@media (width<=700px){.teams{grid-template-columns:1fr}.card{margin:16px}}a.button{color:var(--text);background:#2a2f3b;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-block}a.button.primary{background:var(--gold);color:#111;font-weight:700}button.link{background:0 0;align-items:center;gap:6px;padding:2px 0;display:inline-flex}button.link:hover{background:0 0;text-decoration:underline}.top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.top h1{margin:0}.spacer{flex:1}.avatar{vertical-align:middle;background:#2a2f3b;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.choice{align-items:center;gap:6px;display:flex}.choice input{flex:none}.teams.two{grid-template-columns:repeat(2,1fr)}.ranking,.card table{border-collapse:collapse;width:100%;margin:8px 0 16px}.card td,.card th{text-align:left;border-bottom:1px solid #262a33;padding:6px}.plain{padding:0;list-style:none}.up{color:#66bb6a}.down{color:#ef5350}