/* Cuaderno de aventura (Core 0.6.0): interfaz de videojuego sobre el mismo progreso del servidor. */
.dk-hub{--hud-bg:#191625;--hud-panel:#241b30;--hud-line:#56435f;--hud-gold:#ffda8c;--hud-gold-2:#dfbc70;--hud-teal:#b7dfd6;--hud-green:#7fcf98;--hud-ink:#f3e9dc;margin:2rem 0;color:var(--hud-ink)}
.dk-hub .dk-adventure{margin:1.5rem 0}
.wp-site-blocks .dk-hub h2,.wp-site-blocks .dk-hub h3{font-family:var(--wp--preset--font-family--pixel,inherit);letter-spacing:.02em}
.dk-hud-kicker{margin:0 0 .4rem;color:#b7dfd6;font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.wp-site-blocks a.dk-hud-button{display:inline-block;margin-top:.6rem;padding:12px 18px;border:2px solid #0d0a14;background:#ffda8c;color:#21152c;font-weight:700;text-decoration:none;box-shadow:4px 4px 0 #0d0a14;transition:transform .12s,box-shadow .12s}
.wp-site-blocks a.dk-hud-button:hover,.wp-site-blocks a.dk-hud-button:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 #0d0a14}
.wp-site-blocks a.dk-hud-button--ghost{background:transparent;color:#ffda8c;border-color:#dfbc70}

.dk-hub-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.2rem}
.wp-site-blocks .dk-hub-nav a{padding:8px 14px;border:2px solid var(--hud-line);background:var(--hud-bg);color:var(--hud-gold);text-decoration:none;font-size:15px;font-family:var(--wp--preset--font-family--pixel,inherit)}
.wp-site-blocks .dk-hub-nav a:hover,.wp-site-blocks .dk-hub-nav a:focus-visible{border-color:var(--hud-gold-2);background:#312341}

/* Ficha del personaje */
.dk-hero-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;padding:clamp(18px,3vw,34px);border:3px solid var(--hud-gold-2);border-radius:8px;background:radial-gradient(circle at 12% 20%,#3a2650 0,transparent 55%),linear-gradient(135deg,#1d1730,#191625 60%,#22172c);box-shadow:inset 0 0 0 3px #0d0a14,0 18px 40px #0004;overflow-wrap:anywhere}
.dk-hero-avatar{position:relative;width:144px;justify-self:center}
.dk-hero-level{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);padding:4px 12px;border:2px solid #0d0a14;background:var(--hud-gold);color:#21152c;font:16px/1.2 var(--wp--preset--font-family--pixel,inherit);white-space:nowrap;box-shadow:3px 3px 0 #0d0a14}
.wp-site-blocks .dk-hero-main h2{margin:6px 0;font-size:clamp(28px,4vw,42px);color:var(--hud-gold)}
.dk-hero-main p{margin:6px 0}
.dk-hero-rank{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px!important;color:var(--hud-teal);font-weight:700}
.dk-hero-rank span{padding:2px 10px;border:2px solid var(--hud-teal);color:var(--hud-ink);font-size:14px}
.dk-xpbar{position:relative;height:20px;margin-top:10px;border:2px solid #dfbc70;background:#100c18;box-shadow:inset 0 0 0 2px #0d0a14;overflow:hidden}
.dk-xpbar span{display:block;height:100%;min-width:4px;background:repeating-linear-gradient(90deg,#ffe3a0 0 14px,#f2b950 14px 16px);box-shadow:inset 0 -5px 0 #0003;transition:width .9s steps(12)}
.dk-xpbar-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:#cec4d8}
.dk-hud-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 0!important;padding:0!important;list-style:none}
.dk-hud-stats li{margin:0!important;padding:10px;border:2px solid var(--hud-line);background:#120f1b;text-align:center}
.dk-hud-stats strong{display:block;color:var(--hud-gold);font:22px/1.2 var(--wp--preset--font-family--pixel,inherit)}
.dk-hud-stats span{font-size:13px;color:#cec4d8}

/* Objetivo y ficha de explorador */
.dk-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;margin-top:1.5rem}
.dk-objective,.dk-checklist{padding:clamp(16px,2.5vw,26px);border:2px solid var(--hud-line);border-radius:6px;background:var(--hud-bg);overflow-wrap:anywhere}
.dk-objective{border-left:8px solid var(--hud-gold-2)}
.dk-objective[data-kind=review]{border-left-color:#b9a2e6}.dk-objective[data-kind=preparation]{border-left-color:var(--hud-teal)}.dk-objective[data-kind=done]{border-left-color:var(--hud-green)}
.wp-site-blocks .dk-objective h3,.wp-site-blocks .dk-checklist h3{margin:4px 0 8px;color:var(--hud-gold);font-size:clamp(21px,2.4vw,26px)}
.dk-checklist ul{list-style:none;padding:0!important;margin:10px 0}.dk-checklist li{margin:6px 0!important}
.dk-checklist li span[aria-hidden]{color:#8d779a}.dk-checklist li.is-done{color:var(--hud-teal)}.dk-checklist li.is-done span[aria-hidden]{color:var(--hud-green)}

/* Tablero de los once mundos */
.dk-track{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;margin:18px 0!important;padding:30px 0 0!important;list-style:none}
.dk-track-world{position:relative;margin:0!important}
.wp-site-blocks .dk-track-world a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--hud-ink)}
.dk-track-tile{display:grid;place-items:center;width:100%;max-width:64px;aspect-ratio:1;border:3px solid #0d0a14;background:#3a3346;color:#9d93a8;font:20px/1 var(--wp--preset--font-family--pixel,inherit);box-shadow:inset -4px -4px 0 #0004,inset 4px 4px 0 #ffffff14;transition:transform .12s}
.dk-track-world[data-status=open] .dk-track-tile{background:#d6a84f;color:#21152c}
.dk-track-world[data-status=closed] .dk-track-tile{background:#4f9d6a;color:#f2fff5}
.dk-track-world[data-status=locked] .dk-track-tile{background:#2a2433 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath fill='%238d819b' d='M5 3h6v1h1v3h1v7H3V7h1V4h1zm1 2v2h4V5z'/%3E%3C/svg%3E") center/45% no-repeat}
.dk-track-world[data-current] .dk-track-tile{outline:3px solid var(--hud-gold);outline-offset:3px;animation:dk-hud-pulse 1.6s steps(2) infinite}
.dk-track-here{position:absolute;top:-34px;left:50%;width:30px;height:36px;transform:translateX(-50%);animation:dk-hud-bob 1.2s steps(2) infinite;pointer-events:none}.dk-track-here .dk-character-portrait{width:100%;height:100%}
.dk-track-name{font-size:12px;line-height:1.25;text-align:center;color:#d8cfe2}
.dk-track-state{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wp-site-blocks .dk-track-world a:hover .dk-track-tile,.wp-site-blocks .dk-track-world a:focus-visible .dk-track-tile{transform:translateY(-3px)}
@keyframes dk-hud-pulse{50%{outline-color:transparent}}
@keyframes dk-hud-bob{50%{transform:translate(-50%,-4px)}}

/* Bitácora de misiones */
.dk-questlog{display:grid;gap:14px}
.dk-questlog-world{padding:14px 16px;border:2px solid var(--hud-line);background:var(--hud-panel)}
.wp-site-blocks .dk-questlog-world h4{display:flex;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:19px}
.dk-questlog-world h4 span{color:var(--hud-gold);font-family:var(--wp--preset--font-family--pixel,inherit)}
.dk-questlog ul{list-style:none;padding:0!important;margin:0}
.dk-questlog li{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0!important;padding-left:24px}
.dk-questlog li::before{content:"▸";position:absolute;left:4px;color:var(--hud-gold)}
.dk-questlog li[data-quest=completed]::before{content:"✓";color:var(--hud-green)}.dk-questlog li[data-quest=locked]::before{content:"■";color:#7c708a}.dk-questlog li[data-quest=review]::before{content:"…";color:#b9a2e6}
.dk-quest-chip{padding:2px 8px;border:1px solid #8d779a;font-size:13px;color:#d8cfe2}
.dk-questlog li[data-quest=completed] .dk-quest-chip{border-color:var(--hud-green);color:var(--hud-green)}
.dk-questlog small{flex-basis:100%;color:#cec4d8}

/* Grupo */
.dk-profile-party article{padding:10px;border:2px solid transparent}
.dk-profile-party article.is-met{border-color:#56435f;background:#1f1829}

/* Logros */
.dk-badge-icon{display:block;width:44px;height:44px;fill:currentColor}
.dk-badge{color:#9d93a8}
.dk-badge.is-earned{color:#ffda8c;box-shadow:0 0 0 2px #0d0a14,0 0 18px #ffda8c33}
.wp-site-blocks .dk-badge.is-locked h4{color:#cec4d8}
.dk-badge.is-locked .dk-badge-icon{opacity:.45}

/* Pantalla de nueva partida (visitantes) */
.dk-hub-title{padding:clamp(22px,4vw,44px);border:3px solid var(--hud-gold-2);border-radius:8px;background:radial-gradient(circle at 85% 10%,#3a2650,transparent 50%),#191625;text-align:center}
.wp-site-blocks .dk-hub-title h2{margin:.2rem 0 .6rem;color:var(--hud-gold);font-size:clamp(30px,5vw,52px)}
.dk-hub-title>p{max-width:640px;margin-inline:auto}
.dk-hub-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}
.dk-hub-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;list-style:none;margin:1.5rem 0!important;padding:0!important}
.dk-hub-features li{margin:0!important;padding:18px;border:2px solid var(--hud-line);background:var(--hud-bg);color:var(--hud-gold)}
.wp-site-blocks .dk-hub-features h3{margin:10px 0 6px;font-size:21px;color:var(--hud-gold)}
.dk-hub-features p{margin:0;color:var(--hud-ink);font-size:15px}
.dk-hub-account{text-align:center;font-size:14px}

/* Recompensa en la lección */
.dk-reward{border:3px solid #dfbc70;box-shadow:inset 0 0 0 3px #0d0a14}
.dk-reward-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.wp-site-blocks .dk-reward-head h2{margin:0}
.dk-reward-xp{display:flex;align-items:baseline;gap:6px;margin:0;padding:8px 16px;border:2px solid #0d0a14;background:#ffda8c;color:#21152c;box-shadow:4px 4px 0 #0d0a14}
.dk-reward-xp strong{font:32px/1 var(--wp--preset--font-family--pixel,inherit)}
.dk-reward-rule{color:#b7dfd6}
.dk-adventure button[data-dk-complete]{border-color:#0d0a14;background:#ffda8c;color:#21152c;font-weight:700;box-shadow:4px 4px 0 #0d0a14}
.dk-adventure button[data-dk-complete]:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 #0d0a14}

/* Avisos de experiencia, nivel y logro */
.dk-toasts{position:fixed;left:50%;bottom:24px;z-index:100000;display:grid;gap:10px;width:min(420px,calc(100vw - 32px));transform:translateX(-50%);pointer-events:none}
.dk-toast{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px 16px;border:3px solid #0d0a14;background:#241b30;color:#f3e9dc;box-shadow:0 0 0 3px #dfbc70,6px 6px 0 3px #0d0a14;animation:dk-toast-in .35s steps(5) both;pointer-events:auto}
.dk-toast .dk-badge-icon{width:40px;height:40px;fill:#ffda8c}
.dk-toast strong{display:block;color:#ffda8c;font:18px/1.3 var(--wp--preset--font-family--pixel,inherit)}
.dk-toast p{margin:2px 0 0;font-size:14px}
.dk-toast.is-leaving{animation:dk-toast-out .3s steps(4) both}
@keyframes dk-toast-in{from{opacity:0;transform:translateY(24px)}}
@keyframes dk-toast-out{to{opacity:0;transform:translateY(24px)}}

@media(prefers-reduced-motion:reduce){.dk-track-world[data-current] .dk-track-tile,.dk-track-here,.dk-toast,.dk-toast.is-leaving{animation:none}.dk-xpbar span,.dk-track-tile{transition:none}}
@media(max-width:900px){.dk-track{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:38px}}
@media(max-width:540px){.dk-profile-party{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dk-profile-party .dk-character-portrait{height:96px}.wp-site-blocks .dk-profile-party h4{font-size:16px;margin:6px 0}.dk-profile-party p{font-size:13px;line-height:1.35;margin:0}.dk-hero-card{grid-template-columns:1fr;text-align:center}.dk-hero-rank{justify-content:center}.dk-hud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dk-track{grid-template-columns:repeat(4,minmax(0,1fr))}.dk-hero-avatar{width:112px}.dk-reward-xp strong{font-size:26px}}
/* Mi aventura en varias páginas (Core 0.12.0): pestaña actual, resumen y accesos a cada sección. */
.wp-site-blocks .dk-hub-nav a[aria-current="page"]{border-color:var(--hud-gold);background:var(--hud-gold);color:#21152c}
.dk-resumen{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px;align-items:start;margin-top:1.5rem}
.dk-resumen__lado{display:grid;gap:18px}
.dk-hub .dk-resumen .dk-adventure{margin:0}
.dk-resumen__sobre{padding:18px 20px;background:var(--hud-panel);box-shadow:inset 0 0 0 2px var(--hud-line)}
.dk-resumen__sobre h4{margin:1.1rem 0 .3rem;color:var(--hud-gold);font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.dk-resumen__sobre p{line-height:1.6}
.dk-resumen__cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.dk-resumen__cabecera h3{margin:0}
.wp-site-blocks .dk-resumen__cabecera a.dk-hud-button{margin-top:0;padding:6px 12px;font-size:14px}
.dk-resumen__accesos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin:1.5rem 0;padding:0;list-style:none}
.wp-site-blocks .dk-resumen__accesos a{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;background:var(--hud-bg);color:var(--hud-ink);text-decoration:none;box-shadow:inset 0 0 0 2px var(--hud-line),4px 4px 0 #0d0a14;transition:transform .12s steps(2),box-shadow .12s}
.wp-site-blocks .dk-resumen__accesos a:hover,.wp-site-blocks .dk-resumen__accesos a:focus-visible{transform:translateY(-3px);box-shadow:inset 0 0 0 2px var(--hud-gold),4px 7px 0 #0d0a14}
.dk-resumen__accesos b{color:var(--hud-gold);font-family:var(--wp--preset--font-family--pixel,inherit);font-weight:400;font-size:17px}
.dk-resumen__accesos span{color:#cec4d8;font-size:14px}
.dk-rumbo-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 4px;background:rgb(255 218 140 / .12);color:#ffda8c;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px rgb(255 218 140 / .5);vertical-align:middle}
.dk-fe__chips{display:flex;flex-wrap:wrap;gap:6px;margin:.3rem 0}
.dk-explorador-card .dk-rumbo-chip{margin:4px 0 0;font-size:12px}
.dk-ef__rumbos{display:flex;flex-wrap:wrap;gap:8px}
.dk-ef__rumbo{position:relative;padding:7px 12px;background:#0d0910;font-size:13px;cursor:pointer;box-shadow:inset 0 0 0 2px #3d2f4a}
.dk-ef__rumbo input{position:absolute;opacity:0;pointer-events:none}
.dk-ef__rumbo:has(input:checked){background:rgb(255 218 140 / .16);color:#ffda8c;box-shadow:inset 0 0 0 2px #ffda8c}
.dk-ef__rumbo:has(input:focus-visible){outline:2px solid #3fe0d0}
@media (max-width:860px){.dk-resumen{grid-template-columns:1fr}}