:root{color-scheme:dark;--oro:#e6bb52;--violeta:#a985ef;--tinta:#130e1d;--panel:#231931;--texto:#eee8f7;--dim:#b5a9c3;font-family:Georgia,serif}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--texto);background:radial-gradient(circle at 50% 0,#4b284c 0,transparent 38%),linear-gradient(145deg,#120b1b,#07060c 70%)}
button{font:inherit}.btn{border:1px solid rgba(230,187,82,.58);border-radius:8px;background:#30213f;color:#f5eacb;padding:10px 15px;cursor:pointer;font-weight:700}.btn:hover{background:#443052}.btn.gold{background:linear-gradient(180deg,#e4bd55,#a96d25);color:#26180b;border-color:#ffe393}.btn.gold:hover{filter:brightness(1.08)}
.mulliganLab{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:38px 0 48px}.mulliganLabCabecera{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.mulliganLabCabecera h1{margin:5px 0 8px;color:#f6dd98;font-size:clamp(28px,4vw,46px);line-height:1}.mulliganLabCabecera>div>p{max-width:650px;margin:0;color:var(--dim);line-height:1.55}.mulliganLabEtiqueta{margin:0;color:var(--violeta)!important;font:800 10px/1.2 system-ui,sans-serif;letter-spacing:3px}
.mulliganMesa{padding:24px;border:1px solid rgba(230,187,82,.31);border-radius:18px;background:linear-gradient(145deg,rgba(52,33,69,.92),rgba(20,13,30,.94));box-shadow:0 24px 80px rgba(0,0,0,.36)}.mulliganEstado{display:flex;justify-content:space-between;gap:25px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.09)}.mulliganEstado span{display:block;color:var(--violeta);font:800 10px/1.2 system-ui,sans-serif;letter-spacing:2px}.mulliganEstado strong{display:block;margin-top:5px;font-size:18px;color:#f2dfa9}.mulliganEstado p{max-width:380px;margin:0;color:var(--dim);font-size:13px;line-height:1.45}.mulliganRegla{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center;padding:15px 8px;color:#d9cee7;font:600 13px/1.4 system-ui,sans-serif}.mulliganRegla b{color:#f4dd9d}.mulliganRegla i{color:var(--oro);font-style:normal}.mulliganManoTitulo{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:5px 0 15px}.mulliganManoTitulo h2{margin:5px 0 0;font-size:22px}.mulliganMano{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;padding:12px 0 6px;min-height:197px}.mulliganFicha{width:132px;height:184px;padding:13px;border:2px solid #6f4b86;border-radius:13px;background:linear-gradient(145deg,#573a68,#21192e 55%,#17101f);box-shadow:0 11px 20px rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:column}.mulliganFicha[data-tipo="personaje"]{border-color:#c3794f}.mulliganFicha small{color:#dac5ee;font:700 9px/1.2 system-ui,sans-serif;letter-spacing:1.3px}.mulliganFicha h3{margin:20px 0 8px;font-size:19px;line-height:1.05;color:#ffe9ac}.mulliganFicha p{margin:0;color:#d6cadf;font:12px/1.3 system-ui,sans-serif}.mulliganFicha footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:9px;border-top:1px solid rgba(255,255,255,.18);font:700 12px/1 system-ui,sans-serif}.mulliganResultado{margin:16px 0 0;text-align:center;color:#d0c3de;line-height:1.45}.mulliganNotas{margin-top:17px;padding:14px 17px;border-left:3px solid var(--oro);background:rgba(230,187,82,.07);color:#cfc3d8;font:13px/1.5 system-ui,sans-serif}.mulliganNotas strong{color:#f1d98f}
.ov{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:12px;background:rgba(5,3,10,.82)}.ov.on{display:flex}.panel{width:min(880px,96vw);border-radius:17px}.mulliganPanel .card.mulliganFicha{width:var(--mulligan-cw);height:calc(var(--mulligan-cw) * 1.4);padding:10px}.mulliganPanel .mulliganFicha h3{font-size:15px;margin:13px 0 5px}.mulliganPanel .mulliganFicha small{font-size:7px}.mulliganPanel .mulliganFicha footer{font-size:10px}.mulliganPanel .mulliganFicha p{font-size:10px}
@media(max-width:660px){.mulliganLab{width:min(100% - 20px,500px);padding-top:20px}.mulliganLabCabecera,.mulliganEstado,.mulliganManoTitulo{flex-direction:column}.mulliganLabCabecera .btn,.mulliganManoTitulo .btn{width:100%}.mulliganMesa{padding:16px}.mulliganEstado p{font-size:12px}.mulliganMano{gap:8px;min-height:0}.mulliganFicha{width:calc((100vw - 68px)/3);max-width:116px;height:155px;padding:10px}.mulliganFicha h3{font-size:16px;margin-top:14px}}