.creador-2024{margin-top:18px;min-width:0}.creador-2024 [hidden]{display:none!important}
.creador-dialogo{padding:0!important;overflow:hidden!important}.dialogo-cabecera{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#211b2d;border-bottom:1px solid #e6b45533}.dialogo-cabecera h2{margin:0;font-size:24px}.dialogo-cerrar,.ayuda-cerrar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #e6b45566;border-radius:50%;background:#e6b45510;color:#f5ddb4;font:26px/1 sans-serif;cursor:pointer}.dialogo-cerrar:hover,.dialogo-cerrar:focus-visible{background:#e6b45533;outline:2px solid #e6b455}.dialogo-contenido{padding:22px;overflow:auto;max-height:calc(85dvh - 82px);overscroll-behavior:contain}.dialogo-contenido p{overflow-wrap:break-word;white-space:pre-line}.creador-bubble{padding:0!important;display:none;overflow:hidden!important;width:min(430px,calc(100vw - 24px))!important;max-height:80dvh!important}.creador-bubble:popover-open{display:flex;flex-direction:column}.ayuda-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #e6b45533;flex-shrink:0}.ayuda-cerrar{flex-basis:26px;width:26px;height:26px;font-size:20px}.ayuda-contenido{overflow:auto;min-height:0;max-height:calc(80dvh - 64px);padding:4px 16px 16px;overscroll-behavior:contain}.ayuda-contenido p{white-space:normal!important;overflow-wrap:break-word;word-break:normal;hyphens:auto;text-align:left;line-height:1.75}.opcion-icono{width:27px;height:27px;flex:0 0 27px;fill:none;stroke:var(--oro,#e6b455);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;padding:2px}.atributo-dado{display:inline-block;vertical-align:middle;width:32px;height:32px;margin:0 3px 2px 0;padding:0;border:0;background:transparent;cursor:pointer}.atributo-dado img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 4px #e6b45555)}.atributo-intercambio{display:block;font:10px Inter,sans-serif!important;padding:4px!important;margin-top:5px;max-width:112px!important;border-color:#e6b45544!important}.atributo-dado[hidden],.atributo-intercambio[hidden],#identidadCreador>[hidden]{display:none!important}
.creador-2024 .valido{color:#50d59a}.creador-pasos{display:flex;gap:6px;overflow-x:auto;padding:8px 0 14px;margin-bottom:16px;max-width:100%}
.creador-pasos button{flex:0 0 auto;padding:9px 12px;border:1px solid #353248;background:#171522;color:inherit;border-radius:8px;font:inherit;cursor:pointer}.creador-pasos button[aria-current=step]{border-color:#8172ef;background:#30265c;color:#fff}
.creador-panel{min-width:0}.creador-panel h3{margin:12px 0}.creador-campo{display:flex;flex-direction:column;gap:6px;margin:12px 0}.creador-campo textarea{width:100%;resize:vertical}
.creador-atributos{display:grid;grid-template-columns:minmax(96px,1fr) minmax(58px,.7fr) minmax(60px,.7fr) minmax(75px,1fr);gap:10px;align-items:center;margin:14px 0}.creador-atributos input,.creador-atributos select{min-width:0;width:100%}.creador-atributos strong{font-size:12px}.creador-atributos span{font-variant-numeric:tabular-nums}
.creador-eleccion{border:1px solid #353248;border-radius:10px;padding:14px;margin:16px 0;min-width:0}.creador-eleccion legend{padding:0 7px;max-width:100%;white-space:normal}
.creador-opciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:8px;max-height:360px;overflow:auto;padding:8px 2px}.creador-opciones label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:9px;background:#151322;border-radius:6px;cursor:pointer;line-height:1.4}.creador-opciones input{width:17px!important;height:17px;flex:0 0 17px;margin:0;accent-color:#8073ed}.creador-opciones small{flex-basis:100%;color:#aaa6ba}.creador-opciones .mini{margin-left:auto}
.creador-referencia{margin:10px 0;padding:12px;border:1px solid #302d42;border-radius:9px}.creador-referencia summary{cursor:pointer}.creador-referencia p{white-space:pre-line;max-height:360px;overflow:auto;line-height:1.6;font-size:14px}
.creador-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}.creador-cifras div{display:flex;flex-direction:column;padding:14px;background:#181526;border-radius:9px}.creador-cifras strong{font-size:23px}.creador-cifras small{color:#aaa6ba;margin-bottom:5px}
.creador-tabla{overflow:auto}.creador-tabla table{width:100%;border-collapse:collapse}.creador-tabla td{padding:7px;border-bottom:1px solid #302d42;overflow-wrap:anywhere}.creador-errores{color:#f5b9a1;line-height:1.7;padding-left:22px}
.creador-tabla td:first-child{min-width:6em;overflow-wrap:normal}
.creador-dialogo{max-width:680px;width:calc(100% - 30px);max-height:85vh;overflow:auto;background:#181523;color:#eee;border:1px solid #77708f;border-radius:12px;padding:22px}.creador-dialogo p{white-space:pre-line;line-height:1.6}.creador-dialogo::backdrop{background:#000a}.creador-dialogo .btn{display:block;margin-top:18px}
@media(max-width:600px){.creador-atributos{gap:6px;font-size:12px;grid-template-columns:1.1fr .7fr .8fr 1fr}.creador-eleccion{padding:10px}.creador-pasos button{padding:8px;font-size:13px}.creador-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}
.selector-base{display:none!important}.origen-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.origen-tarjeta{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #e6b45544;border-radius:12px;background:linear-gradient(145deg,#e6b4550a,#181526)}.origen-tarjeta strong{font-size:24px;font-family:'Grenze Gotisch',serif}.origen-tarjeta .nota{margin:0;font-size:12px;line-height:1.6}.origen-tarjeta>.btn{margin-top:auto}.origen-tarjeta>.creador-ayuda{position:absolute;right:12px;top:12px}
.origen-fuente{display:block;font-size:10px;margin:6px 2px 2px;color:var(--tenue)}.origen-opcion:has(.origen-fuente){display:flex;flex-direction:column}.origen-opcion:has(.origen-fuente)>.origen-elegir{flex:1;height:auto}
.creador-ayuda{display:inline-flex;justify-content:center;align-items:center;flex:0 0 20px;width:20px;height:20px;padding:0;margin-left:6px;border-radius:50%;border:1px solid #75668a;background:#231e31;color:#d9cbf5;font-size:11px;cursor:pointer;vertical-align:middle}.creador-ayuda:hover{border-color:var(--oro);color:var(--oro)}
.creador-bubble{position:fixed;inset:auto;margin:0;width:min(340px,calc(100vw - 24px));max-height:min(360px,75vh);overflow:auto;padding:18px;border:1px solid #786490;border-radius:12px;background:#211b2d;color:#eee;box-shadow:0 15px 50px #0009;font:13px/1.6 Inter,sans-serif}.creador-bubble strong{color:#e6b455}.creador-bubble p{white-space:pre-line;margin:8px 0 0}
.menu-origen{max-width:880px}.menu-origen .aventuras-cabecera{margin:0 0 15px}.menu-origen-opciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.origen-opcion{position:relative}.origen-opcion>.creador-ayuda{position:absolute;top:12px;right:12px}.origen-elegir{display:flex;align-items:flex-start;flex-direction:column;gap:10px;width:100%;height:100%;padding:18px 36px 18px 18px;text-align:left;background:#211d30;border:1px solid #40364f;border-radius:12px;color:inherit;cursor:pointer;font:inherit}.origen-elegir[aria-pressed=true],.origen-elegir:hover{border-color:var(--oro);background:#e6b45510}.origen-elegir small{font-size:12px;line-height:1.6;color:#bbb4cb}.origen-icono{font-size:27px;color:var(--oro)}
.nivel-selector{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nivel-selector>span{flex-basis:100%;font-size:11px;color:var(--tenue);margin-bottom:3px}.nivel-chip{border:1px solid var(--borde);padding:9px 17px;color:inherit;border-radius:8px;background:var(--panel);cursor:pointer}.nivel-chip[aria-pressed=true]{border-color:var(--oro);color:var(--oro);background:#e6b45512}
.metodos-atributos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.metodo-tarjeta{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:15px 12px;border:1px solid var(--borde);border-radius:12px;background:#151320;color:inherit;cursor:pointer;min-width:0}.metodo-tarjeta>span{font-size:24px;color:var(--oro)}.metodo-tarjeta strong{font-size:12px}.metodo-tarjeta small{font-size:11px;color:var(--tenue);line-height:1.5}.metodo-tarjeta[aria-pressed=true]{border-color:var(--oro);background:#e6b4550d}
.atributos-interactivos{display:grid;grid-template-columns:minmax(250px,1fr) minmax(320px,1.2fr);gap:22px;align-items:center}.radar-contenedor{min-width:0;background:radial-gradient(ellipse,#7962a412,transparent 70%)}.radar-contenedor svg{width:100%;max-height:350px;overflow:visible}.radar-contenedor .nota{text-align:center;font-size:11px;line-height:1.6;margin:0 15px}.radar-guia{fill:none;stroke:#3b324c;stroke-width:1}.radar-eje{stroke:#3b324c;stroke-dasharray:3 4}.radar-base{fill:#c7a1ff25;stroke:#c7a1ff;stroke-width:2;pointer-events:none}.radar-total{fill:#e6b45508;stroke:#e6b455;stroke-width:1.5;stroke-dasharray:4 4;pointer-events:none}.radar-punto{fill:#e6b455;stroke:#171223;stroke-width:3;cursor:grab;touch-action:none}.radar-punto:focus{outline:none;stroke:#fff;stroke-width:3}.radar-punto:active{cursor:grabbing}.radar-etiqueta{font:11px Inter,sans-serif;fill:#bfb6ce}.radar-leyenda{text-align:center;font-size:10px;color:#bba2dc;margin:9px 0}
.atributos-interactivos .creador-atributos{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) 70px 74px;gap:8px;font-size:12px}.atributos-interactivos .creador-atributos>strong{font-size:10px;color:var(--tenue)}.atributos-interactivos .creador-atributos>label{font-size:11px;margin:0}.atributo-control{display:flex;align-items:center;border:1px solid #40364f;border-radius:8px;overflow:hidden}.atributo-control input{border:0;text-align:center;padding:7px 0!important;background:transparent!important;appearance:textfield;-moz-appearance:textfield;font-size:14px;color:var(--oro)}.atributo-control input::-webkit-inner-spin-button{appearance:none}.atributo-paso{border:0;background:transparent;color:#b9a9d0;padding:8px;cursor:pointer;font-size:16px}.atributo-paso:hover{color:var(--oro)}
.aumentos-presets{display:flex;gap:7px;flex-wrap:wrap}.dados-resultados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dados-grupo{display:flex;gap:4px;align-items:center;padding:8px;border-radius:8px;background:#1b1729}.dado{display:inline-flex;align-items:center;justify-content:center;width:25px;height:27px;border-radius:5px;border:1px solid #8b77ad;color:#e2ccff;animation:dado-aparece .35s ease-out}.dado.descartado{opacity:.3;text-decoration:line-through}.dados-grupo strong{margin-left:4px;font-size:12px;color:var(--oro)}@keyframes dado-aparece{from{transform:translateY(-5px) rotate(-12deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
.historia-chips{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0}.historia-chip{padding:8px 11px;border:1px solid #3e354e;border-radius:18px;background:#1c1829;color:#c5bbd6;text-align:left;font:12px/1.4 Inter,sans-serif;cursor:pointer}.historia-chip:hover,.historia-chip[aria-pressed=true]{border-color:var(--oro);color:var(--oro);background:#e6b4550d}.historia-inspiracion{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.apariencia-menus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0}.apariencia-menus label{display:grid;gap:7px;color:var(--tenue);font-size:11px}.detalle-propio{font-size:12px!important;min-height:36px!important;opacity:.85}.creador-campo .detalle-propio{height:50px}.creador-opciones label:has(input:checked){background:#e6b45510;box-shadow:inset 0 0 0 1px #e6b45588}.creador-opciones label:has(input:disabled){opacity:.55}
#vCrearPersonaje.modo-libre #plantillas{display:grid}#vCrearPersonaje .creador-pasos{position:sticky;top:0;z-index:10;background:var(--panel-solido);border-bottom:1px solid var(--borde)}
@media(max-width:1000px){.atributos-interactivos{grid-template-columns:1fr}.radar-contenedor svg{max-height:300px}.origen-visual{grid-template-columns:1fr}.origen-tarjeta{gap:8px}.origen-tarjeta strong{font-size:22px}.origen-tarjeta .btn{align-self:flex-start}}
@media(max-width:600px){.metodos-atributos{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-origen-opciones{grid-template-columns:1fr}.atributos-interactivos .creador-atributos{grid-template-columns:minmax(81px,1fr) minmax(87px,1fr) 55px 55px;gap:4px}.atributos-interactivos .creador-atributos>label{font-size:10px}.atributos-interactivos .creador-ayuda{margin-left:3px;flex-basis:16px;width:16px;height:16px}.atributo-paso{padding:8px 5px}.dados-resultados{grid-template-columns:repeat(2,minmax(0,1fr))}.dado{width:20px;height:23px}.dados-grupo{padding:7px 4px}.dados-grupo strong{font-size:11px}.creador-panel>h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.dado{animation:none}}
@media(max-width:600px){.atributos-interactivos .creador-atributos>select{padding:8px 3px;font-size:11px}.atributos-interactivos .creador-atributos{grid-template-columns:minmax(88px,1fr) minmax(80px,1fr) 55px 55px}}

/* --- reparto de atributos con fichas (web/asignador-atributos.js) --- */
.asignador{margin:6px 0 22px;padding:16px;border:1px solid #e6b45533;border-radius:14px;background:linear-gradient(180deg,#e6b4550a,transparent 70%)}
.asignador[hidden]{display:none!important}
.asignador-cabecera{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.asignador-titulo strong{display:block;font-size:15px;color:var(--oro,#e6b455)}
.asignador-explica{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:var(--tenue,#a79fb5);max-width:560px}
.asignador-lanzar{white-space:nowrap}
.asignador-filas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.asignador-fila{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid #3a3149;border-radius:12px;background:#151221;transition:border-color .15s,background .15s}
.asignador-fila.encima{border-color:var(--oro,#e6b455);background:#e6b45514}
.asignador-nombre{flex:0 0 96px;font-size:13px}
.ficha-valor{flex:0 0 auto;min-width:52px;height:44px;padding:0 10px;border-radius:10px;border:1px solid #e6b45577;background:linear-gradient(160deg,#2a2238,#141020);color:var(--oro,#e6b455);font:700 20px "Grenze Gotisch",Georgia,serif;cursor:grab;touch-action:manipulation;box-shadow:0 3px 10px #0006;transition:transform .12s,border-color .12s}
.ficha-valor:hover,.ficha-valor:focus-visible{border-color:var(--oro,#e6b455);outline:none;transform:translateY(-1px)}
.ficha-valor[aria-pressed=true]{background:#e6b455;color:#1a1424;box-shadow:0 0 0 3px #e6b45544}
.ficha-valor.arrastrando{opacity:.45;cursor:grabbing}
.asignador-dados{display:flex;gap:6px;margin-left:auto}
.asignador-estado{min-height:18px;margin:10px 0 0;font-size:12px;color:var(--tenue,#a79fb5)}
.reparto-fichas .atributo-paso{visibility:hidden}
/* El d6 en 3D: obsidiana y oro, como el d20 del juego. Rueda dentro de su casilla. */
.d6-caja{display:inline-block;width:24px;height:24px;perspective:160px;flex:0 0 24px}
.d6{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(.18,.84,.28,1)}
.d6 .cara{position:absolute;inset:0;display:grid;place-items:center;border-radius:5px;border:1px solid #e6b45588;background:linear-gradient(145deg,#2d2440,#110d19);color:#f0c877;font:700 12px Inter,sans-serif;backface-visibility:hidden}
.d6 .c1{transform:translateZ(12px)}
.d6 .c6{transform:rotateY(180deg) translateZ(12px)}
.d6 .c3{transform:rotateY(90deg) translateZ(12px)}
.d6 .c4{transform:rotateY(-90deg) translateZ(12px)}
.d6 .c5{transform:rotateX(90deg) translateZ(12px)}
.d6 .c2{transform:rotateX(-90deg) translateZ(12px)}
.d6-caja.cayendo{animation:d6-cae .75s cubic-bezier(.3,1.4,.5,1) both}
.d6-caja.descartado{opacity:.32;filter:grayscale(1)}
@keyframes d6-cae{0%{transform:translateY(-10px) scale(.8);opacity:0}60%{transform:translateY(2px);opacity:1}100%{transform:none;opacity:1}}
@media(max-width:700px){.asignador-filas{grid-template-columns:1fr}.asignador-nombre{flex-basis:84px}.asignador-lanzar{width:100%}}
@media(prefers-reduced-motion:reduce){.d6{transition:none}.d6-caja.cayendo{animation:none}}

/* --- que se puede intercambiar, a la vista (web/asignador-atributos.js) --- */
.asignador-filas{position:relative}
.asignador-pista{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:11px;border:1px solid #e6b45566;background:linear-gradient(90deg,#e6b4551f,#e6b45508);font-size:13px;line-height:1.5;color:#f3dfb9}
.asignador-pista[hidden]{display:none!important}
.asignador-pista strong{color:var(--oro,#e6b455)}
.asignador-pista-icono{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e6b455;color:#1a1424;font:700 17px/1 Inter,sans-serif;animation:pista-late 1.8s ease-in-out infinite}
@keyframes pista-late{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #e6b45566}50%{transform:scale(1.08);box-shadow:0 0 0 7px #e6b45500}}
.tutorial-mano{position:absolute;left:0;top:0;z-index:5;width:34px;height:34px;pointer-events:none;filter:drop-shadow(0 3px 6px #000c)}
.tutorial-mano svg{width:100%;height:100%;fill:#fff7e6;stroke:#1a1424;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.tutorial-cartel{position:absolute;z-index:6;transform:translateX(-50%);white-space:nowrap;pointer-events:none;padding:4px 10px;border-radius:20px;background:#e6b455;color:#1a1424;font:700 11px Inter,sans-serif;box-shadow:0 4px 12px #0008}
.ficha-valor.demostrando{animation:ficha-demuestra 1.15s ease-in-out 2}
@keyframes ficha-demuestra{0%,100%{box-shadow:0 3px 10px #0006}50%{box-shadow:0 0 0 4px #e6b45566,0 3px 10px #0006}}
@media(prefers-reduced-motion:reduce){.asignador-pista-icono,.ficha-valor.demostrando{animation:none}}
@media(pointer:coarse){.creador-ayuda{flex-basis:28px;width:28px;height:28px;font-size:13px}}
/* En pantalla estrecha la fila de pasos se pega DEBAJO de la barra de la hamburguesa (48 px): con top:0 quedaba tapada. Va al final para ganarle a las de arriba. */
@media(max-width:900px){#vCrearPersonaje .creador-pasos,#vCrearCampana .creador-pasos{top:48px}}