:root{--asfalto: #12171c;--grada: #1d252c;--grada2: #273139;--linea: #36434d;--turquesa: #00c2d1;--sol: #f2b33d;--barro: #e8503a;--cal: #efeae0;--humo: #8b96a0;--pasto: #3fa96b;--morado: #9b6bd6;--lila: #c9aeec;--texto: #d3d8dc;--r: 4px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--asfalto);color:var(--cal);font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{padding:14px 12px 48px;display:flex;justify-content:center}#root{width:100%;max-width:540px}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}p{font-size:14.5px;line-height:1.55;color:var(--texto)}p+p{margin-top:9px}.sub{color:var(--humo);font-size:13px}.carnet{background:var(--grada);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;margin-bottom:14px}.carnet-top{display:flex}.ovr{flex:0 0 90px;background:var(--grada2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 4px;border-right:1px solid var(--linea)}.ovr b{font-family:Archivo Black,Archivo,sans-serif;font-size:40px;line-height:1;color:var(--turquesa);font-variant-numeric:tabular-nums}.ovr>span{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.18em;color:var(--humo);margin-top:4px}.ovr .delta{font-family:IBM Plex Mono,monospace;font-size:11px;margin-top:3px}.up{color:var(--pasto)}.down{color:var(--barro)}.flat{color:var(--humo)}.ident{flex:1;padding:11px 12px;min-width:0}.ident .nom{font-family:Archivo Black,Archivo,sans-serif;font-size:18px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ident .nom i{font-style:normal;color:var(--humo)}.ident .club{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:13px}.chip{width:9px;height:9px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 1px #ffffff2e}.ident .meta{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--humo);margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:3px 7px}.ident .meta .sep{color:var(--linea)}.rasgos{display:flex;gap:4px;flex-wrap:wrap;padding:8px 10px;background:#171e24;border-top:1px solid var(--linea)}.rasgo{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.06em;padding:3px 7px;border-radius:2px;background:var(--grada2);color:var(--humo);border:1px solid var(--linea)}.rasgo.on{background:transparent;border-color:var(--morado);color:var(--lila)}.rasgo.bien{border-color:var(--pasto);color:#8fd9ae}.rasgo.mal{border-color:var(--barro);color:#f0a093}button.rasgo{cursor:pointer;line-height:1.4}button.rasgo:hover{filter:brightness(1.18)}button.rasgo[aria-expanded=true]{box-shadow:inset 0 -2px 0 currentColor}.ficha-rasgo .nombre{font-family:Archivo Black,Archivo,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.02em;color:var(--cal)}.ficha-rasgo .tipo{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--humo);margin-top:3px}.ficha-rasgo .desc{font-size:13px;line-height:1.5;color:var(--texto);margin-top:6px}.ficha-rasgo.bien .nombre{color:#8fd9ae}.ficha-rasgo.mal .nombre{color:#f0a093}.ficha-rasgo .efectos{list-style:none;margin-top:7px;padding-top:7px;border-top:1px dashed var(--linea)}.ficha-rasgo .efectos li{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;line-height:1.5;color:var(--cal)}.ficha-rasgo .efectos li+li{margin-top:2px}.ficha-rasgo.bien .efectos li{color:#8fd9ae}.ficha-rasgo.mal .efectos li{color:#f0a093}.ficha-rasgo .efectos .encartas{color:var(--humo);font-style:italic}.ficha-rasgo.bien .efectos .encartas,.ficha-rasgo.mal .efectos .encartas{color:var(--humo)}.medidores{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 10px;background:#131920;border-top:1px solid var(--linea)}.medidor{display:flex;align-items:center;gap:7px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.14em;color:var(--humo)}.medidor .riel{flex:1;height:4px;border-radius:2px;background:#2a343c;overflow:hidden}.medidor .lleno{height:100%;background:var(--turquesa);transform-origin:left;transition:transform .5s ease}.medidor b{font-size:11px;color:var(--cal);font-variant-numeric:tabular-nums;min-width:30px;text-align:right}.medidor.cambia b{color:var(--sol)}.medidor.cambia.sube .lleno{background:var(--pasto)}.medidor.cambia.baja .lleno{background:var(--barro)}.abre-rasgo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s ease}.abre-rasgo.abierto{grid-template-rows:1fr}.abre-rasgo>div{overflow:hidden;min-height:0;opacity:0;transition:opacity .2s ease}.abre-rasgo.abierto>div{opacity:1}.carnet .ficha-rasgo{padding:10px;background:#131920;border-top:1px solid var(--linea)}.fichas-rasgo{margin-top:4px}.fichas-rasgo .ficha-rasgo+.ficha-rasgo{margin-top:10px;padding-top:10px;border-top:1px solid var(--linea)}.barra{display:flex;gap:2px;padding:8px 10px;background:#151b21;border-top:1px solid var(--linea)}.seg{flex:1;height:13px;border-radius:1px;background:#2a343c}.seg.normal{background:#39454e}.seg.bueno{background:var(--turquesa);opacity:.75}.seg.titulo{background:var(--sol)}.seg.malo{background:#4a3a38}.seg.lesion{background:var(--barro);opacity:.85}.seg.raro{background:var(--morado)}.seg.hoy{outline:1px solid var(--cal);outline-offset:1px}.card{background:var(--grada);border:1px solid var(--linea);border-radius:var(--r);padding:16px 15px;margin-bottom:12px}.card.raro{border-color:var(--morado);background:linear-gradient(160deg,#241e33,#1a1e26)}.card.legendaria{border-color:var(--sol);background:linear-gradient(160deg,#2b2415,#1a1e26)}.card.secreta{border-color:var(--turquesa);background:linear-gradient(160deg,#14282c,#1a1e26)}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--turquesa);margin-bottom:9px}.eyebrow.sol{color:var(--sol)}.eyebrow.mor{color:var(--lila)}h2.t{font-family:Archivo Black,Archivo,sans-serif;font-size:22px;line-height:1.06;text-transform:uppercase;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;margin:12px 0}.stats div{background:var(--grada2);padding:9px 6px;text-align:center}.stats b{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:17px;display:block;font-variant-numeric:tabular-nums}.stats span{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--humo)}.linea-nota{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.45;padding:7px 0;border-top:1px solid #2a343c;color:var(--texto)}.linea-nota:first-of-type{border-top:0}.marca{font-family:IBM Plex Mono,monospace;font-size:10px;padding:2px 5px;border-radius:2px;flex:0 0 auto;margin-top:1px}.m-oro{background:var(--sol);color:#12171c}.m-h{background:var(--turquesa);color:#12171c}.m-mal{background:var(--barro);color:#fff}.m-neutro{background:#39454e;color:var(--cal)}.m-raro{background:var(--morado);color:#12171c}.linea-nota b{color:var(--lila)}.op{display:block;width:100%;text-align:left;background:var(--grada2);border:1px solid var(--linea);border-left:3px solid var(--turquesa);border-radius:var(--r);padding:12px 13px;margin-bottom:8px;color:var(--cal);font-family:Archivo,sans-serif;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .12s}.op small{display:block;font-weight:400;font-size:12.5px;color:var(--humo);margin-top:3px;line-height:1.4}.op:hover{background:#2f3a43}.op:focus-visible{outline:2px solid var(--sol);outline-offset:2px}.op.oro{border-left-color:var(--sol)}.op.riesgo{border-left-color:var(--barro)}.op.rara{border-left-color:var(--morado)}.op .con-chip{display:inline-flex;align-items:center;gap:8px}.avanzar{width:100%;background:var(--turquesa);color:#0e1418;border:0;border-radius:var(--r);padding:14px;font-family:Archivo Black,Archivo,sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;margin-bottom:8px}.avanzar:hover{filter:brightness(1.08)}.avanzar:focus-visible{outline:2px solid var(--sol);outline-offset:2px}.avanzar:disabled{opacity:.55;cursor:default;filter:none}.avanzar.sol{background:var(--sol)}.avanzar.sec{background:transparent;color:var(--humo);border:1px solid var(--linea);font-family:Archivo,sans-serif;font-weight:600;text-transform:none;letter-spacing:0}.salidas{display:flex;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid var(--linea)}.salidas button{flex:1;background:transparent;border:1px solid var(--linea);border-radius:var(--r);color:var(--humo);font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:9px 6px;cursor:pointer}.salidas button:hover{color:var(--cal);border-color:var(--humo)}.salidas button:focus-visible{outline:2px solid var(--sol);outline-offset:2px}.salidas.seguido{margin-top:8px;padding-top:0;border-top:0}.confirma{border-color:var(--barro)}.eyebrow.barro{color:var(--barro)}.avanzar.sec.riesgo{color:#f0a093;border-color:var(--barro)}.avanzar.sec.riesgo:hover{background:#e8503a1f}label{display:block;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--humo);margin:14px 0 6px}input[type=text],input[type=number],select,textarea{width:100%;background:var(--grada2);border:1px solid var(--linea);border-radius:var(--r);color:var(--cal);padding:11px 12px;font-family:Archivo,sans-serif;font-size:15px}input:focus,select:focus,textarea:focus{outline:2px solid var(--turquesa);outline-offset:-1px}textarea.codigo{box-sizing:border-box;resize:vertical;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.5;word-break:break-all}input[type=range]{width:100%;accent-color:var(--turquesa)}.fila{display:flex;gap:9px}.fila>*{flex:1}.pick{display:flex;flex-wrap:wrap;gap:6px}.pick button{flex:1 1 auto;background:var(--grada2);border:1px solid var(--linea);border-radius:var(--r);color:var(--humo);padding:9px 10px;font-family:Archivo,sans-serif;font-size:13px;font-weight:600;cursor:pointer}.pick button[aria-pressed=true]{background:var(--turquesa);color:#0e1418;border-color:var(--turquesa)}.pick button:focus-visible{outline:2px solid var(--sol);outline-offset:2px}.pick.ambicion button{flex:1 1 100%;text-align:left}.pick.ambicion small{display:block;font-weight:400;font-size:12px;opacity:.85;margin-top:2px}.pick.ambicion .precio{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:6px;padding-top:5px;border-top:1px dashed var(--linea);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.pick.ambicion .dificultad{color:var(--humo)}.pick.ambicion .precio b{color:var(--sol);font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}.hero{border:1px solid var(--linea);border-radius:var(--r);padding:26px 18px 20px;background:linear-gradient(180deg,#1d252c,#12171c);margin-bottom:12px;position:relative;overflow:hidden}.hero .kicker{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.22em;color:var(--sol);text-transform:uppercase}.hero h1{font-family:Archivo Black,Archivo,sans-serif;font-size:clamp(28px,8.5vw,42px);line-height:.92;text-transform:uppercase;margin:12px 0 0}.hero h1 em{font-style:normal;color:var(--turquesa)}.hero p{margin-top:14px;max-width:34ch}.rayas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;background:repeating-linear-gradient(90deg,transparent 0 22px,var(--cal) 22px 23px)}.cromo{background:linear-gradient(160deg,#273139,#171e24);border:1px solid var(--sol);border-radius:var(--r);padding:18px 16px;margin-bottom:12px}.cromo .veredicto{font-family:Archivo Black,Archivo,sans-serif;font-size:25px;text-transform:uppercase;color:var(--sol);line-height:1;margin:4px 0 10px}.puntaje{font-family:Archivo Black,Archivo,sans-serif;font-size:46px;color:var(--turquesa);line-height:1;font-variant-numeric:tabular-nums}.palmares li{list-style:none;font-family:IBM Plex Mono,monospace;font-size:12.5px;padding:5px 0;border-top:1px dashed #3a464f;display:flex;justify-content:space-between;gap:10px}.palmares li b{color:var(--sol);font-weight:600;text-align:right}.palmares li b.plano{font-weight:400;color:var(--cal)}.tabla li{list-style:none;display:flex;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12.5px;padding:7px 0;border-top:1px solid #2a343c;align-items:baseline}.tabla li:first-child{border-top:0}.tabla .pos{color:var(--humo);width:22px}.tabla .nm{flex:1;font-family:Archivo,sans-serif;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabla .pt{color:var(--sol);font-weight:600}.tabla li.yo .nm{color:var(--turquesa)}.pie{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--humo);text-align:center;margin-top:18px;line-height:1.6}.aviso{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--humo);line-height:1.5;border-left:2px solid var(--linea);padding-left:9px;margin-top:10px}.cromo-vivo{background:linear-gradient(160deg,#273139,#171e24);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;margin-bottom:12px}.cromo-vivo .dorsal{font-family:Archivo Black,Archivo,sans-serif;font-size:40px;line-height:1;color:var(--humo);font-variant-numeric:tabular-nums}.cromo-vivo .sinclub{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--humo);display:flex;align-items:center;gap:7px;margin-top:5px}.chip.vacio{background:transparent;border:1px dashed var(--humo);box-shadow:none}.cromo-vivo .fisico{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);border-top:1px solid var(--linea)}.cromo-vivo .fisico div{background:#1b232a;padding:8px 6px;text-align:center}.cromo-vivo .fisico b{display:block;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.cromo-vivo .fisico span{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--humo)}.cromo-vivo .meta-ambicion{padding:9px 12px;border-top:1px solid var(--linea);background:#171e24;font-size:12.5px;color:var(--texto)}.cromo-vivo .meta-ambicion span{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.18em;color:var(--sol);display:block;margin-bottom:3px}.ruleta{display:flex;gap:8px;margin:4px 0 12px}.slot{flex:1;min-width:0;height:84px;background:var(--grada2);border:1px solid var(--linea);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;text-align:center;overflow:hidden}.slot .nombre{font-family:IBM Plex Mono,monospace;font-size:11.5px;line-height:1.25;color:var(--humo)}.slot .tipo{font-family:IBM Plex Mono,monospace;font-size:8.5px;letter-spacing:.16em;color:var(--humo);margin-top:6px}.slot.girando{border-color:var(--linea)}.slot.girando .nombre{animation:parpadeo .09s steps(1) infinite}.slot.parado{animation:aterrizar .34s ease-out}.slot.parado.bien{border-color:var(--pasto)}.slot.parado.bien .nombre{color:#8fd9ae}.slot.parado.mal{border-color:var(--barro)}.slot.parado.mal .nombre{color:#f0a093}.slot.parado.neutro{border-color:var(--linea)}.slot.parado.neutro .nombre{color:var(--cal)}.slot.oculto{border-color:var(--morado);border-style:dashed}.slot.oculto .nombre{color:var(--lila);font-size:15px;letter-spacing:.12em}@keyframes parpadeo{50%{opacity:.35}}@keyframes aterrizar{0%{transform:translateY(-8px);opacity:.4}to{transform:translateY(0);opacity:1}}.carnet .cambia{border-radius:3px;padding:1px 4px;margin:0 -4px;background:#00c2d126;box-shadow:inset 0 -2px #00c2d199;animation:resaltar 1.5s ease-out}.carnet .cambia.sube{background:#3fa96b2b;box-shadow:inset 0 -2px #3fa96bb3}.carnet .cambia.baja{background:#e8503a2b;box-shadow:inset 0 -2px #e8503ab3}@keyframes resaltar{0%{background-color:#00c2d173}}.carnet .cambia.sube{animation-name:resaltar-sube}@keyframes resaltar-sube{0%{background-color:#3fa96b80}}.carnet .cambia.baja{animation-name:resaltar-baja}@keyframes resaltar-baja{0%{background-color:#e8503a80}}.carnet .cambia.fuerte{box-shadow:inset 0 -2px #00c2d1e6,0 0 0 1px #00c2d18c;animation-duration:2.6s}.carnet .cambia.fuerte.sube{box-shadow:inset 0 -2px #3fa96b,0 0 0 1px #3fa96b99}.carnet .cambia.fuerte.baja{box-shadow:inset 0 -2px #e8503a,0 0 0 1px #e8503a99}@media (prefers-reduced-motion: reduce){.carnet .cambia{animation:none}}.golpe{border:1px solid var(--barro);border-radius:var(--r);background:linear-gradient(160deg,#2b1c19,#171e24);padding:26px 18px;margin-bottom:12px;text-align:center;animation:aterrizar .4s ease-out}.golpe.bueno{border-color:var(--pasto);background:linear-gradient(160deg,#17291f,#171e24)}.golpe.epica{border-color:var(--morado);background:linear-gradient(160deg,#241e33,#171e24)}.golpe.epica .que{color:var(--lila)}.golpe.legendaria{border-color:var(--sol);background:linear-gradient(160deg,#2b2415,#171e24)}.golpe.legendaria .que{color:var(--sol)}.golpe.secreta{border-color:var(--turquesa);background:linear-gradient(160deg,#14282c,#171e24)}.golpe.secreta .que{color:var(--turquesa)}.golpe .que{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--humo)}.golpe .titular{font-family:Archivo Black,Archivo,sans-serif;font-size:24px;text-transform:uppercase;line-height:1.05;margin:10px 0 14px}.golpe .numeros{font-family:IBM Plex Mono,monospace;font-size:20px;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;gap:12px}.golpe .numeros .antes{color:var(--humo);text-decoration:line-through}.minutos{display:flex;align-items:center;gap:10px}.minutos .riel{flex:1;height:8px;background:#2a343c;border-radius:2px;overflow:hidden}.minutos .lleno,.eje .lleno{width:100%;transform-origin:left center}.minutos .lleno{height:100%;background:var(--turquesa);opacity:.8;transition:transform .6s ease-out}.minutos .etiqueta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--humo);flex:0 0 auto}.ejes{margin-top:12px}.eje{margin-top:8px}.eje .fila-eje{display:flex;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:12px;margin-bottom:3px}.eje .fila-eje b{color:var(--sol);font-variant-numeric:tabular-nums}.eje .riel{height:6px;background:#2a343c;border-radius:2px;overflow:hidden}.eje .lleno{height:100%;background:var(--turquesa);transition:transform .8s ease-out}.eje.ambicion .lleno{background:var(--sol)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}