:root{--fundo:#1d1b2c;--painel:#2a2740;--borda:#4e4883;--texto:#f0eef8;--apagado:#a9a5c4;--ataque:#d9556f;--defesa:#4394d6;--suporte:#35cd62;--ouro:#f5a13a;--contorno:#37296f}*{box-sizing:border-box}html,body{background:var(--fundo);height:100%;color:var(--texto);margin:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;border:2px solid var(--contorno);background:var(--ouro);color:#2a1440;border-radius:6px;padding:8px 14px;font-weight:700}button:hover{filter:brightness(1.1)}button:disabled{filter:grayscale()brightness(.6);cursor:not-allowed}button.fraco{color:var(--apagado);border-color:var(--borda);background:0 0}input{font:inherit;border:2px solid var(--borda);color:var(--texto);background:#16142a;border-radius:6px;width:100%;padding:9px 10px}code{background:#16142a;border-radius:4px;padding:1px 5px}.oculta{display:none!important}.erro{color:#ff8fa3;min-height:1.2em}.tela{background:radial-gradient(circle at 50% 30%, #2f2a52, var(--fundo));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.painel{background:var(--painel);border:3px solid var(--borda);border-radius:12px;padding:22px 26px;box-shadow:0 10px #0006}.login{flex-direction:column;gap:12px;width:380px;display:flex}.login form{flex-direction:column;gap:8px;display:flex}.logo{letter-spacing:8px;color:var(--ouro);text-shadow:3px 3px 0 var(--contorno);margin:0;font-size:46px}.sub{color:var(--apagado);margin:-6px 0 6px;font-size:13px}.demo:empty{display:none}.demo{color:var(--apagado);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.demo button{background:var(--defesa);color:#fff;padding:3px 8px;font-size:12px}details summary{cursor:pointer;color:var(--apagado);margin-bottom:8px}.lobby{width:min(980px,94vw);max-height:92vh;overflow:auto}.lobby header{justify-content:space-between;align-items:center;display:flex}.lobby h2{margin:0}.lobby h3{color:var(--apagado);text-transform:uppercase;margin:18px 0 8px;font-size:14px}.grade-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.card-opcao{border:3px solid var(--borda);cursor:pointer;text-align:center;background:#1f1c33;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px;font-size:13px;display:flex}.card-opcao.sel{border-color:var(--ouro);box-shadow:0 0 0 3px #f5a13a55}.card-opcao b{font-size:15px}.card-opcao small{color:var(--apagado)}.card-opcao canvas,.card-opcao img{image-rendering:pixelated;width:64px;height:64px}.partida-linha{border:2px solid var(--borda);background:#1f1c33;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:14px;display:flex}.vazio{color:var(--apagado);font-size:13px}#tela-jogo{background:#1d1b2c;display:block}#canvas{position:absolute;inset:0}#hud-topo{pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute;top:10px;left:10px;right:10px}#hud-partida,#hud-grupo>div{border:2px solid var(--borda);background:#2a2740e8;border-radius:8px;padding:8px 12px}#hud-partida{font-size:14px}#hud-partida .fase{color:var(--ouro);font-weight:800}#hud-grupo{gap:8px;display:flex}.membro{min-width:132px;font-size:12px}.membro.eu{border-color:var(--ouro)!important}.membro b{font-size:13px}.membro .classe{color:var(--apagado)}.barra{background:#16142a;border-radius:3px;height:7px;margin:4px 0 3px;overflow:hidden}.barra>span{background:var(--suporte);height:100%;display:block}.pips{letter-spacing:2px}.pronto-ok{color:var(--suporte);font-weight:700}#hud-log{width:330px;color:var(--apagado);pointer-events:none;text-shadow:1px 1px #000;flex-direction:column;gap:2px;font-size:12px;display:flex;position:absolute;bottom:150px;left:10px}#hud-mao{gap:8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.carta{border:3px solid var(--contorno);color:#2a1440;-webkit-user-select:none;user-select:none;cursor:grab;background:#f3ead6;border-radius:9px;flex-direction:column;gap:3px;width:104px;height:128px;padding:6px;font-size:11px;transition:transform .1s;display:flex;position:relative;box-shadow:0 5px #0007}.carta:hover{transform:translateY(-8px)}.carta .faixa{border-radius:3px;height:6px}.carta.ATAQUE .faixa{background:var(--ataque)}.carta.DEFESA .faixa{background:var(--defesa)}.carta.SUPORTE .faixa{background:var(--suporte)}.carta b{font-size:13px;line-height:1.1}.carta .valor{margin-top:auto;font-size:22px;font-weight:900}.carta .qtd{background:var(--contorno);color:#fff;border-radius:10px;padding:1px 7px;font-weight:800;position:absolute;top:-8px;right:-8px}.carta.inativa{filter:grayscale(.85)brightness(.75);cursor:not-allowed}.fantasma{pointer-events:none;z-index:50;opacity:.9;position:fixed;transform:translate(-50%,-60%)rotate(-4deg)}#btn-pronto{padding:14px 18px;font-size:15px;position:absolute;bottom:18px;right:16px}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--ataque);background:#3b1730f0;border-radius:8px;padding:8px 14px;font-size:14px;animation:4s forwards some}.toast.info{border-color:var(--suporte);background:#173b26f0}@keyframes some{0%,80%{opacity:1}to{opacity:0}}#fim{background:#000a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#fim h2{color:var(--ouro);text-shadow:3px 3px 0 var(--contorno);margin:0 0 8px;font-size:42px}