/*
 * hub-front-themes: layout y detalles del theme cuaderno por pantalla y tamaño (E1.F10–F13), todo bajo [data-theme="cuaderno"].
 * Cada sección nombra los marcos que reproduce (D5). Los tokens están en ../tokens.css.
 *
 * E1.F13 (Cuaderno, marcos C-*): hoja cuadriculada (.hoja de los marcos: líneas #DCE3F0 de 1 px cada 24 px), margen de
 * cuaderno a la izquierda (96/80/72 px en escritorio y tablets, 44 en móvil H, 30 en móvil V) y notas adhesivas sin
 * radio y rotadas con la rotación fija de cada posición del marco. El fondo es el arte del theme (bg-wide / bg-tall):
 * el papel, la cuadrícula y la línea roja vienen dibujados, así que no se superponen.
 *
 * Alcance: las reglas cuelgan de .kh-shell, .kh-account-veil, .kh-login o de html[data-theme="cuaderno"] con clases
 * propias de las pantallas; nunca de .kh-welcome (la bienvenida va siempre en Casino, D20).
 */

/* ── Base: fondo, colores por juego, reseteos (QA Mac: sin listas, subrayados ni márgenes del navegador) ─────────── */
html[data-theme="cuaderno"] body {
  /* El papel cubre toda la página (como .fondo del marco, que es tan alto como el contenido), no solo la ventana. */
  background: var(--t-bg) var(--t-art-wide) center top / cover no-repeat scroll;
  font-family: var(--t-font-text); color: var(--t-text);
}
html[data-theme="cuaderno"][data-size="tablet-v"] body,
html[data-theme="cuaderno"][data-size="movil-v"] body { background-image: var(--t-art-tall); }
html[data-theme="cuaderno"] .kh-app { min-height: 100vh; min-height: 100dvh; }
html[data-theme="cuaderno"] a { color: var(--t-text); }
html[data-theme="cuaderno"] a:hover { color: var(--t-red); }

/* Papel y color de cada juego (los de los marcos: salas, tarjetas, íconos) */
html[data-theme="cuaderno"] [data-game] { --c-paper: #FFF3A6; --c-game: #FFE45C; }
html[data-theme="cuaderno"] [data-game="donkydoz"] { --c-paper: #CDEBFF; --c-game: #CDEBFF; }
html[data-theme="cuaderno"] [data-game="pingpongale"] { --c-paper: #FFD3D0; --c-game: #FFD3D0; }
html[data-theme="cuaderno"] [data-game="salvimaticas"] { --c-paper: #D5F0D2; --c-game: #D5F0D2; }
html[data-theme="cuaderno"] [data-game="pigeometridash"] { --c-paper: #E3D8FA; --c-game: #E3D8FA; }
html[data-theme="cuaderno"] { --c-shadow: 0 6px 14px rgba(30, 43, 92, 0.16); --c-shadow-s: 0 5px 12px rgba(30, 43, 92, 0.16);
  --c-shadow-card: 0 6px 14px rgba(30, 43, 92, 0.14); --c-line: #DCE3F0; }

html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil, .kh-login) :is(ul, ol) { list-style: none; margin: 0; padding: 0; }
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil, .kh-login) :is(h1, h2, h3, p, dl, dd, dt) { margin: 0; }
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil, .kh-login) :is(.kh-game__link, .kh-btn, .kh-nav__link, .kh-account, .kh-acc-links__row) { text-decoration: none; }
html[data-theme="cuaderno"] .kh-shell img { display: block; }

/* ── Controles (design-spec "Key components": primario tinta r8, secundario blanco con borde 2) ─────────────────── */
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil, .kh-login) .kh-btn {
  font: 700 16px var(--t-font-text); letter-spacing: 0; border-radius: 8px; color: var(--t-text); clip-path: none; box-shadow: none;
}
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil, .kh-login) .kh-btn--primary {
  background: var(--t-accent); color: #FFFFFF; border: 0; padding: 11px 22px;
}
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil, .kh-login) .kh-btn--primary:hover { color: #FFFFFF; }
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil, .kh-login) .kh-btn--secondary {
  background: #FFFFFF; color: var(--t-text); border: 2px solid var(--t-border); padding: 9px 18px;
}
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil) .kh-btn--danger { background: var(--t-red-strong); border: 2px solid var(--t-red-strong); color: #FFFFFF; }
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil) .kh-input {
  height: 44px; border: 2px solid var(--t-border); border-radius: 8px; padding: 0 12px; background: var(--t-bg);
  font: 600 16px var(--t-font-text); color: var(--t-text);
}
html[data-theme="cuaderno"] :is(.kh-shell, .kh-account-veil) .kh-label { font: 22px/1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0; }

/* ── Marco: encabezado, navegación, cuenta (C-Desktop, C-Inicio-TabletH/TabletV, C-Inicio-MovilH, C-MovilV) ──────── */
/* Margen de cuaderno: 30/48/30/96 (escritorio), 26/36/26/80 (tablet H), 30/32/30/72 (tablet V), 14/20/16/44 (móvil H),
   18/16/0/30 (móvil V) */
html[data-theme="cuaderno"] .kh-shell[data-nav="header"] { padding: 30px 48px 30px 96px; gap: 22px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-shell[data-nav="header"] { padding: 26px 36px 26px 80px; gap: 18px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-shell[data-nav="header"] { padding: 30px 32px 30px 72px; gap: 18px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell[data-nav="header"] { padding: 14px 20px 16px 44px; gap: 12px; }
/* Móvil V: el menú queda fijo abajo (req. 7.2) y la página deja su alto libre al final */
html[data-theme="cuaderno"] .kh-shell[data-nav="bottom"] {
  padding: 18px 16px calc(96px + env(safe-area-inset-bottom)) 30px; gap: 14px;
}
html[data-theme="cuaderno"] .kh-main, html[data-theme="cuaderno"] .kh-view-slot { min-width: 0; }

html[data-theme="cuaderno"] .kh-shell .kh-header { gap: 28px; }
html[data-theme="cuaderno"] .kh-shell .kh-header__logo { width: 48px; height: 48px; border-radius: 12px; flex: none; }
html[data-theme="cuaderno"] .kh-shell .kh-brand__name {
  font: 800 34px/1.2 var(--t-font-display); letter-spacing: 0; color: var(--t-text); white-space: nowrap;
}
html[data-theme="cuaderno"] .kh-shell .kh-brand__games { background: var(--t-highlight); padding: 0 6px; }
html[data-theme="cuaderno"] .kh-shell .kh-brand__tag { display: none; }
html[data-theme="cuaderno"] .kh-shell .kh-nav--header {
  margin-left: 0; gap: 20px; font: 600 16px var(--t-font-text); letter-spacing: 0;
}
html[data-theme="cuaderno"] .kh-shell .kh-nav__link { color: var(--t-text); border: 0; font-weight: inherit; text-decoration: none; }
html[data-theme="cuaderno"] .kh-shell .kh-nav__link[aria-current="page"] {
  color: var(--t-text); border: 0; font-weight: inherit;
  text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; text-decoration-color: var(--t-red);
}
html[data-theme="cuaderno"] .kh-shell .kh-account--pill {
  margin-left: auto; gap: 8px; background: #FFFFFF; border: 2px solid var(--t-border); border-radius: 10px;
  padding: 5px 14px 5px 5px; font: 600 15px var(--t-font-text); color: var(--t-text);
}
html[data-theme="cuaderno"] .kh-shell .kh-account--pill .kh-account__avatar {
  width: 30px; height: 30px; border: 0; border-radius: 7px; background: var(--t-highlight);
}
html[data-theme="cuaderno"] .kh-shell .kh-account__img { border-radius: 0; }
/* Tablet H */
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-shell .kh-header { gap: 24px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-shell .kh-brand__name,
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-shell .kh-brand__name { font-size: 28px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-shell .kh-nav--header { gap: 18px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-shell .kh-nav--header .kh-nav__link { padding: 12px 0; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-shell .kh-account--pill .kh-account__avatar { width: 32px; height: 32px; }
/* Tablet V: la navegación baja a su propia fila, bajo la marca */
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-shell .kh-header[data-variant="brand"] { flex-wrap: wrap; gap: 0; row-gap: 0; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-shell .kh-header__logo { width: 48px; height: 48px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-shell .kh-nav--header {
  order: 5; flex-basis: 100%; margin: 10px 0 -8px; gap: 20px; font-size: 16px;
}
/* Móvil H */
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-header { gap: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-header__logo { width: 40px; height: 40px; border-radius: 10px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-brand__name { font-size: 20px; }
html[data-theme="cuaderno"]:is([data-size="movil-h"], [data-size="movil-v"]) .kh-shell .kh-brand__games { padding: 0 4px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-nav--header { margin-left: auto; gap: 16px; font: 700 14px var(--t-font-text); }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-nav--header .kh-nav__link { padding: 12px 2px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-nav__link[aria-current="page"] { text-underline-offset: 5px; }
/* Botón de cuenta cuadrado de 44 px (móviles y dentro de KitchHero) */
html[data-theme="cuaderno"] .kh-shell .kh-account:not(.kh-account--pill),
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-account--pill {
  margin-left: auto; width: 44px; height: 44px; padding: 0; gap: 0; display: grid; place-items: center; overflow: hidden;
  background: #FFFFFF; border: 2px solid var(--t-border); border-radius: 10px;
}
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-nav--header + .kh-account--pill { margin-left: 0; }
html[data-theme="cuaderno"] .kh-shell .kh-account:not(.kh-account--pill) .kh-account__avatar,
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-account--pill .kh-account__avatar {
  width: 100%; height: 100%; border: 0; border-radius: 0; background: var(--t-highlight);
}
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-account__nick { display: none; }
/* Móvil V: encabezado propio (logo, marca, cuenta) */
html[data-theme="cuaderno"] .kh-shell .kh-header[data-variant="mobile"] { gap: 0; }
html[data-theme="cuaderno"] .kh-shell .kh-header[data-variant="mobile"] .kh-brand__name { font-size: 22px; }

/* Menú al pie (móvil V): blanco, borde superior de tinta, activo subrayado rojo 3 px */
html[data-theme="cuaderno"] .kh-shell .kh-nav--bottom {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; margin: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: #FFFFFF; border-top: 2px solid var(--t-border);
  padding: 8px 8px calc(18px + env(safe-area-inset-bottom)); font: 700 13px var(--t-font-text); letter-spacing: 0;
}
html[data-theme="cuaderno"] .kh-shell .kh-nav--bottom .kh-nav__link { text-align: center; padding: 14px 10px; }
html[data-theme="cuaderno"] .kh-shell .kh-nav--bottom .kh-nav__link[aria-current="page"] { text-underline-offset: 5px; }

/* ── Dentro de KitchHero (C-KH-Desktop, C-KH-TabletH, C-KH-TabletV, C-KH-MovilV, C-KH-MovilH, C-KH-*-MovilV) ─────── */
html[data-theme="cuaderno"][data-kh] .kh-shell { padding: 0; gap: 0; }
html[data-theme="cuaderno"][data-kh] .kh-khbar { padding: 12px 48px 0 96px; gap: 0; }
html[data-theme="cuaderno"][data-kh] .kh-main { padding: 14px 48px 16px 96px; }
html[data-theme="cuaderno"][data-kh][data-size="tablet-h"] .kh-khbar { padding: 12px 36px 0 80px; }
html[data-theme="cuaderno"][data-kh][data-size="tablet-h"] .kh-main { padding: 12px 36px 14px 80px; }
html[data-theme="cuaderno"][data-kh][data-size="tablet-v"] .kh-khbar { padding: 14px 32px 0 72px; }
html[data-theme="cuaderno"][data-kh][data-size="tablet-v"] .kh-main { padding: 14px 32px 16px 72px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-khbar { padding: 10px 16px 0 30px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-main { padding: 10px 16px 16px 30px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-khbar { padding: 6px 20px 0 44px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-main { padding: 8px 20px 8px 44px; }
html[data-theme="cuaderno"] .kh-shell .kh-header[data-variant="compact"] { gap: 12px; padding: 0; }
html[data-theme="cuaderno"] .kh-shell .kh-header[data-variant="compact"] .kh-header__logo { width: 38px; height: 38px; border-radius: 10px; }
html[data-theme="cuaderno"] .kh-shell .kh-header[data-variant="compact"] .kh-brand__name { font-size: 24px; letter-spacing: 0; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-shell .kh-header[data-variant="compact"] .kh-header__logo { width: 36px; height: 36px; border-radius: 9px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-shell .kh-header[data-variant="compact"] .kh-brand__name { font-size: 21px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-shell .kh-header[data-variant="compact"] { gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-shell .kh-header[data-variant="compact"] .kh-header__logo { width: 34px; height: 34px; border-radius: 9px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-shell .kh-header[data-variant="compact"] .kh-brand__name { font-size: 18px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-header[data-variant="compact"] { gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-header[data-variant="compact"] .kh-header__logo { width: 32px; height: 32px; border-radius: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-header[data-variant="compact"] .kh-brand__name { font-size: 17px; }
/* Pestañas: de borde a borde, fondo de hoja al 85 %, borde de tinta de 2 px */
html[data-theme="cuaderno"] .kh-shell .kh-nav--tabs {
  display: flex; gap: 30px; margin: 8px -48px 0 -96px; padding: 0 48px 0 96px; border-bottom: 2px solid var(--t-border);
  background: rgba(255, 255, 255, 0.85); font: 700 16px var(--t-font-text); letter-spacing: 0;
}
html[data-theme="cuaderno"] .kh-shell .kh-nav--tabs .kh-nav__link { padding: 12px 2px; border: 0; text-align: left; }
html[data-theme="cuaderno"] .kh-shell .kh-nav--tabs .kh-nav__link[aria-current="page"] { border: 0; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-shell .kh-nav--tabs { gap: 28px; margin: 8px -36px 0 -80px; padding: 0 36px 0 80px; font-size: 15px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-shell .kh-nav--tabs { gap: 28px; margin: 8px -32px 0 -72px; padding: 0 32px 0 72px; font-size: 15px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-shell .kh-nav--tabs .kh-nav__link { padding: 13px 2px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-nav--tabs { gap: 24px; margin: 4px -20px 0 -44px; padding: 0 20px 0 44px; font-size: 14px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-nav--tabs .kh-nav__link[aria-current="page"] { text-underline-offset: 5px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-shell .kh-nav--tabs {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 8px -16px 0 -30px; padding: 0 16px 0 30px; font-size: 14px;
}
html[data-theme="cuaderno"][data-size="movil-v"] .kh-shell .kh-nav--tabs .kh-nav__link { text-align: center; padding: 13px 4px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-shell .kh-nav--tabs .kh-nav__link[aria-current="page"] { text-underline-offset: 5px; }

/* ── Inicio (C-Desktop, C-Inicio-TabletH, C-Inicio-TabletV, C-MovilV, C-Inicio-MovilH, C-Inicio-Bro-MovilV, C-KH-*) ─ */
html[data-theme="cuaderno"] .kh-inicio .kh-greet { display: none; }
html[data-theme="cuaderno"] .kh-inicio { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; flex: 1 0 auto; align-content: start; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-inicio:has(.kh-inicio__side) { grid-template-columns: minmax(0, 1fr) 380px; }
html[data-theme="cuaderno"][data-size="desktop"][data-kh] .kh-inicio:has(.kh-inicio__side) { grid-template-columns: minmax(0, 1fr) 360px; }
html[data-theme="cuaderno"]:not([data-size="desktop"]) .kh-inicio__side { display: none; }
html[data-theme="cuaderno"] .kh-inicio__main { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-inicio__main { gap: 18px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"]) .kh-inicio__main { gap: 14px; }
html[data-theme="cuaderno"][data-kh]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-inicio__main { gap: 14px; }

/* Bloque de salas en el Inicio: columna de 230 px con el título a mano + notas rotadas */
html[data-theme="cuaderno"] .kh-rooms--home { display: flex; gap: 18px; align-items: stretch; }
html[data-theme="cuaderno"] .kh-rooms--home .kh-rooms__head {
  flex: none; width: 230px; display: flex; flex-direction: column; justify-content: center; gap: 8px;
}
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms--home .kh-rooms__head { width: 220px; gap: 6px; }
html[data-theme="cuaderno"] .kh-rooms__title { font: 700 38px/1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms--home .kh-rooms__title { font-size: 36px; }
html[data-theme="cuaderno"] .kh-rooms__sub { font-size: 13px; color: var(--t-text); }
html[data-theme="cuaderno"] .kh-rooms__all {
  align-self: flex-start; font: 700 14px var(--t-font-text); color: var(--t-text);
  text-decoration: underline; text-decoration-color: var(--t-red); text-decoration-thickness: 2px; text-underline-offset: 4px;
}
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms__all { padding: 10px 0; }
html[data-theme="cuaderno"] .kh-rooms--home .kh-rooms__list { flex: 1; min-width: 0; display: flex; gap: 18px; }
html[data-theme="cuaderno"] .kh-rooms--home .kh-room { flex: 1; min-width: 0; }
/* Tablet V: título y "Ver todas" en una fila; dos notas en dos columnas */
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--home { flex-direction: column; gap: 12px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--home .kh-rooms__head {
  width: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; row-gap: 4px; align-items: end;
}
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--home .kh-rooms__title { grid-column: 1; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--home .kh-rooms__sub { grid-column: 1; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--home .kh-rooms__all { grid-column: 2; grid-row: 1 / span 2; padding: 12px 0; align-self: end; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--home .kh-rooms__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 0 4px; }
/* Móviles: título, notas una bajo otra y "Ver todas las salas" al final (móvil V) o junto al título (móvil H) */
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home { flex-direction: column; gap: 12px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-rooms__head { display: contents; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-rooms__sub { display: none; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-rooms__title { font-size: 28px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-rooms__list { flex-direction: column; gap: 12px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--home .kh-rooms__all { order: 3; padding: 12px 0; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--home .kh-rooms__list { order: 2; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: baseline; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-rooms__title { font-size: 26px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-rooms__all { grid-column: 2; grid-row: 1; padding: 8px 0; font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-rooms__list,
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-rooms__empty { grid-column: 1 / -1; gap: 10px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 8px; align-items: center; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home .kh-rooms__title { font-size: 26px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home .kh-rooms__all { grid-column: 2; grid-row: 1; order: 0; font-size: 13px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home .kh-rooms__list,
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home .kh-rooms__empty { grid-column: 1 / -1; }

/* Nota de sala (Inicio, escritorio y tablets): ícono · juego · estado / quién / relación / "sala GATO · 2 de 4" + Unirme */
html[data-theme="cuaderno"] .kh-room {
  position: relative; background: var(--c-paper); box-shadow: var(--c-shadow); transform: rotate(var(--c-rot, 0deg));
  padding: 14px 18px; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; column-gap: 10px; row-gap: 5px; align-items: center;
  grid-template-areas: "icon game state" "who who who" "ctx ctx ctx" "label label join";
}
html[data-theme="cuaderno"] .kh-room:nth-child(3n+1) { --c-rot: -1.5deg; }
html[data-theme="cuaderno"] .kh-room:nth-child(3n+2) { --c-rot: 1.2deg; }
html[data-theme="cuaderno"] .kh-room:nth-child(3n) { --c-rot: -0.6deg; }
html[data-theme="cuaderno"] .kh-room__body { display: contents; }
html[data-theme="cuaderno"] .kh-room__icon { grid-area: icon; width: 36px; height: 36px; object-fit: contain; background: #FFFFFF; }
html[data-theme="cuaderno"] .kh-room__game { grid-area: game; font: 800 20px/1.2 var(--t-font-display); }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--home .kh-room__game { font-size: 19px; }
html[data-theme="cuaderno"] .kh-room__state {
  grid-area: state; justify-self: end; font: 700 22px/1 var(--t-font-accent); color: var(--t-text); background: none; border: 0; padding: 0;
  letter-spacing: 0; text-transform: none;
}
html[data-theme="cuaderno"] .kh-room[data-state="live"] :is(.kh-room__state, .kh-room__slots) { color: var(--t-red); }
html[data-theme="cuaderno"] .kh-room__who { grid-area: who; font-size: 14px; }
html[data-theme="cuaderno"] .kh-room__ctx { grid-area: ctx; font-size: 13px; font-style: italic; }
html[data-theme="cuaderno"] .kh-room__label { grid-area: label; margin-top: 2px; font: 700 24px/1.1 var(--t-font-accent); }
html[data-theme="cuaderno"] .kh-room__code, html[data-theme="cuaderno"] .kh-room__slots, html[data-theme="cuaderno"] .kh-room__seats { display: none; }
html[data-theme="cuaderno"] .kh-shell .kh-room__join { grid-area: join; justify-self: end; margin-top: 2px; padding: 10px 16px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-shell .kh-room__join { padding: 12px 16px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--home .kh-room { padding: 14px 16px; }

/* Nota de sala en móvil (C-MovilV, C-Inicio-MovilH, C-KH-MovilV): juego · sala GATO / quién + Unirme / relación ··· estado · cupos */
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room {
  padding: 12px 14px; box-shadow: var(--c-shadow-s); column-gap: 10px; row-gap: 0;
  grid-template-columns: 40px auto minmax(0, 1fr) auto auto;
  grid-template-areas: "icon game code join join" "icon who who join join" "ctx ctx ctx state slots";
}
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room:nth-child(3n+1) { --c-rot: -1deg; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room:nth-child(3n+2) { --c-rot: 0.8deg; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__icon { width: 40px; height: 40px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__game { font-size: 16px; align-self: end; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__code {
  display: block; grid-area: code; align-self: end; margin-left: -6px; font: 700 20px/1.2 var(--t-font-accent);
}
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__code::before { content: '· sala '; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__who { font-size: 13px; align-self: start; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__label { display: none; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-shell .kh-rooms--home .kh-room__join { justify-self: end; margin: 0; padding: 12px 14px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__ctx { margin-top: 6px; font-size: 12px; align-self: baseline; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__state { margin-top: 6px; font-size: 20px; align-self: baseline; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__slots {
  display: block; grid-area: slots; margin: 6px 0 0 -6px; font: 700 20px/1 var(--t-font-accent); align-self: baseline; white-space: nowrap;
}
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms--home .kh-room__slots::before { content: '· '; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-room { padding: 10px 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-room__icon { width: 36px; height: 36px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-room__game { font-size: 15px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home :is(.kh-room__code, .kh-room__state, .kh-room__slots) { font-size: 19px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-room__who { font-size: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-rooms--home .kh-room__join { font-size: 14px; padding: 12px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home .kh-room { padding: 10px 12px; grid-template-columns: 38px auto minmax(0, 1fr) auto auto; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home .kh-room__icon { width: 38px; height: 38px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home .kh-room__game { font-size: 15px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home :is(.kh-room__code, .kh-room__state, .kh-room__slots) { font-size: 19px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--home .kh-room__who { font-size: 12px; }

/* Sin compas / sin salas (C-Estado-SinCompas-Desktop, C-Estado-SinCompas-MovilV): recuadro punteado con el calendario */
html[data-theme="cuaderno"] .kh-rooms--home[data-state="empty"] .kh-rooms__head { display: none; }
html[data-theme="cuaderno"] .kh-rooms__empty {
  flex: 1; border: 2px dashed var(--t-border-soft); background: rgba(255, 255, 255, 0.7); padding: 20px 24px; min-height: 150px;
  display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; column-gap: 28px; row-gap: 6px; align-items: center; text-align: left;
}
html[data-theme="cuaderno"] .kh-rooms__empty::before {
  content: ''; grid-column: 1; grid-row: 1 / span 2; width: 92px; height: 92px; transform: rotate(-4deg);
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92' fill='none' stroke='%231E2B5C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='14' width='72' height='64'/%3E%3Cpath d='M10 30h72M26 8v12M66 8v12'/%3E%3Cpath d='M30 52c6 8 26 8 32 0' stroke='%23D9483B'/%3E%3Ccircle cx='34' cy='44' r='2.5'/%3E%3Ccircle cx='58' cy='44' r='2.5'/%3E%3C/svg%3E");
}
html[data-theme="cuaderno"] .kh-rooms__empty .kh-empty__title {
  grid-column: 2; align-self: end; font: 700 38px/1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0;
}
html[data-theme="cuaderno"] .kh-rooms__empty .kh-empty__text { grid-column: 2; align-self: start; font-size: 15px; max-width: 560px; }
html[data-theme="cuaderno"] .kh-shell .kh-rooms__empty .kh-rooms__create {
  grid-column: 3; grid-row: 1 / span 2; background: var(--t-accent); color: #FFFFFF; border: 0; padding: 13px 22px;
}
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]) .kh-rooms__empty {
  min-height: 0; padding: 16px; grid-template-columns: 56px minmax(0, 1fr); column-gap: 12px; row-gap: 8px; background: rgba(255, 255, 255, 0.75);
}
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]) .kh-rooms__empty::before { grid-row: 1; width: 56px; height: 56px; }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]) .kh-rooms__empty .kh-empty__title { font-size: 28px; align-self: center; }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]) .kh-rooms__empty .kh-empty__text { grid-column: 1 / -1; font-size: 14px; line-height: 1.4; }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]) .kh-shell .kh-rooms__empty .kh-rooms__create { grid-column: 1 / -1; grid-row: auto; margin-top: 4px; padding: 13px; }

/* Destacado: nota lila rotada −0,4°, arte en marco blanco rotado 1,5° */
html[data-theme="cuaderno"] .kh-featured {
  background: var(--c-paper, #E3D8FA); padding: 16px 22px 16px 16px; transform: rotate(-0.4deg); box-shadow: var(--c-shadow);
  display: grid; grid-template-columns: 200px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 22px; align-items: center; align-content: center;
}
html[data-theme="cuaderno"] .kh-featured__art {
  grid-column: 1; grid-row: 1 / span 2; width: 100%; height: 150px; box-sizing: border-box; padding: 8px; background: #FFFFFF;
  object-fit: contain; transform: rotate(1.5deg); box-shadow: 0 4px 10px rgba(30, 43, 92, 0.14);
}
html[data-theme="cuaderno"] .kh-featured__body { grid-column: 2; align-self: end; display: flex; flex-direction: column; gap: 8px; }
html[data-theme="cuaderno"] .kh-featured__eyebrow { font: 700 24px/1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0; text-transform: none; }
html[data-theme="cuaderno"] .kh-featured__name { font: 800 38px/1 var(--t-font-display); letter-spacing: 0; color: var(--t-text); }
html[data-theme="cuaderno"] .kh-featured__desc { font-size: 16px; max-width: 520px; font-style: normal; }
html[data-theme="cuaderno"] .kh-featured__actions { grid-column: 2; align-self: start; display: flex; gap: 12px; margin-top: 12px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-featured { padding: 14px 22px 14px 14px; grid-template-columns: 190px minmax(0, 1fr); }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-featured__art { height: 136px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-featured__eyebrow { font-size: 22px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-featured__name { font-size: 34px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-featured__desc { font-size: 15px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-featured__actions { margin-top: 10px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-featured__actions .kh-btn--primary { padding: 12px 22px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-featured__actions .kh-btn--secondary { padding: 10px 18px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-featured { padding: 16px 20px 16px 16px; grid-template-columns: 180px minmax(0, 1fr); column-gap: 20px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-featured__art { height: 140px; }
/* Dentro de KitchHero, escritorio y tablet H: los botones van en columna a la derecha */
html[data-theme="cuaderno"][data-kh]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-featured {
  padding: 12px 22px 12px 12px; grid-template-columns: 170px minmax(0, 1fr) auto; grid-template-rows: auto;
}
html[data-theme="cuaderno"][data-kh]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-featured__art { grid-row: 1; height: 116px; padding: 7px; }
html[data-theme="cuaderno"][data-kh]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-featured__body { align-self: center; gap: 6px; }
html[data-theme="cuaderno"][data-kh]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-featured__name { font-size: 34px; }
html[data-theme="cuaderno"][data-kh]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-featured__actions {
  grid-column: 3; grid-row: 1; align-self: center; flex-direction: column; gap: 10px; margin: 0;
}
html[data-theme="cuaderno"][data-kh]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-featured__actions .kh-btn--primary { padding: 11px 28px; }
html[data-theme="cuaderno"][data-kh]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-featured__actions .kh-btn--secondary { padding: 9px 24px; }
html[data-theme="cuaderno"][data-kh][data-size="tablet-h"] .kh-featured { grid-template-columns: 150px minmax(0, 1fr) auto; }
html[data-theme="cuaderno"][data-kh][data-size="tablet-v"] .kh-featured { padding: 14px 20px 14px 14px; grid-template-columns: 170px minmax(0, 1fr); }
/* Móviles: arte 104 px, botones en dos columnas bajo el texto */
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured {
  padding: 12px; transform: rotate(-0.6deg); box-shadow: var(--c-shadow-s); grid-template-columns: 104px minmax(0, 1fr); column-gap: 12px; row-gap: 10px;
}
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured__art { grid-row: 1; height: 104px; padding: 5px; box-shadow: none; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured__body { align-self: center; gap: 4px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured__eyebrow { font-size: 19px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured__name { font-size: 21px; line-height: 1.05; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured__desc { font-size: 13px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured__actions {
  grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0;
}
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured__actions .kh-btn--primary { padding: 12px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-featured__actions .kh-btn--secondary { padding: 10px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-featured { grid-template-columns: 110px minmax(0, 1fr); }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-featured__art { height: 110px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-featured__eyebrow { font-size: 18px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-featured__desc { font-size: 12px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-featured { margin-top: 4px; padding: 10px; grid-template-columns: 84px minmax(0, 1fr); column-gap: 10px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-featured__art { height: 84px; padding: 4px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-featured__eyebrow { font-size: 18px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-featured__name { font-size: 19px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-featured__desc { font-size: 12px; }
/* Móvil H: salas a la izquierda y destacado a la derecha; juegos en 5 columnas debajo */
html[data-theme="cuaderno"][data-size="movil-h"]:not([data-kh]) .kh-inicio__main {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; align-items: start;
}
html[data-theme="cuaderno"][data-size="movil-h"]:not([data-kh]) .kh-inicio__main > .kh-games { grid-column: 1 / -1; }

/* Juegos del recreo: notas blancas rotadas con el ícono sobre el color del juego */
html[data-theme="cuaderno"] .kh-games { display: flex; flex-direction: column; gap: 12px; }
html[data-theme="cuaderno"] .kh-games__title { font: 700 28px/1.2 var(--t-font-display); letter-spacing: 0; color: var(--t-text); text-transform: none; text-align: left; }
html[data-theme="cuaderno"] .kh-games__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
html[data-theme="cuaderno"] .kh-game { min-width: 0; }
html[data-theme="cuaderno"] .kh-game:nth-child(5n+1) { --c-rot: -1.5deg; }
html[data-theme="cuaderno"] .kh-game:nth-child(5n+2) { --c-rot: 1deg; }
html[data-theme="cuaderno"] .kh-game:nth-child(5n+3) { --c-rot: -0.5deg; }
html[data-theme="cuaderno"] .kh-game:nth-child(5n+4) { --c-rot: 1.4deg; }
html[data-theme="cuaderno"] .kh-game:nth-child(5n) { --c-rot: -1deg; }
html[data-theme="cuaderno"] .kh-game__link {
  height: 100%; display: flex; flex-direction: column; gap: 8px; padding: 10px 10px 14px; background: #FFFFFF; color: var(--t-text);
  box-shadow: var(--c-shadow-card); transform: rotate(var(--c-rot, 0deg)); text-align: left; border: 0; border-radius: 0;
}
html[data-theme="cuaderno"] .kh-game__icon {
  width: 100%; height: 120px; object-fit: contain; background: var(--c-game); border-radius: 0; border: 0; box-shadow: none; margin: 0;
}
html[data-theme="cuaderno"] .kh-game__name { font: 800 17px/1.2 var(--t-font-display); letter-spacing: 0; text-transform: none; }
html[data-theme="cuaderno"] .kh-game__tag { display: none; }
html[data-theme="cuaderno"] .kh-game__mine { font: 700 20px/1 var(--t-font-accent); color: var(--t-red); font-style: normal; letter-spacing: 0; text-transform: none; }
html[data-theme="cuaderno"] .kh-games__soon { margin-top: 4px; font: 700 22px/1.2 var(--t-font-accent); color: var(--t-text); font-style: normal; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-games { gap: 10px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="tablet-v"]) .kh-games__title { font-size: 26px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-game__icon { height: 100px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-game__name { font-size: 16px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-games__soon { margin-top: 2px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-games__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-game__icon { height: 110px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-games { gap: 14px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-games__title { margin-top: 6px; font-size: 22px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-games__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-game__link { padding: 8px 8px 12px; gap: 6px; box-shadow: 0 5px 12px rgba(30, 43, 92, 0.14); }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-game__icon { height: 88px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-game__name { font-size: 15px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-game__mine { font-size: 18px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-games__soon { margin: 0; font-size: 20px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-game:nth-child(5n+1) { --c-rot: -1.2deg; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-game:nth-child(5n+2) { --c-rot: 1deg; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-game:nth-child(5n+3) { --c-rot: 0.8deg; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-game:nth-child(5n+4) { --c-rot: -0.6deg; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-game:nth-child(5n) { --c-rot: -0.8deg; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-games__title { font-size: 20px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-games__grid { gap: 12px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-game__link { padding: 7px 7px 10px; gap: 5px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-game__icon { height: 76px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-game__name { font-size: 14px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-games__soon { font-size: 19px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-games { gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-games__title { font-size: 20px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-games__grid { gap: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-game__link { padding: 6px 6px 10px; gap: 5px; box-shadow: 0 5px 12px rgba(30, 43, 92, 0.14); }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-game__icon { height: 64px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-game__name { font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-game__mine { font-size: 17px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-games__soon { margin-top: 2px; font-size: 19px; }
/* Sin ícono del theme ni base (C-Estado-SinIcono-MovilV): el color del juego sin imagen rota */
html[data-theme="cuaderno"] .kh-game__icon:not([src]) { visibility: visible; color: transparent; }

/* Dentro de KitchHero, móvil H (C-KH-MovilH): salas, destacado y juegos en una fila con desplazamiento horizontal */
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-inicio__main {
  flex-direction: row; align-items: stretch; gap: 14px; overflow-x: auto; margin-right: -20px; padding: 8px 20px 6px 2px;
}
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-inicio__main :is(.kh-slot, .kh-rooms--home, .kh-rooms__list, .kh-games, .kh-games__grid) { display: contents; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-rooms__head {
  display: flex; flex: none; width: 118px; flex-direction: column; justify-content: center; gap: 2px;
}
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-rooms__title { font-size: 24px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-rooms__all { padding: 12px 0; font-size: 13px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-room {
  flex: none; width: 290px; padding: 10px 12px; align-content: center;
  grid-template-columns: 36px auto minmax(0, 1fr) auto auto;
  grid-template-areas: "icon game code code code" "icon who who who who" "ctx ctx ctx ctx ctx" "state state slots join join";
}
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-room__icon { width: 36px; height: 36px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-room__game { font-size: 15px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-room__who { font-size: 12px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home :is(.kh-room__code, .kh-room__state, .kh-room__slots) { font-size: 19px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-room__ctx { margin-top: 4px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-room__state { justify-self: start; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-rooms--home .kh-room__slots { justify-self: start; margin-left: 2px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-shell .kh-rooms--home .kh-room__join { margin-top: 4px; font-size: 14px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured {
  flex: none; width: 290px; padding: 8px 12px; grid-template-columns: 44px minmax(0, 1fr); column-gap: 10px; row-gap: 4px; align-content: center;
}
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__art { width: 44px; height: 44px; padding: 3px; transform: none; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__body { display: contents; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__eyebrow { grid-column: 2; grid-row: 1; align-self: end; font-size: 17px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__name { grid-column: 2; grid-row: 2; align-self: start; font-size: 17px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__art { grid-row: 1 / span 2; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__desc { grid-column: 1 / -1; grid-row: 3; font-size: 11.5px; line-height: 1.3; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__actions { grid-row: 4; gap: 8px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__actions .kh-btn { font-size: 14px; padding: 12px 8px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-games__title { display: none; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-game { flex: none; width: 124px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-game__link { padding: 6px 6px 8px; gap: 4px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-game__icon { flex-grow: 1; height: auto; min-height: 50px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-game__name { font-size: 13px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-game__mine { font-size: 16px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-games__soon { flex: none; width: 130px; margin: 0; align-self: center; font-size: 19px; line-height: 1.1; }

/* Cuadro de honor lateral del Inicio (C-Desktop, C-KH-Desktop) */
html[data-theme="cuaderno"] .kh-board {
  background: #FFFFFF; border: 2px solid var(--t-border); border-radius: 0; padding: 20px 22px; display: flex; flex-direction: column; gap: 12px;
}
html[data-theme="cuaderno"][data-kh] .kh-board { padding: 18px 20px; gap: 10px; }
html[data-theme="cuaderno"] .kh-board__title { font: 700 24px/1.2 var(--t-font-display); letter-spacing: 0; color: var(--t-text); text-transform: none; }
html[data-theme="cuaderno"] .kh-board__sub { align-self: flex-start; background: var(--t-highlight); padding: 2px 6px; font: 600 14px var(--t-font-text); }
html[data-theme="cuaderno"] .kh-board .kh-rk-periods { gap: 16px; }
html[data-theme="cuaderno"] .kh-board .kh-rk-periods .kh-seg__btn { font-size: 14px; padding: 2px 0; min-height: 0; }
html[data-theme="cuaderno"] .kh-board .kh-rk-list { border-top: 0; }
html[data-theme="cuaderno"] .kh-board .kh-rk-row { padding: 10px 4px; }
html[data-theme="cuaderno"] .kh-board .kh-rk-row__rank { width: 28px; }
/* Con 'rankings.board.full' la tarjeta trae juegos (tres + "Más"), dificultad y periodo, como el marco */
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto auto auto 1fr auto; column-gap: 14px; align-content: stretch;
}
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > * { grid-column: 1 / -1; }
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > .kh-board__title { grid-row: 1; }
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > .kh-board__sub { display: none; }
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > .kh-board__games { grid-column: 1; grid-row: 2; }
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > .kh-board__full { grid-column: 2; grid-row: 2; align-self: center; }
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > .kh-rk-boards { grid-row: 3; }
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > .kh-rk-periods { grid-row: 4; }
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > :is(.kh-rk-list, .kh-rk-empty) { grid-row: 5; }
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > .kh-board__more { grid-row: 7; }
html[data-theme="cuaderno"] .kh-board__full { font: 600 14px var(--t-font-text); color: var(--t-text); text-decoration: underline; }
html[data-theme="cuaderno"] .kh-board .kh-board__games { gap: 14px; flex-wrap: wrap; }
html[data-theme="cuaderno"] .kh-board .kh-board__games .kh-seg__btn { min-height: 0; border: 0; background: none; padding: 2px 0; font: 600 14px var(--t-font-text); }
html[data-theme="cuaderno"] .kh-board .kh-board__games .kh-seg__btn[aria-pressed="true"] { background: var(--t-highlight); padding: 2px 6px; }
html[data-theme="cuaderno"] .kh-board .kh-board__games .kh-seg__btn:nth-child(n+4) { display: none; }
html[data-theme="cuaderno"] .kh-board .kh-rk-boards { gap: 8px; }
html[data-theme="cuaderno"] .kh-board .kh-rk-boards .kh-seg__btn { flex: 1; min-height: 0; padding: 6px 8px; font-size: 13px; transform: none; }
html[data-theme="cuaderno"] .kh-board .kh-rk-boards .kh-seg__btn[aria-pressed="true"] { transform: rotate(-1deg); }
html[data-theme="cuaderno"] .kh-board .kh-rk-periods { margin-left: 0; }
html[data-theme="cuaderno"] .kh-board__more {
  margin-top: auto; align-self: flex-start; font: 700 24px/1.1 var(--t-font-accent); color: var(--t-red); transform: rotate(-2deg);
}

/* ── Salas (C-Salas-Desktop, C-Salas-TabletH, C-Salas-TabletV, C-Salas-MovilV, C-MovilH, C-KH-Salas-MovilV) ────────── */
html[data-theme="cuaderno"] .kh-rooms--page {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 40px; row-gap: 40px; align-items: start;
}
html[data-theme="cuaderno"] .kh-rooms--page .kh-rooms__head {
  grid-column: 1 / -1; grid-row: 1; margin: 12px 0 -18px; padding-right: 170px;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; row-gap: 6px; align-items: end;
}
html[data-theme="cuaderno"] .kh-rooms--page .kh-rooms__head > :not(.kh-rooms__count) { grid-column: 1; }
html[data-theme="cuaderno"] .kh-rooms__back { justify-self: start; font: 600 14px var(--t-font-text); color: var(--t-text); text-decoration: underline; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-rooms__title { font-size: 60px; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-rooms__sub { font-size: 16px; }
html[data-theme="cuaderno"] .kh-rooms__count {
  grid-column: 2; grid-row: 1 / span 3; align-self: end; font: 700 28px/1.2 var(--t-font-accent); transform: rotate(-2deg);
}
html[data-theme="cuaderno"] .kh-shell .kh-rooms--page > .kh-rooms__create { grid-column: 3; grid-row: 1; justify-self: end; align-self: end; padding: 11px 22px; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-rooms__list { display: contents; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-rooms__invite { display: none; }
/* Nota de sala en la pantalla: marco blanco del ícono, "sala GATO" grande, asientos y "Unirme" a todo lo ancho */
html[data-theme="cuaderno"] .kh-rooms--page .kh-room {
  margin: 10px 6px 0; padding: 20px 22px 22px; row-gap: 10px; column-gap: 10px; align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "icon game game" "code code state" "seats slots slots" "who who who" "ctx ctx ctx" "join join join";
}
html[data-theme="cuaderno"] .kh-rooms--page .kh-room:nth-child(3n+2) { --c-rot: 1deg; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__icon {
  width: 64px; height: 64px; box-sizing: content-box; padding: 5px; box-shadow: 0 3px 8px rgba(30, 43, 92, 0.14); transform: rotate(-2deg);
}
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__game { margin-left: 2px; font-size: 24px; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__code { display: block; grid-area: code; font: 700 46px/1 var(--t-font-accent); }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__code::before { content: 'sala '; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__state { align-self: baseline; font-size: 26px; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__seats { display: flex; grid-area: seats; gap: 5px; }
html[data-theme="cuaderno"] .kh-room__seat { width: 16px; height: 16px; box-sizing: border-box; border: 2px solid var(--t-border); background: #FFFFFF; }
html[data-theme="cuaderno"] .kh-room__seat[data-taken="true"] { background: var(--t-border); }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__slots { display: block; grid-area: slots; font: 700 15px var(--t-font-text); color: var(--t-text); }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__slots::after { content: ' lugares'; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__who { font-size: 15px; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__ctx { font-size: 14px; }
html[data-theme="cuaderno"] .kh-rooms--page .kh-room__label { display: none; }
html[data-theme="cuaderno"] .kh-shell .kh-rooms--page .kh-room__join { justify-self: stretch; margin-top: 6px; padding: 13px; }
html[data-theme="cuaderno"] .kh-rooms--page[data-state="empty"] .kh-rooms__empty { grid-column: 1 / -1; }
/* Tablet H: 3 columnas con 30 px, sin "3 salas abiertas" */
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms--page { column-gap: 30px; row-gap: 30px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms--page .kh-rooms__head { margin: 0 0 -8px; row-gap: 4px; padding-right: 150px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms__back { padding: 10px 0; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms--page .kh-rooms__title { font-size: 52px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms--page .kh-rooms__sub { font-size: 15px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rooms__count { display: none; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-shell .kh-rooms--page > .kh-rooms__create { padding: 11px 20px; }
/* Tablet V: dos columnas y la tarjeta "¿Juegas tú?" en el hueco */
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--page { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; row-gap: 30px; align-items: stretch; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--page .kh-rooms__head { margin: 0 0 -12px; padding-right: 0; row-gap: 6px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms__back { padding: 10px 0; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--page .kh-rooms__title { font-size: 54px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--page .kh-rooms__sub { font-size: 15px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms__count { grid-row: 3; font-size: 26px; align-self: baseline; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-rooms--page .kh-room { margin: 8px 6px 0; }
html[data-theme="cuaderno"]:is([data-size="tablet-v"], [data-size="movil-v"]) .kh-rooms--page > .kh-rooms__create { display: none; }
html[data-theme="cuaderno"]:is([data-size="tablet-v"], [data-size="movil-v"]) .kh-rooms--page .kh-rooms__invite {
  display: flex; flex-direction: column; justify-content: center; gap: 10px; margin: 8px 6px 0; padding: 22px;
  border: 2px dashed var(--t-border-soft); background: rgba(255, 255, 255, 0.7);
}
html[data-theme="cuaderno"] .kh-rooms__invite-title { font: 700 34px/1 var(--t-font-accent); color: var(--t-red); }
html[data-theme="cuaderno"] .kh-rooms__invite-text { font-size: 15px; }
html[data-theme="cuaderno"] .kh-shell .kh-rooms__invite .kh-rooms__create { text-align: center; padding: 11px; }
/* Móvil V: notas una bajo otra y "¿Juegas tú?" en una fila */
html[data-theme="cuaderno"]:is([data-size="movil-v"]) .kh-rooms--page { grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-rooms__head { margin: 0; padding: 0; row-gap: 4px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms__back { padding: 12px 0; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-rooms__title { font-size: 40px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--page .kh-rooms__title { font-size: 34px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-rooms__sub { margin-top: 4px; font-size: 14px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-rooms--page .kh-rooms__sub { font-size: 13px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-rooms__count { display: none; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room {
  margin: 0; padding: 14px 16px; row-gap: 8px; column-gap: 8px; box-shadow: var(--c-shadow-s);
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  grid-template-areas: "game game game state" "code code code state" "seats slots who who" "ctx ctx ctx ctx" "join join join join";
}
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room:nth-child(3n+1) { --c-rot: -1deg; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room:nth-child(3n+2) { --c-rot: 0.8deg; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__icon { position: absolute; left: 16px; top: 14px; width: 44px; height: 44px; padding: 3px; box-shadow: none; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page :is(.kh-room__game, .kh-room__code) { margin-left: 60px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__game { font-size: 18px; margin-bottom: -8px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__code { font-size: 28px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__state { grid-row: 1 / span 2; align-self: center; font-size: 22px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__seats { gap: 4px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__seat { width: 14px; height: 14px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__slots { font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__slots::after { content: none; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__who { font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__who::before { content: '· '; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-room__ctx { margin-top: -2px; font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-shell .kh-rooms--page .kh-room__join { margin: 0; padding: 12px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--page .kh-rooms__invite { flex-direction: row; align-items: center; gap: 12px; margin: 0; padding: 12px 14px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms__invite-title { flex-grow: 1; font-size: 24px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms__invite-text { display: none; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-shell .kh-rooms__invite .kh-rooms__create { padding: 10px 16px; }
/* Móvil H: título en una fila con la bajada y "Crear sala"; tres notas */
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page { column-gap: 18px; row-gap: 10px; align-items: stretch; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-rooms__head {
  margin: 0; padding-right: 130px; display: flex; align-items: center; gap: 14px;
}
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms__back { display: none; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-rooms__title { font-size: 34px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-rooms__sub { font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-rooms--page > .kh-rooms__create { align-self: center; font-size: 14px; padding: 10px 14px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room {
  margin: 4px 6px 0; padding: 12px 14px; row-gap: 4px; column-gap: 8px; align-content: start;
  grid-template-columns: 32px minmax(0, 1fr) auto; grid-template-rows: auto auto auto auto auto 1fr;
  grid-template-areas: "icon game state" "code code code" "who who who" "ctx ctx ctx" "slots slots slots" "join join join";
}
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room__icon { width: 32px; height: 32px; padding: 0; box-shadow: none; transform: none; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room__game { font-size: 17px; margin: 0; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room__state { font-size: 20px; align-self: center; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room__code { font-size: 30px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room__seats { display: none; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room__who { font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room__ctx { font-size: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--page .kh-room__slots { font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-rooms--page .kh-room__join { align-self: end; margin: 0; padding: 12px; }

/* ── Rankings (C-Rankings-Desktop, C-Rankings-TabletV, C-TabletH, C-Rankings-MovilV, C-Rankings-MovilH, C-KH-Rankings-MovilV) ─ */
/* La tarjeta blanca de la tabla es un ::before en la grilla: título y juegos van a la izquierda (o arriba), la tabla
   con su subtítulo, podio y lista a la derecha (o abajo). */
html[data-theme="cuaderno"] .kh-rankings {
  position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(7, auto); row-gap: 0; column-gap: 32px; align-content: start;
}
html[data-theme="cuaderno"] .kh-rk-main, html[data-theme="cuaderno"] .kh-rk-head { display: contents; }
html[data-theme="cuaderno"] .kh-rankings::before {
  content: ''; grid-column: 1; grid-row: 4 / -1; z-index: -1; background: #FFFFFF; border: 2px solid var(--t-border);
}
html[data-theme="cuaderno"] .kh-rk-title { grid-column: 1; grid-row: 1; margin-bottom: 18px; font: 700 30px/1.2 var(--t-font-display); letter-spacing: 0; color: var(--t-text); text-transform: none; }
html[data-theme="cuaderno"] .kh-rk-games { grid-column: 1; grid-row: 2; margin-bottom: 18px; min-width: 0; }
html[data-theme="cuaderno"] .kh-rk-filters { grid-column: 1; grid-row: 3; margin-bottom: 18px; display: flex; align-items: center; gap: 20px; }
html[data-theme="cuaderno"] .kh-rk-subtitle { grid-column: 1; grid-row: 4; margin: 20px 26px 0; display: flex; align-items: baseline; gap: 14px; }
html[data-theme="cuaderno"] .kh-podium { grid-column: 1; grid-row: 5; margin: 14px 26px 0; padding: 0 30px; }
html[data-theme="cuaderno"] .kh-rankings > .kh-rk-main > .kh-rk-list, html[data-theme="cuaderno"] .kh-rk-main > .kh-rk-list { grid-column: 1; grid-row: 6; margin: 14px 26px 0; }
html[data-theme="cuaderno"] .kh-rk-around { grid-column: 1; grid-row: 7; margin: 10px 26px 0; }
html[data-theme="cuaderno"] .kh-rk-main > :last-child { margin-bottom: 22px; }
html[data-theme="cuaderno"] .kh-rk-main > .kh-rk-empty { grid-column: 1; grid-row: 5; margin: 14px 26px 22px; }
html[data-theme="cuaderno"] .kh-rk-subtitle__main { font: 700 26px/1.2 var(--t-font-display); }
html[data-theme="cuaderno"] .kh-rk-subtitle__sep { display: none; }
html[data-theme="cuaderno"] .kh-rk-subtitle__period { font: 700 24px/1.2 var(--t-font-accent); color: var(--t-red); }
/* Juegos: botones con borde de tinta, rotados, con el puesto a mano */
html[data-theme="cuaderno"] .kh-rk-games ul { display: flex; flex-wrap: wrap; gap: 12px; }
html[data-theme="cuaderno"] .kh-rk-games li:nth-child(5n+1) { --c-rot: -1deg; }
html[data-theme="cuaderno"] .kh-rk-games li:nth-child(5n+2) { --c-rot: 0.8deg; }
html[data-theme="cuaderno"] .kh-rk-games li:nth-child(5n+3) { --c-rot: -0.6deg; }
html[data-theme="cuaderno"] .kh-rk-games li:nth-child(5n+4) { --c-rot: 1deg; }
html[data-theme="cuaderno"] .kh-rk-games li:nth-child(5n) { --c-rot: -0.8deg; }
html[data-theme="cuaderno"] .kh-rk-game {
  min-height: 44px; display: flex; align-items: center; gap: 8px; border: 2px solid var(--t-border); border-radius: 0; background: #FFFFFF;
  color: var(--t-text); padding: 6px 14px; font: 700 15px var(--t-font-text); transform: rotate(var(--c-rot, 0deg)); cursor: pointer; text-align: left;
}
html[data-theme="cuaderno"] .kh-rk-game[aria-pressed="true"] { background: var(--t-highlight); }
html[data-theme="cuaderno"] .kh-rk-game__icon { display: none; width: 44px; height: 44px; flex: none; object-fit: contain; background: var(--c-game); border-radius: 0; }
html[data-theme="cuaderno"] .kh-rk-game__rank-label { display: none; }
html[data-theme="cuaderno"] .kh-rk-game__rank { font: 700 24px/1 var(--t-font-accent); color: var(--t-red); }
html[data-theme="cuaderno"] .kh-rk-game__rank[data-rank="none"] { color: var(--t-text); }
/* Filtros: dificultad en notas (la elegida resaltada y rotada), periodo subrayado en rojo */
html[data-theme="cuaderno"] .kh-seg { display: flex; gap: 10px; background: none; border: 0; padding: 0; border-radius: 0; }
html[data-theme="cuaderno"] .kh-seg__btn {
  min-height: 44px; border: 2px solid var(--t-border); border-radius: 0; background: #FFFFFF; color: var(--t-text);
  padding: 6px 16px; font: 700 14px var(--t-font-text); letter-spacing: 0; text-transform: none; box-shadow: none; cursor: pointer;
}
html[data-theme="cuaderno"] .kh-rk-boards .kh-seg__btn:nth-child(3n+1) { transform: rotate(0.8deg); }
html[data-theme="cuaderno"] .kh-rk-boards .kh-seg__btn:nth-child(3n+2) { transform: rotate(-1deg); }
html[data-theme="cuaderno"] .kh-rk-boards .kh-seg__btn:nth-child(3n) { transform: rotate(0.6deg); }
html[data-theme="cuaderno"] .kh-rk-boards .kh-seg__btn[aria-pressed="true"] { background: var(--t-highlight); color: var(--t-text); }
html[data-theme="cuaderno"] .kh-rk-periods { margin-left: auto; gap: 18px; }
html[data-theme="cuaderno"] .kh-rk-periods .kh-seg__btn { border: 0; background: transparent; padding: 0; font: 600 15px var(--t-font-text); transform: none; }
html[data-theme="cuaderno"] .kh-rk-periods .kh-seg__btn[aria-pressed="true"] {
  background: transparent; color: var(--t-text); font-weight: 700;
  text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; text-decoration-color: var(--t-red);
}
/* Podio en notas de colores: II · I · III, con el puesto a mano dentro de la nota */
html[data-theme="cuaderno"] .kh-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: end; }
html[data-theme="cuaderno"] .kh-podium__item {
  min-width: 0; display: grid; grid-template-rows: auto auto auto; justify-items: center; row-gap: 4px; text-align: center;
  --c-bar-h: 150px; --c-bar: #CDEBFF; --c-rot: 1deg;
}
html[data-theme="cuaderno"] .kh-podium__item[data-pos="1"] { order: 2; --c-bar-h: 200px; --c-bar: #FFE45C; --c-rot: -1deg; }
html[data-theme="cuaderno"] .kh-podium__item[data-pos="2"] { order: 1; }
html[data-theme="cuaderno"] .kh-podium__item[data-pos="3"] { order: 3; --c-bar-h: 110px; --c-bar: #FFD3D0; --c-rot: 0.8deg; }
html[data-theme="cuaderno"] .kh-podium__avatar { display: none; }
html[data-theme="cuaderno"] .kh-podium__nick { grid-row: 1; font: 800 17px/1.2 var(--t-font-display); overflow-wrap: anywhere; }
html[data-theme="cuaderno"] .kh-podium__score { grid-row: 2; font: 700 28px/1 var(--t-font-accent); }
html[data-theme="cuaderno"] .kh-podium__bar {
  grid-row: 3; grid-column: 1; justify-self: stretch; display: block; height: var(--c-bar-h); box-sizing: border-box;
  background: var(--c-bar); border: 2px solid var(--t-border); transform: rotate(var(--c-rot));
}
html[data-theme="cuaderno"] .kh-podium__rank {
  grid-row: 3; grid-column: 1; align-self: start; z-index: 1; padding-top: 10px; font: 700 50px/1 var(--t-font-accent);
  transform: rotate(var(--c-rot));
}
/* Lista: filas con línea de cuadrícula, puesto en Fraunces */
html[data-theme="cuaderno"] .kh-rk-list { display: flex; flex-direction: column; border-top: 2px solid var(--t-border); }
html[data-theme="cuaderno"] .kh-rk-row { display: flex; gap: 12px; padding: 12px 4px; border-bottom: 1px solid var(--c-line); background: none; }
html[data-theme="cuaderno"] .kh-rk-row[data-me] { background: #FFF3A6; }
html[data-theme="cuaderno"] .kh-rk-row__rank { width: 36px; flex: none; font: 800 16px var(--t-font-display); }
html[data-theme="cuaderno"] .kh-rk-row__nick { flex-grow: 1; min-width: 0; font-weight: 600; }
html[data-theme="cuaderno"] .kh-rk-row__score { font-weight: 700; font-variant-numeric: tabular-nums; }
html[data-theme="cuaderno"] .kh-rk-around__title { font: 700 22px var(--t-font-accent); color: var(--t-red); }
html[data-theme="cuaderno"] .kh-rk-empty { padding: 16px 0; text-align: left; }
html[data-theme="cuaderno"] .kh-rk-empty .kh-empty__title { font: 700 26px/1.1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0; }
/* Escritorio: columna de 330 px con "Cuadro de honor" y los juegos en lista; la tabla a la derecha */
html[data-theme="cuaderno"][data-size="desktop"] .kh-rankings { grid-template-columns: 330px minmax(0, 1fr); grid-template-rows: auto auto auto auto 1fr; flex: 1 0 auto; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rankings::before { grid-column: 2; grid-row: 2 / -1; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-title { grid-column: 1; grid-row: 1; margin: 0 0 12px; font-size: 28px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-games { grid-column: 1; grid-row: 2 / -1; margin: 0; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-games ul { flex-direction: column; flex-wrap: nowrap; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-games::after {
  content: 'Tu mejor puesto en cada juego. «—» si aún no lo juegas.'; display: block; margin-top: 18px; font-size: 13px;
}
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-game { width: 100%; gap: 12px; padding: 8px 14px 8px 8px; font-size: 16px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-game[aria-pressed="true"] { background: #FFF3A6; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-games li:nth-child(5n+1) { --c-rot: -0.8deg; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-games li:nth-child(5n+2) { --c-rot: 0.5deg; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-games li:nth-child(5n+3) { --c-rot: -0.4deg; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-games li:nth-child(5n+4) { --c-rot: 0.7deg; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-games li:nth-child(5n) { --c-rot: -0.5deg; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-game__icon { display: block; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-game__name { flex-grow: 1; font-family: var(--t-font-display); font-weight: 800; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-game__rank { font-size: 26px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-filters { grid-column: 2; grid-row: 1; margin: 0 0 16px; gap: 24px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-seg__btn { padding: 8px 16px; min-height: 0; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-periods { gap: 20px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-periods .kh-seg__btn { padding: 8px 0; }
html[data-theme="cuaderno"][data-size="desktop"] :is(.kh-rk-subtitle, .kh-podium, .kh-rk-main > .kh-rk-list, .kh-rk-around, .kh-rk-main > .kh-rk-empty) { grid-column: 2; margin-left: 28px; margin-right: 28px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-subtitle { grid-row: 2; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-podium { grid-row: 3; padding: 0 80px; gap: 22px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-main > .kh-rk-list { grid-row: 4; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-around { grid-row: 5; align-self: start; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-main > .kh-rk-empty { grid-row: 3; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-podium__nick { font-size: 18px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-podium__rank { font-size: 52px; }
html[data-theme="cuaderno"][data-size="desktop"] .kh-rk-row { padding: 11px 4px; }
/* Tablet H: sin título; juegos y filtros arriba, tabla ancha */
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-title { display: none; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-games ul { gap: 10px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-game { font-size: 14px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-game__rank { font-size: 22px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-filters { gap: 24px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-periods { margin-left: 0; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-subtitle { margin: 16px 22px 0; gap: 12px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-subtitle__main { font-size: 22px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-subtitle__period { font-size: 20px; }
html[data-theme="cuaderno"][data-size="tablet-h"] :is(.kh-podium, .kh-rk-main > .kh-rk-list, .kh-rk-around) { margin-left: 22px; margin-right: 22px; margin-top: 12px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-podium { gap: 18px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-podium__item { --c-bar-h: 130px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-podium__item[data-pos="1"] { --c-bar-h: 170px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-podium__item[data-pos="3"] { --c-bar-h: 96px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-podium__nick { font-size: 16px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-podium__score { font-size: 26px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-podium__rank { padding-top: 8px; font-size: 44px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-row { gap: 10px; padding: 9px 4px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-row__rank { width: 34px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-rk-main > :last-child { margin-bottom: 16px; }
/* Móvil V: juegos en una fila con desplazamiento, dificultad y periodo en tres columnas */
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-title { margin: 4px 0 14px; font-size: 24px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-games { margin: 0 -16px 14px 0; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-games ul { flex-wrap: nowrap; gap: 10px; overflow-x: auto; padding: 4px 16px 6px 2px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-game { flex: none; padding: 6px 12px; font-size: 14px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-game__rank { font-size: 22px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-filters { flex-direction: column; align-items: stretch; gap: 8px; margin-bottom: 14px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-boards .kh-seg__btn { padding: 0; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-periods { margin: 0; gap: 0; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-periods .kh-seg__btn { font-size: 14px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-subtitle { margin: 14px 16px 0; gap: 10px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-subtitle__main { font-size: 19px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-subtitle__period { font-size: 20px; }
html[data-theme="cuaderno"][data-size="movil-v"] :is(.kh-podium, .kh-rk-main > .kh-rk-list, .kh-rk-around) { margin: 10px 16px 0; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-podium { padding: 0; gap: 10px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-podium__item { row-gap: 2px; --c-bar-h: 96px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-podium__item[data-pos="1"] { --c-bar-h: 128px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-podium__item[data-pos="3"] { --c-bar-h: 72px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-podium__nick { font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-podium__score { font-size: 24px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-podium__rank { padding-top: 6px; font-size: 36px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-row { gap: 10px; padding: 11px 4px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-row__rank { width: 32px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rk-main > :last-child { margin-bottom: 16px; }
/* Móvil H: columna de 240 px con título y juegos; filtros arriba y la tabla en dos columnas (podio | lista) */
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rankings {
  grid-template-columns: 240px minmax(0, 1.2fr) minmax(0, 1fr); grid-template-rows: auto auto auto 1fr; column-gap: 0;
}
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rankings::before { grid-column: 2 / 4; grid-row: 2 / 4; margin-left: 20px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-title { grid-column: 1; grid-row: 1; margin: 0 0 10px; font-size: 20px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-games { grid-column: 1; grid-row: 2 / -1; margin: 0; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-games ul { flex-direction: column; flex-wrap: nowrap; gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-game { width: 100%; padding: 4px 12px; font-size: 14px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-game__name { flex-grow: 1; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-game__rank { font-size: 22px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-filters { grid-column: 2 / 4; grid-row: 1; margin: 0 0 10px 20px; gap: 14px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-boards { gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-boards .kh-seg__btn { padding: 4px 12px; font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-periods { gap: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-periods .kh-seg__btn { font-size: 13px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-periods .kh-seg__btn[aria-pressed="true"] { text-underline-offset: 5px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-subtitle { grid-column: 2; grid-row: 2; margin: 10px 0 0 36px; gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-subtitle__main { font-size: 17px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-subtitle__period { font-size: 18px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-podium { grid-column: 2; grid-row: 3; margin: 8px 0 12px 36px; padding: 0; gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-main > .kh-rk-list { grid-column: 3; grid-row: 2 / 4; align-self: end; margin: 10px 16px 12px 16px; border-top: 0; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-around { grid-column: 2 / 4; grid-row: 4; margin: 10px 0 0 20px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-main > :last-child { margin-bottom: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-podium__item { row-gap: 2px; --c-bar-h: 70px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-podium__item[data-pos="1"] { --c-bar-h: 96px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-podium__item[data-pos="3"] { --c-bar-h: 52px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-podium__nick { font-size: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-podium__score { font-size: 21px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-podium__rank { padding-top: 4px; font-size: 30px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-row { gap: 8px; padding: 9px 2px; font-size: 14px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rk-row__rank { width: 28px; font-size: 14px; }

/* ── Mis jugadas (C-MisJugadas-Desktop, C-MisJugadas-TabletH, C-TabletV, C-MisJugadas-MovilV, C-MisJugadas-MovilH, C-KH-MisJugadas-MovilV) ── */
html[data-theme="cuaderno"] .kh-mis { display: flex; flex-direction: column; gap: 22px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-mis { gap: 18px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis { gap: 20px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis { gap: 14px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis { gap: 12px; }
/* Libreta: título a mano y cinco cifras separadas por líneas punteadas */
html[data-theme="cuaderno"] .kh-season {
  background: #FFFFFF; border: 2px solid var(--t-border); border-radius: 0; padding: 20px 26px;
  display: grid; grid-template-columns: 220px repeat(5, minmax(0, 1fr)); column-gap: 10px; align-items: center;
}
html[data-theme="cuaderno"] .kh-season__title {
  margin-right: 20px; font: 700 44px/1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0; text-transform: none;
}
html[data-theme="cuaderno"] .kh-season__sub, html[data-theme="cuaderno"] .kh-season__note { display: none; }
html[data-theme="cuaderno"] .kh-stats { display: contents; }
html[data-theme="cuaderno"] .kh-stat, html[data-theme="cuaderno"] .kh-season__hitos {
  display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-start; min-width: 0; height: 100%;
  border-right: 1px dashed var(--t-border-soft); background: none; padding: 0; border-radius: 0;
}
html[data-theme="cuaderno"] .kh-season__hitos { flex-direction: column; justify-content: flex-start; }
html[data-theme="cuaderno"] .kh-stat[data-stat="played"] { order: 1; }
html[data-theme="cuaderno"] .kh-season__hitos { order: 2; }
html[data-theme="cuaderno"] .kh-stat[data-stat="best"] { order: 3; }
html[data-theme="cuaderno"] .kh-stat[data-stat="compas"] { order: 4; }
html[data-theme="cuaderno"] .kh-stat[data-stat="week"] { order: 5; border-right: 0; }
html[data-theme="cuaderno"] .kh-season__title { order: 0; }
html[data-theme="cuaderno"] :is(.kh-stat, .kh-season__hitos) .kh-stat__value { font: 800 40px/1.25 var(--t-font-display); color: var(--t-text); letter-spacing: 0; }
html[data-theme="cuaderno"] :is(.kh-stat, .kh-season__hitos) .kh-stat__label { font: 400 13px var(--t-font-text); color: var(--t-text); letter-spacing: 0; text-transform: none; }
html[data-theme="cuaderno"] .kh-season__hitos .kh-stat__label, html[data-theme="cuaderno"] .kh-season__hitos .kh-bar__fill { display: none; }
html[data-theme="cuaderno"] .kh-season__hitos::after { content: 'hitos de ' attr(aria-valuemax); font-size: 13px; }
html[data-theme="cuaderno"] .kh-stat[data-stat="best"] .kh-stat__value { background: var(--t-highlight); padding: 0 4px; }
html[data-theme="cuaderno"] .kh-stat[data-stat="week"] .kh-stat__value { font: 700 46px/1.1 var(--t-font-accent); color: var(--t-red); }
html[data-theme="cuaderno"][data-size="desktop"] .kh-stat[data-stat="week"] .kh-stat__label::before { content: 'partidas '; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-season { padding: 18px 22px; grid-template-columns: 180px repeat(5, minmax(0, 1fr)); }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-season__title { margin-right: 14px; font-size: 38px; }
html[data-theme="cuaderno"][data-size="tablet-h"] :is(.kh-stat, .kh-season__hitos) .kh-stat__value { font-size: 36px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-stat[data-stat="week"] .kh-stat__value { font-size: 42px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-season { padding: 22px 24px; grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: 10px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-season__title { grid-column: 1 / -1; margin: 0; font-size: 34px; }
html[data-theme="cuaderno"][data-size="tablet-v"] :is(.kh-stat, .kh-season__hitos) .kh-stat__value { font-size: 38px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-stat[data-stat="week"] .kh-stat__value { font-size: 44px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-season { padding: 14px 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 8px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-season__title { grid-column: 1 / -1; margin: 0 0 -2px; font-size: 30px; }
html[data-theme="cuaderno"][data-size="movil-v"] :is(.kh-stat, .kh-season__hitos) .kh-stat__value { font-size: 30px; }
html[data-theme="cuaderno"][data-size="movil-v"] :is(.kh-stat, .kh-season__hitos) .kh-stat__label,
html[data-theme="cuaderno"][data-size="movil-v"] .kh-season__hitos::after { font-size: 12px; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-stat[data-stat="compas"] { order: 3; border-right: 0; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-stat[data-stat="best"] { order: 4; grid-column: span 2; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-stat[data-stat="best"] .kh-stat__label::before { content: 'mejor puesto · '; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-stat[data-stat="week"] .kh-stat__value { font-size: 36px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-season { padding: 10px 16px; grid-template-columns: 110px repeat(5, minmax(0, 1fr)); column-gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-season__title { margin-right: 8px; font-size: 26px; }
html[data-theme="cuaderno"][data-size="movil-h"] :is(.kh-stat, .kh-season__hitos) .kh-stat__value { font-size: 26px; }
html[data-theme="cuaderno"][data-size="movil-h"] :is(.kh-stat, .kh-season__hitos) .kh-stat__label,
html[data-theme="cuaderno"][data-size="movil-h"] .kh-season__hitos::after { font-size: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-stat[data-stat="best"] .kh-stat__value { padding: 0 3px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-stat[data-stat="week"] .kh-stat__value { font-size: 32px; }
/* Tarjetas por juego: notas del color del juego, rotadas */
html[data-theme="cuaderno"] .kh-mis-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding: 6px; align-items: start; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-mis-list { gap: 24px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis-list { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 0; }
html[data-theme="cuaderno"][data-size="movil-v"] .kh-mis-list { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 0; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-list { gap: 16px; padding: 2px 4px; }
html[data-theme="cuaderno"] .kh-mis-card:nth-child(3n+1) { --c-rot: -0.8deg; }
html[data-theme="cuaderno"] .kh-mis-card:nth-child(3n+2) { --c-rot: 0.6deg; }
html[data-theme="cuaderno"] .kh-mis-card:nth-child(3n) { --c-rot: -0.4deg; }
html[data-theme="cuaderno"] .kh-mis-card > article {
  position: relative; background: var(--c-paper); transform: rotate(var(--c-rot, 0deg)); box-shadow: var(--c-shadow-card);
  padding: 18px 22px 20px; border: 0; border-radius: 0;
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 12px; row-gap: 10px; align-items: center;
  grid-template-areas: "icon name rank" "best best best" "meta meta meta" "hitos hitos hitos" "chips chips chips" "next next next" "cont cont cont";
}
html[data-theme="cuaderno"] .kh-mis-card__icon { grid-area: icon; width: 48px; height: 48px; box-sizing: content-box; padding: 4px; background: #FFFFFF; object-fit: contain; border-radius: 0; }
html[data-theme="cuaderno"] .kh-mis-card__name { grid-area: name; font: 700 24px/1.2 var(--t-font-display); letter-spacing: 0; text-transform: none; }
html[data-theme="cuaderno"] .kh-mis-card__rank { grid-area: rank; font: 700 36px/1 var(--t-font-accent); color: var(--t-red); }
html[data-theme="cuaderno"] .kh-mis-card__best { grid-area: best; font: 700 15px var(--t-font-text); }
html[data-theme="cuaderno"] .kh-mis-card__meta { grid-area: meta; font-size: 13px; color: var(--t-text); }
html[data-theme="cuaderno"] .kh-mis-card__hitos { grid-area: hitos; display: flex; align-items: center; gap: 10px; }
html[data-theme="cuaderno"] .kh-mis-card__hitos-label { flex: none; font: 700 13px var(--t-font-text); }
html[data-theme="cuaderno"] .kh-mis-card__hitos .kh-bar { flex-grow: 1; height: 10px; box-sizing: content-box; border: 2px solid var(--t-border); background: #FFFFFF; border-radius: 0; overflow: hidden; }
html[data-theme="cuaderno"] .kh-mis-card__hitos .kh-bar__fill { display: block; height: 100%; width: var(--kh-pct, 0%); background: var(--t-border); border-radius: 0; }
html[data-theme="cuaderno"] .kh-mis-card .kh-chips { grid-area: chips; display: flex; flex-wrap: wrap; gap: 8px 14px; }
html[data-theme="cuaderno"] .kh-mis-card .kh-chip {
  min-height: 0; display: flex; align-items: center; gap: 6px; padding: 0; border: 0; border-radius: 0; background: none;
  font: 600 14px var(--t-font-text); color: var(--t-text); cursor: default;
}
html[data-theme="cuaderno"] .kh-mis-card .kh-chip::before {
  content: ''; flex: none; width: 18px; height: 18px; background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E2B5C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E");
}
html[data-theme="cuaderno"] .kh-mis-card .kh-chip:not([data-state="won"]) { color: var(--t-text-3); }
html[data-theme="cuaderno"] .kh-mis-card .kh-chip:not([data-state="won"])::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C87A6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14v14H5z'/%3E%3C/svg%3E");
}
html[data-theme="cuaderno"] .kh-mis-card__next { grid-area: next; font: 700 22px/1.15 var(--t-font-accent); color: var(--t-text); font-style: normal; }
html[data-theme="cuaderno"] .kh-shell .kh-mis-card__continue { grid-area: cont; justify-self: start; padding: 11px 18px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-mis-card > article { padding: 16px 18px 18px; column-gap: 10px; row-gap: 9px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-mis-card__icon { width: 42px; height: 42px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-mis-card__name { font-size: 21px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-mis-card__rank { font-size: 32px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-mis-card__best { font-size: 14px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card .kh-chips { gap: 6px 12px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card .kh-chip { gap: 5px; font-size: 13px; }
html[data-theme="cuaderno"]:is([data-size="tablet-h"], [data-size="movil-v"]) .kh-mis-card .kh-chip::before { width: 16px; height: 16px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-mis-card__next { font-size: 21px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-shell .kh-mis-card__continue { padding: 12px 18px; }
/* Tablet V: sin ícono; nombre, mejor y puesto en una línea; "sigue" y Continuar en otra */
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis-card > article {
  padding: 18px 22px; column-gap: 12px; grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "name best rank" "meta meta meta" "hitos hitos hitos" "chips chips chips" "next next cont";
}
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis-card__icon { display: none; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis-card__best { align-self: baseline; font-size: 13px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis-card__name { align-self: baseline; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis-card__rank { align-self: baseline; font-size: 30px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis-card__meta { margin-top: -6px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-mis-card__hitos .kh-bar { max-width: 320px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-shell .kh-mis-card__continue { justify-self: end; padding: 12px 18px; }
/* Móviles: el ícono se cuelga a la izquierda del nombre; "mejor · partidas" en una línea */
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card > article {
  padding: 14px 16px; row-gap: 8px; column-gap: 4px; box-shadow: 0 5px 12px rgba(30, 43, 92, 0.14);
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "name name rank" "best meta meta" "hitos hitos hitos" "chips chips chips" "next next next" "cont cont cont";
}
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card__icon { position: absolute; left: 16px; top: 14px; width: 36px; height: 36px; padding: 3px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card__name { min-height: 42px; display: flex; align-items: center; padding-left: 52px; font-size: 19px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card__rank { font-size: 30px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card__best { align-self: baseline; font-size: 13px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card__best::after { content: ' ·'; font-weight: 400; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card__meta { align-self: baseline; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-mis-card__next { font-size: 20px; line-height: 1.1; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-shell .kh-mis-card__continue { justify-self: stretch; text-align: center; padding: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card > article { padding: 12px 14px; row-gap: 6px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card__icon { left: 14px; top: 12px; width: 30px; height: 30px; padding: 2px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card__name { min-height: 34px; padding-left: 42px; font-size: 16px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card__rank { font-size: 26px; }
html[data-theme="cuaderno"][data-size="movil-h"] :is(.kh-mis-card__best, .kh-mis-card__meta, .kh-mis-card__hitos-label) { font-size: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card__hitos { gap: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card__hitos .kh-bar { height: 8px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card .kh-chips { gap: 4px 10px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card .kh-chip { gap: 4px; font-size: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card .kh-chip::before { width: 14px; height: 14px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-mis-card__next { font-size: 19px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-shell .kh-mis-card__continue { font-size: 14px; }
/* Sin partidas (C-Estado-SinPartidas-MovilV): hoja blanca con la libreta dibujada */
html[data-theme="cuaderno"] .kh-mis-empty {
  margin-top: 10px; background: #FFFFFF; border: 2px solid var(--t-border); padding: 22px 20px 24px; gap: 12px; align-items: center; text-align: center;
}
html[data-theme="cuaderno"] .kh-mis-empty::before {
  content: ''; width: 150px; height: 130px; transform: rotate(-3deg);
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 130' fill='none' stroke='%231E2B5C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='20' y='10' width='110' height='110' fill='%23FFF3A6'/%3E%3Cpath d='M20 34h110M20 56h110M20 78h110M20 100h110' stroke='%23B9C3DA'/%3E%3Cpath d='M40 10v110' stroke='%23D9483B'/%3E%3Cpath d='M96 92l22-38 8 5-22 38-10 4z' fill='%23FFFFFF'/%3E%3Cpath d='M118 54l4-7 8 5-4 7'/%3E%3C/svg%3E");
}
html[data-theme="cuaderno"] .kh-mis-empty .kh-empty__title { font: 800 24px/1.2 var(--t-font-display); color: var(--t-text); letter-spacing: 0; text-transform: none; }
html[data-theme="cuaderno"] .kh-mis-empty .kh-empty__text { font-size: 15px; line-height: 1.45; }
html[data-theme="cuaderno"] .kh-mis-empty .kh-btn { display: none; }

/* ── Estados: carga y error (C-Estado-Cargando-MovilV, C-Estado-Error-MovilV) ───────────────────────────────────── */
html[data-theme="cuaderno"] .kh-state__text {
  text-align: left; font: 700 26px/1 var(--t-font-accent); font-style: normal; color: var(--t-red); transform: rotate(-1deg); transform-origin: left;
}
html[data-theme="cuaderno"] .kh-skel-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
html[data-theme="cuaderno"] .kh-skel {
  border: 2px dashed var(--t-border-soft); border-radius: 0; background: rgba(255, 255, 255, 0.7); box-shadow: none;
}
html[data-theme="cuaderno"] .kh-skel:nth-child(odd) { transform: rotate(-1deg); }
html[data-theme="cuaderno"] .kh-skel:nth-child(even) { transform: rotate(0.8deg); }
html[data-theme="cuaderno"] :is(.kh-skel__dot, .kh-skel__line) { border: 0; border-radius: 0; background: var(--c-line); opacity: 1; }
html[data-theme="cuaderno"] .kh-skel__line { height: 12px; width: 70%; }
html[data-theme="cuaderno"] .kh-skel__line--short { width: 45%; height: 12px; }
html[data-theme="cuaderno"] .kh-skel--row, html[data-theme="cuaderno"] .kh-skel--line {
  grid-column: 1 / -1; height: 84px; box-sizing: border-box; padding: 12px 14px;
  display: grid; grid-template-columns: 40px minmax(0, 1fr) 72px; column-gap: 10px; row-gap: 8px; align-content: center;
}
html[data-theme="cuaderno"] .kh-skel--row .kh-skel__dot, html[data-theme="cuaderno"] .kh-skel--line .kh-skel__dot { grid-row: 1 / span 2; width: 40px; height: 40px; align-self: center; }
html[data-theme="cuaderno"] .kh-skel--row::after { content: ''; grid-column: 3; grid-row: 1 / span 2; width: 72px; height: 44px; border-radius: 8px; background: var(--c-line); align-self: center; }
html[data-theme="cuaderno"] .kh-skel--line { height: auto; grid-template-columns: 28px minmax(0, 1fr); }
html[data-theme="cuaderno"] .kh-skel--line .kh-skel__dot { width: 28px; height: 28px; }
html[data-theme="cuaderno"] .kh-skel--hero { display: none; }
html[data-theme="cuaderno"] .kh-skel--card { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 8px 8px 12px; }
html[data-theme="cuaderno"] .kh-skel--card .kh-skel__dot { width: auto; height: 88px; }
html[data-theme="cuaderno"] .kh-skel--card .kh-skel__line { width: 75%; }
html[data-theme="cuaderno"] .kh-skel--card .kh-skel__line--short { width: 50%; }
html[data-theme="cuaderno"] .kh-skel--card:nth-child(4n+1) { transform: rotate(-1.2deg); }
html[data-theme="cuaderno"] .kh-skel--card:nth-child(4n+2) { transform: rotate(1deg); }
html[data-theme="cuaderno"] .kh-skel--card:nth-child(4n+3) { transform: rotate(0.8deg); }
html[data-theme="cuaderno"] .kh-skel--card:nth-child(4n) { transform: rotate(-0.8deg); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-skel-group:has(.kh-skel--card) { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-skel-group:has(.kh-skel--card) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
@media (prefers-reduced-motion: no-preference) {
  html[data-theme="cuaderno"] .kh-skel { animation: kh-lapiz 1.4s ease-in-out infinite alternate; }
}
@keyframes kh-lapiz { from { opacity: 1; } to { opacity: 0.55; } }
/* Error: nota rosada con la pizarra borrada */
html[data-theme="cuaderno"] .kh-state--error {
  margin-top: 60px; align-items: stretch; text-align: left; gap: 12px; border: 0; border-radius: 0; background: #FFD3D0;
  padding: 24px 22px; transform: rotate(-1.2deg); box-shadow: var(--c-shadow);
}
html[data-theme="cuaderno"] .kh-state__art { display: block; width: 120px; height: 84px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 84' fill='none' stroke='%231E2B5C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10h104v64H8z' fill='%23FFFFFF'/%3E%3Cpath d='M22 28c10-6 18 6 28 0s18 6 28 0 14 4 20 0' stroke='%23B9C3DA'/%3E%3Cpath d='M22 46c10-6 18 6 28 0' stroke='%23B9C3DA'/%3E%3Cpath d='M70 40l30 20M100 40L70 60' stroke='%23D9483B' stroke-width='3'/%3E%3C/svg%3E");
}
html[data-theme="cuaderno"] .kh-state--error .kh-state__logo { display: none; }
html[data-theme="cuaderno"] .kh-state--error .kh-state__title { font: 700 32px/1 var(--t-font-accent); color: var(--t-text); letter-spacing: 0; text-transform: none; }
html[data-theme="cuaderno"] .kh-state--error .kh-state__body { font: 800 20px/1.2 var(--t-font-display); font-style: normal; }
html[data-theme="cuaderno"] .kh-state--error .kh-state__hint { font: 400 14px var(--t-font-text); font-style: normal; }
html[data-theme="cuaderno"] .kh-shell .kh-state--error .kh-state__retry { margin-top: 4px; height: 48px; padding: 0 20px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"], [data-size="tablet-v"]) .kh-state--error { align-self: center; width: min(560px, 100%); }

/* ── Login del theme (C-Estado-SinSesion-Desktop, C-Estado-SinSesion-MovilV) ────────────────────────────────────── */
html[data-theme="cuaderno"] .kh-login {
  padding: 18px 16px 30px 30px; gap: 18px; text-align: left; align-items: stretch;
}
html[data-theme="cuaderno"] .kh-login__hero {
  display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 18px 0;
}
html[data-theme="cuaderno"] .kh-login__logo { width: 48px; height: 48px; border-radius: 12px; }
html[data-theme="cuaderno"] .kh-login__brand { font: 800 22px/1.2 var(--t-font-display); color: var(--t-text); letter-spacing: 0; }
html[data-theme="cuaderno"] .kh-login__tag { display: none; }
html[data-theme="cuaderno"] .kh-login__chips {
  grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px 6px 6px;
}
html[data-theme="cuaderno"] .kh-login__chip {
  width: 100%; height: 96px; margin: 0; box-sizing: border-box; border: 0; border-radius: 0; object-fit: contain;
  padding: 6px; box-shadow: 0 5px 12px rgba(30, 43, 92, 0.14);
}
html[data-theme="cuaderno"] .kh-login__chip:nth-child(n+4) { display: none; }
html[data-theme="cuaderno"] .kh-login__chip:nth-child(1) { transform: rotate(-4deg); }
html[data-theme="cuaderno"] .kh-login__chip:nth-child(2) { transform: rotate(3deg) translateY(18px); }
html[data-theme="cuaderno"] .kh-login__chip:nth-child(3) { transform: rotate(-2deg) translateY(4px); }
html[data-theme="cuaderno"] .kh-login__card {
  margin-top: auto; border: 2px solid var(--t-border); border-radius: 0; background: #FFFFFF; padding: 24px 20px; gap: 14px;
  box-shadow: 0 8px 20px rgba(30, 43, 92, 0.16); text-align: left; align-items: stretch;
}
html[data-theme="cuaderno"] .kh-login__title {
  align-self: flex-start; font: 700 26px/1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0; transform: rotate(-2deg);
}
html[data-theme="cuaderno"] .kh-login__sub { font: 800 28px/1.1 var(--t-font-display); font-style: normal; color: var(--t-text); }
html[data-theme="cuaderno"] .kh-login__body { font: 400 15px/1.45 var(--t-font-text); font-style: normal; }
html[data-theme="cuaderno"] .kh-login .kh-login__btn { margin-top: 4px; height: 52px; gap: 12px; font-size: 16px; }
html[data-theme="cuaderno"] .kh-login__g {
  display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #FFFFFF; color: var(--t-text);
  font: 800 16px var(--t-font-display);
}
html[data-theme="cuaderno"] .kh-login__note { font-size: 13px; color: var(--t-text); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login {
  display: grid; grid-template-columns: minmax(0, 1fr) 520px; grid-template-rows: auto 1fr; gap: 22px 60px;
  padding: 30px 48px 30px 96px; align-items: center; text-align: left;
}
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-login { padding: 26px 36px 26px 80px; grid-template-columns: minmax(0, 1fr) 460px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__hero { display: contents; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__logo { grid-column: 1; grid-row: 1; position: absolute; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__brand { grid-column: 1; grid-row: 1; padding-left: 76px; min-height: 48px; display: flex; align-items: center; font-size: 34px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__chips { grid-column: 1; grid-row: 2; gap: 26px; padding: 0 30px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__chip { display: block; height: 150px; padding: 10px; box-shadow: var(--c-shadow-card); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__chip:nth-child(1) { transform: rotate(-3deg); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__chip:nth-child(2) { transform: rotate(2deg) translateY(30px); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__chip:nth-child(3) { transform: rotate(-1deg) translateY(-10px); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__chip:nth-child(4) { transform: rotate(2.5deg) translateY(10px); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__chip:nth-child(5) { transform: rotate(-2deg) translateY(40px); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__card {
  grid-column: 2; grid-row: 2; margin: 0; padding: 36px 40px; gap: 16px; align-items: stretch; text-align: left;
}
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__title { font-size: 30px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__sub { font-size: 40px; line-height: 1.05; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__body { font-size: 17px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login .kh-login__btn { margin-top: 6px; height: 54px; font-size: 17px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-login__g { width: 30px; height: 30px; font-size: 17px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-login { padding: 30px 32px 30px 72px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-login { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 14px 20px 16px 44px; text-align: left; }
html[data-theme="cuaderno"] .kh-login__chip:nth-child(1) { background-color: #FFE45C; }
html[data-theme="cuaderno"] .kh-login__chip:nth-child(2) { background-color: #CDEBFF; }
html[data-theme="cuaderno"] .kh-login__chip:nth-child(3) { background-color: #FFD3D0; }
html[data-theme="cuaderno"] .kh-login__chip:nth-child(4) { background-color: #D5F0D2; }
html[data-theme="cuaderno"] .kh-login__chip:nth-child(5) { background-color: #E3D8FA; }
html[data-theme="cuaderno"] .kh-login__chip { outline: 6px solid #FFFFFF; outline-offset: -6px; }

/* ── Mi cuenta (C-Cuenta-Desktop, C-Cuenta-TabletH, C-Cuenta-TabletV, C-Cuenta-MovilV, C-Cuenta-MovilH, C-KH-Cuenta-MovilV) ─ */
/* .hoja de los marcos (cuadrícula de 24 px) en la hoja de Mi cuenta. Escritorio y tablets: hoja cuadriculada de 500 px a la derecha sobre la pantalla velada en tinta al 45 % */
html[data-theme="cuaderno"] .kh-account-veil { background-color: var(--t-bg); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"], [data-size="tablet-v"]) .kh-account-veil { background: rgba(30, 43, 92, 0.45); }
html[data-theme="cuaderno"] .kh-account-sheet,
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"], [data-size="tablet-v"]) .kh-account-sheet {
  background-color: var(--t-bg);
  background-image: linear-gradient(var(--t-grid) 1px, transparent 1px), linear-gradient(90deg, var(--t-grid) 1px, transparent 1px);
  background-size: 24px 24px;
  color: var(--t-text); font-family: var(--t-font-text);
}
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"], [data-size="tablet-v"]) .kh-account-sheet {
  position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 500px; max-width: 100%; max-height: none; min-height: 0; overflow: auto;
  border: 0; border-left: 2px solid var(--t-border); border-radius: 0; box-shadow: var(--t-shadow-sheet); padding: 22px 32px; gap: 12px;
}
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-account-sheet { padding: 18px 32px; gap: 10px; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-account-sheet { padding: 28px 32px; gap: 18px; }
html[data-theme="cuaderno"] .kh-account-sheet { padding: 18px 16px 24px 30px; gap: 14px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-v"] .kh-account-sheet { padding: 10px 16px 16px 30px; gap: 12px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-account-sheet {
  padding: 14px 20px 16px 44px; gap: 10px 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start;
}
/* Orden del marco: apodo · Generar otro · Theme · Mis compas / palabra · Sonido · Cerrar sesión */
html[data-theme="cuaderno"] .kh-account-sheet > .kh-page-head { order: 0; }
html[data-theme="cuaderno"] .kh-account-sheet > .kh-acc-profile { order: 1; }
html[data-theme="cuaderno"] .kh-account-sheet > .kh-acc-themes { order: 2; }
html[data-theme="cuaderno"] .kh-account-sheet > .kh-acc-links { order: 3; }
html[data-theme="cuaderno"] .kh-account-sheet > .kh-acc-sound { order: 4; }
html[data-theme="cuaderno"] .kh-account-sheet > :is(.kh-acc-signout, .kh-acc-kh) { order: 5; margin-top: auto; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-account-sheet > .kh-page-head { grid-column: 1 / -1; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-account-sheet > :is(.kh-acc-profile, .kh-acc-links, .kh-acc-sound, .kh-acc-signout, .kh-acc-kh) { grid-column: 1; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-account-sheet > .kh-acc-themes { grid-column: 2; grid-row: 2 / span 5; order: 0; }
/* Encabezado: título en Fraunces y × en un botón blanco de 44 px (a la derecha en escritorio y tablets, a la izquierda en móvil) */
html[data-theme="cuaderno"] .kh-account-sheet .kh-page-head { gap: 12px; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-page-head__title { font: 800 26px/1.2 var(--t-font-display); color: var(--t-text); letter-spacing: 0; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"], [data-size="tablet-v"]) .kh-account-sheet .kh-page-head { flex-direction: row-reverse; justify-content: space-between; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-v"]) .kh-account-sheet .kh-page-head__title { font-size: 32px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-account-sheet .kh-page-head__title { font-size: 30px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-account-sheet .kh-page-head__title { font-size: 24px; }
html[data-theme="cuaderno"][data-kh] .kh-account-sheet .kh-page-head { flex-direction: row-reverse; justify-content: space-between; }
html[data-theme="cuaderno"] :is(.kh-account-sheet, .kh-compas) .kh-back {
  width: 44px; height: 44px; box-sizing: border-box; border-radius: 10px; border: 2px solid var(--t-border); background: #FFFFFF;
  font-size: 0; color: var(--t-text);
}
html[data-theme="cuaderno"] .kh-account-sheet .kh-back::after {
  content: ''; width: 18px; height: 18px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E2B5C' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E");
}
/* Apodo: recuadro blanco con el avatar rotado; "Generar otro" y la nota debajo, fuera del recuadro */
html[data-theme="cuaderno"] .kh-acc-profile,
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-acc-profile {
  position: relative; isolation: isolate; border: 0; border-radius: 0; background: none; padding: 0;
  display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 18px; row-gap: 0; align-items: center;
}
html[data-theme="cuaderno"] .kh-acc-profile::before {
  content: ''; grid-column: 1 / -1; grid-row: 1; align-self: stretch; z-index: -1; background: #FFFFFF; border: 2px solid var(--t-border);
}
html[data-theme="cuaderno"] .kh-acc-avatar-row { display: contents; }
html[data-theme="cuaderno"] .kh-acc-avatar,
html[data-theme="cuaderno"][data-size="desktop"] .kh-acc-avatar {
  grid-column: 1; grid-row: 1; margin: 14px 0 14px 16px; width: 72px; height: 72px; box-sizing: border-box; border: 2px solid var(--t-border);
  border-radius: 12px; background: var(--t-highlight); object-fit: cover; transform: rotate(-2deg);
}
html[data-theme="cuaderno"] .kh-acc-field { grid-column: 2; grid-row: 1; margin: 14px 16px 14px 0; gap: 6px; }
html[data-theme="cuaderno"] .kh-acc-field__row { gap: 8px; }
html[data-theme="cuaderno"] .kh-acc-field .kh-btn--secondary { background: var(--t-accent); color: #FFFFFF; border: 0; padding: 0 16px; font-size: 15px; }
html[data-theme="cuaderno"] .kh-acc-real { font: 600 13px var(--t-font-text); color: var(--t-text); }
html[data-theme="cuaderno"] .kh-acc-status:empty { display: none; }
html[data-theme="cuaderno"] .kh-acc-avatar-side { grid-column: 1 / -1; grid-row: 2; margin-top: 8px; flex-direction: row; align-items: center; gap: 12px; }
html[data-theme="cuaderno"] .kh-acc-generate { min-height: 44px; padding: 0 14px; font-size: 14px; }
html[data-theme="cuaderno"] .kh-acc-avatar-note { font: 400 13px var(--t-font-text); font-style: normal; color: var(--t-text); }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]):not([data-size="tablet-v"]) .kh-acc-profile { column-gap: 14px; }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]):not([data-size="tablet-v"]) .kh-acc-avatar { margin: 12px 0 12px 14px; width: 60px; height: 60px; }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]):not([data-size="tablet-v"]) .kh-acc-field { margin: 12px 14px 12px 0; }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]):not([data-size="tablet-v"]) .kh-acc-field .kh-btn--secondary { padding: 0 12px; font-size: 14px; }
html[data-theme="cuaderno"]:is([data-size="movil-h"], [data-kh][data-size="movil-v"]) .kh-acc-avatar { width: 56px; height: 56px; margin: 10px 0 10px 12px; }
html[data-theme="cuaderno"] .kh-acc-field .kh-label { font-size: 22px; }
/* Theme: tarjetas blancas rotadas con la miniatura del theme (color, emblema, marca y dos barras de color) */
html[data-theme="cuaderno"] .kh-acc-themes { gap: 10px; }
html[data-theme="cuaderno"] .kh-acc-themes__head { gap: 10px; }
html[data-theme="cuaderno"] .kh-acc-h2 { font: 700 22px/1.2 var(--t-font-display); color: var(--t-text); letter-spacing: 0; text-transform: none; }
html[data-theme="cuaderno"] .kh-acc-themes__note { font: 700 22px var(--t-font-accent); font-style: normal; color: var(--t-red); }
html[data-theme="cuaderno"] .kh-account-sheet .kh-themes,
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"], [data-size="movil-h"]) .kh-account-sheet .kh-themes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card,
html[data-theme="cuaderno"][data-size="desktop"] .kh-account-sheet .kh-themes[data-variant="account"] .kh-theme-card {
  position: relative; flex-direction: column; align-items: stretch; gap: 6px; padding: 6px 6px 8px; background: #FFFFFF;
  border: 2px solid var(--t-border); border-radius: 0; box-shadow: 0 4px 10px rgba(30, 43, 92, 0.14); color: var(--t-text);
  transform: rotate(var(--c-rot, 0deg));
}
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card[aria-pressed="true"] { border: 3px solid var(--t-red); }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card[data-theme-id="casino"] { --c-rot: -0.8deg; --c-a1: #E3B85A; --c-a2: #F4E6C4; --c-fg: #F2D38A; --c-font: Cinzel, serif; --c-ls: 2px; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card[data-theme-id="neon"] { --c-rot: 0.6deg; --c-a1: #FF4455; --c-a2: #3DE0FF; --c-fg: #EDEBFF; --c-font: Unbounded, sans-serif; --c-ls: 1px; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card[data-theme-id="recreo"] { --c-rot: 0.5deg; --c-a1: #E4572E; --c-a2: #F2B632; --c-fg: #1F1A14; --c-font: 'Bricolage Grotesque', sans-serif; --c-ls: 0; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card[data-theme-id="cuaderno"] { --c-rot: -0.6deg; --c-a1: #FFE45C; --c-a2: #D9483B; --c-fg: #1E2B5C; --c-font: Fraunces, serif; --c-ls: 0; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__thumb,
html[data-theme="cuaderno"][data-size="desktop"] .kh-account-sheet .kh-themes[data-variant="account"] .kh-theme-card__thumb {
  width: auto; height: 64px; border-radius: 0; padding: 8px; box-sizing: border-box;
}
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-account-sheet .kh-theme-card__thumb { height: 100px; }
html[data-theme="cuaderno"][data-size="tablet-h"] .kh-account-sheet .kh-theme-card__thumb { height: 58px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"]) .kh-account-sheet .kh-theme-card__thumb { height: 78px; padding: 6px; }
html[data-theme="cuaderno"][data-size="movil-h"] .kh-account-sheet .kh-theme-card__thumb { height: 76px; padding: 6px; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__logo { display: block; left: 8px; top: 8px; width: 30px; height: 30px; border-radius: 8px; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__thumb::before {
  content: 'KITCHHERO GAMES'; position: absolute; left: 44px; top: 16px; font: 800 12px var(--c-font); letter-spacing: var(--c-ls); color: var(--c-fg); white-space: nowrap;
}
html[data-theme="cuaderno"] .kh-account-sheet :is(.kh-theme-card[data-theme-id="recreo"], .kh-theme-card[data-theme-id="cuaderno"]) .kh-theme-card__thumb::before { content: 'KitchHero Games'; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__ink {
  display: block; left: 8px; top: auto; bottom: 8px; width: 28px; height: 8px; border-radius: 0; background: var(--c-a1); opacity: 1;
}
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__ink--short { left: 40px; background: var(--c-a2); }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__art { display: none; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__name,
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__name[data-font] {
  display: inline; padding: 0 4px; font: 800 17px var(--t-font-display); letter-spacing: 0; text-transform: lowercase;
}
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__name::first-letter { text-transform: uppercase; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card__state {
  position: absolute; right: 8px; bottom: 6px; font: 700 20px/1 var(--t-font-accent); color: var(--t-text);
}
html[data-theme="cuaderno"] .kh-account-sheet .kh-theme-card[aria-pressed="true"] .kh-theme-card__state { color: var(--t-red); }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-account-sheet .kh-themes { gap: 12px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-account-sheet .kh-theme-card__name { font-size: 15px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-account-sheet .kh-theme-card__state { font-size: 18px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-account-sheet .kh-theme-card__thumb::before { left: 38px; top: 13px; font-size: 10px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-account-sheet .kh-theme-card__logo { left: 6px; top: 6px; width: 26px; height: 26px; border-radius: 7px; }
/* Mis compas y la palabra: filas con línea de cuadrícula */
html[data-theme="cuaderno"] .kh-acc-links { border-top: 1px solid var(--c-line); }
html[data-theme="cuaderno"] .kh-acc-links__row {
  min-height: 44px; border-bottom: 1px solid var(--c-line); font: 600 16px var(--t-font-text); color: var(--t-text);
}
html[data-theme="cuaderno"] .kh-acc-links__value { font: 700 21px var(--t-font-accent); color: var(--t-red); }
html[data-theme="cuaderno"] .kh-acc-links__row[data-action="word"] .kh-acc-links__value { font: 600 16px var(--t-font-text); color: var(--t-text); }
html[data-theme="cuaderno"]:is([data-size="tablet-v"], [data-size="movil-v"]) .kh-acc-links__row { min-height: 48px; }
html[data-theme="cuaderno"]:is([data-size="movil-v"], [data-size="movil-h"]) .kh-acc-links__row { font-size: 15px; }
html[data-theme="cuaderno"] .kh-acc-word { border-bottom: 1px solid var(--c-line); }
html[data-theme="cuaderno"] .kh-account-sheet .kh-chip { min-height: 44px; border: 2px solid var(--t-border); border-radius: 0; background: #FFFFFF; color: var(--t-text); font: 700 15px var(--t-font-text); }
html[data-theme="cuaderno"] .kh-account-sheet .kh-chip[aria-pressed="true"] { background: var(--t-highlight); border-color: var(--t-border); color: var(--t-text); }
/* Sonido */
html[data-theme="cuaderno"] .kh-acc-sound { gap: 4px; }
html[data-theme="cuaderno"] .kh-acc-sound .kh-acc-h2 { margin-bottom: 4px; }
html[data-theme="cuaderno"] :is(.kh-acc-sound__row, .kh-acc-sound__mute) { min-height: 48px; border-bottom: 1px solid var(--c-line); font: 600 16px var(--t-font-text); }
html[data-theme="cuaderno"] .kh-acc-sound__mute { justify-content: space-between; flex-direction: row-reverse; }
html[data-theme="cuaderno"] .kh-range, html[data-theme="cuaderno"] .kh-check { accent-color: var(--t-border); }
html[data-theme="cuaderno"] .kh-check { width: 24px; height: 24px; }
html[data-theme="cuaderno"] .kh-account-sheet .kh-acc-signout,
html[data-theme="cuaderno"][data-size="desktop"] .kh-account-sheet .kh-acc-signout { width: 100%; height: 48px; padding: 0; font-size: 16px; background: #FFFFFF; }
html[data-theme="cuaderno"][data-size="tablet-v"] .kh-account-sheet .kh-acc-signout { height: 50px; }
html[data-theme="cuaderno"] .kh-acc-kh { font: 700 22px/1.15 var(--t-font-accent); color: var(--t-text); transform: rotate(-1deg); }

/* ── Mis compas (C-MisCompas-Desktop, C-MisCompas-MovilV, C-KH-MisCompas-MovilV) ───────────────────────────────── */
html[data-theme="cuaderno"] .kh-compas,
html[data-theme="cuaderno"][data-size="desktop"] .kh-compas { width: auto; align-self: stretch; gap: 12px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compas {
  display: grid; grid-template-columns: minmax(0, 1fr) 360px; column-gap: 48px; row-gap: 16px; align-items: start;
}
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compas > :not(.kh-compas__how) { grid-column: 1; }
html[data-theme="cuaderno"] .kh-compas .kh-page-head { flex-direction: column; align-items: flex-start; gap: 6px; }
html[data-theme="cuaderno"] .kh-compas .kh-back {
  width: auto; height: auto; border: 0; background: none; border-radius: 0; display: inline; padding: 0; text-decoration: underline;
}
html[data-theme="cuaderno"] .kh-compas .kh-back::after { content: attr(aria-label); font: 600 14px var(--t-font-text); }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]) .kh-compas .kh-back { padding: 12px 0; }
html[data-theme="cuaderno"] .kh-compas .kh-page-head__title { font: 700 44px/1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compas .kh-page-head__title { font-size: 56px; }
html[data-theme="cuaderno"]:not([data-size="desktop"]):not([data-size="tablet-h"]) .kh-compas .kh-page-head__title { margin-top: -8px; }
html[data-theme="cuaderno"] .kh-compas .kh-page-head__count { display: none; }
html[data-theme="cuaderno"] .kh-compas .kh-page-head .kh-account { display: none; }
html[data-theme="cuaderno"] .kh-compas__tag { display: none; }
html[data-theme="cuaderno"] .kh-compas__intro { font: 400 14px var(--t-font-text); font-style: normal; color: var(--t-text); }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compas__intro { font-size: 16px; }
html[data-theme="cuaderno"] .kh-compas__list { gap: 14px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compas__list { margin-top: 8px; gap: 16px; }
html[data-theme="cuaderno"] .kh-compas__item:nth-child(3n+1) { --c-rot: -0.4deg; --c-ini: #FFE45C; }
html[data-theme="cuaderno"] .kh-compas__item:nth-child(3n+2) { --c-rot: 0.3deg; --c-ini: #FFD3D0; }
html[data-theme="cuaderno"] .kh-compas__item:nth-child(3n) { --c-rot: -0.2deg; --c-ini: #CDEBFF; }
/* La tarjeta (borde de tinta, rotada) es un ::before sobre sus filas; la confirmación va aparte, en una nota rosada */
html[data-theme="cuaderno"] .kh-compa {
  position: relative; isolation: isolate; border: 0; border-radius: 0; background: none; padding: 0; gap: 0;
  display: grid; grid-template-columns: 14px 50px minmax(0, 1fr) 14px; grid-template-rows: 12px auto auto auto 12px auto auto;
  column-gap: 0; align-items: center;
}
html[data-theme="cuaderno"] .kh-compa::before {
  content: ''; grid-column: 1 / -1; grid-row: 1 / 6; align-self: stretch; z-index: -1; background: #FFFFFF;
  border: 2px solid var(--t-border); transform: rotate(var(--c-rot, 0deg));
}
html[data-theme="cuaderno"] .kh-compa[data-paused="true"]::before { background: #EEF1F7; }
html[data-theme="cuaderno"] .kh-compa__row { display: contents; }
html[data-theme="cuaderno"] .kh-compa[data-paused="true"] .kh-compa__row { opacity: 1; }
html[data-theme="cuaderno"] .kh-compa__ini {
  grid-column: 2; grid-row: 2; width: 50px; height: 50px; box-sizing: border-box; border: 2px solid var(--t-border); border-radius: 12px;
  background: var(--c-ini, #FFE45C); font: 800 24px var(--t-font-display); color: var(--t-text);
}
html[data-theme="cuaderno"] .kh-compa[data-paused="true"] .kh-compa__ini { filter: grayscale(1); }
html[data-theme="cuaderno"] .kh-compa__text { grid-column: 3; grid-row: 2; margin-left: 12px; display: flex; flex-direction: column; gap: 2px; }
html[data-theme="cuaderno"] .kh-compa__nick { font: 800 18px/1.2 var(--t-font-display); }
html[data-theme="cuaderno"] .kh-compa__meta { font-size: 13px; color: var(--t-text); }
html[data-theme="cuaderno"] .kh-compa__paused { grid-column: 2 / 4; grid-row: 3; margin-top: 10px; font: 700 21px/1.1 var(--t-font-accent); font-style: normal; color: var(--t-text); }
html[data-theme="cuaderno"] .kh-compa > .kh-compa__actions { grid-column: 2 / 4; grid-row: 4; margin-top: 10px; gap: 10px; }
html[data-theme="cuaderno"] .kh-compa .kh-compa__actions .kh-btn { font-size: 15px; padding: 0 18px; min-height: 44px; }
html[data-theme="cuaderno"] .kh-compa .kh-compa__actions .kh-btn--ghost { background: #FFFFFF; color: var(--t-text); border: 2px solid var(--t-border); font-weight: 700; }
html[data-theme="cuaderno"] .kh-compa__err { grid-column: 1 / -1; grid-row: 6; margin-top: 8px; color: var(--t-red-strong); }
html[data-theme="cuaderno"] .kh-compa__confirm {
  grid-column: 1 / -1; grid-row: 7; margin-top: 8px; border: 0; padding: 12px 14px; background: #FFD3D0;
  box-shadow: var(--c-shadow-s); transform: rotate(-0.8deg); gap: 10px;
}
html[data-theme="cuaderno"] .kh-compa__question { font: 700 14px var(--t-font-text); }
html[data-theme="cuaderno"] .kh-compa__note { font-style: normal; font-weight: 400; color: var(--t-text); }
html[data-theme="cuaderno"] .kh-compa__confirm .kh-compa__actions { gap: 10px; }
/* Escritorio: inicial, apodo y botones en una fila; la confirmación entra 76 px */
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa {
  grid-template-columns: 18px 60px minmax(0, 1fr) auto 18px; grid-template-rows: 14px auto auto 14px auto auto;
}
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa::before { grid-row: 1 / 5; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__ini { grid-row: 2 / 4; width: 60px; height: 60px; font-size: 28px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__text { grid-row: 2; margin-left: 16px; gap: 3px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__nick { font-size: 21px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__meta { font-size: 14px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__paused { grid-column: 3; grid-row: 3; margin: 3px 0 0 16px; font-size: 22px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa > .kh-compa__actions { grid-column: 4; grid-row: 2 / 4; margin: 0 0 0 16px; display: flex; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__err { grid-row: 5; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__confirm {
  grid-row: 6; margin: 10px 0 0 76px; padding: 14px 18px; flex-direction: row; align-items: center; gap: 14px;
  box-shadow: var(--c-shadow); transform: rotate(-0.6deg);
}
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__question { flex-grow: 1; font-size: 15px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__confirm .kh-compa__actions { display: flex; gap: 14px; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compa__confirm .kh-btn { padding: 0 16px; }
/* Nota "¿Cómo llega alguien aquí?" (escritorio) */
html[data-theme="cuaderno"] .kh-compas__how { display: none; }
html[data-theme="cuaderno"]:is([data-size="desktop"], [data-size="tablet-h"]) .kh-compas__how {
  grid-column: 2; grid-row: 1 / span 4; margin-top: 110px; display: flex; flex-direction: column; gap: 8px;
  background: #FFF3A6; padding: 18px 20px; transform: rotate(1.2deg); box-shadow: var(--c-shadow);
}
html[data-theme="cuaderno"] .kh-compas__how-title { font: 700 28px/1 var(--t-font-accent); color: var(--t-red); }
html[data-theme="cuaderno"] .kh-compas__how-text { font-size: 14px; line-height: 1.45; }
html[data-theme="cuaderno"] .kh-compas__empty .kh-empty__title { font: 700 26px/1.1 var(--t-font-accent); color: var(--t-red); letter-spacing: 0; }

/* ── Rankings · 3 tableros lado a lado · desviaciones comunes: la vista emite `.kh-rk-trio` en tablet H y escritorio,
   pero C-TabletH y C-Rankings-Desktop dibujan solo el tablero elegido; aquí no se muestra. */
html[data-theme="cuaderno"] .kh-rk-trio, html[data-theme="cuaderno"] .kh-rk-trio__caption { display: none; }

/* ── Rankings · cuántas filas muestra la lista (desviaciones comunes, punto 3): los marcos C-Rankings-* y C-TabletH
   llegan hasta el 6.º; tu fila nunca se esconde. */
html[data-theme="cuaderno"] .kh-rk-main > .kh-rk-list > .kh-rk-row:nth-child(n+4):not([data-me]) { display: none; }

/* ── Desviaciones comunes, punto 4 · elementos que faltaban ───────────────────────────────────────────────────────
   "7 hitos" a mano en rojo junto al apodo (C-Desktop y los demás marcos de escritorio); "¡Vas 1.º en Medio! Defiende el
   puesto." al pie de la tarjeta de ranking (C-Desktop); sin partidas con "Libreta de Emekui" (C-Estado-SinPartidas-MovilV);
   sin ícono, solo la grilla (C-Estado-SinIcono-MovilV). */
html[data-theme="cuaderno"] .kh-account__hitos { display: none; font: 400 20px/1 var(--t-font-accent); color: var(--t-red); }
html[data-theme="cuaderno"][data-size="desktop"] .kh-shell .kh-account--pill .kh-account__hitos { display: inline; }
html[data-theme="cuaderno"] .kh-board__cheer {
  margin: auto 0 0; align-self: flex-start; font: 700 24px/1.1 var(--t-font-accent); color: var(--t-red); transform: rotate(-2deg);
}
html[data-theme="cuaderno"] .kh-board:has(.kh-board__games) > .kh-board__cheer { grid-row: 7; }
html[data-theme="cuaderno"] .kh-mis[data-state="empty"] .kh-season__sub,
html[data-theme="cuaderno"] .kh-mis[data-state="empty"] .kh-season__hitos,
html[data-theme="cuaderno"] .kh-mis[data-state="empty"] .kh-stats,
html[data-theme="cuaderno"] .kh-mis[data-state="empty"] .kh-season__note { display: none; }
html[data-theme="cuaderno"] .kh-inicio[data-state="sin-icono"] [data-slot="rooms"],
html[data-theme="cuaderno"] .kh-inicio[data-state="sin-icono"] .kh-featured,
html[data-theme="cuaderno"] .kh-inicio[data-state="sin-icono"] .kh-greet { display: none; }

/* ── Desviaciones comunes · QA del Mac: "Pasapaloma · sala GATO" en una línea en móvil (C-MovilV, C-KH-MovilV); ni el
   juego ni "sala GATO" se parten. */
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--home .kh-room__game,
html[data-theme="cuaderno"][data-size="movil-v"] .kh-rooms--home .kh-room__code,
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-room__game,
html[data-theme="cuaderno"][data-size="movil-h"] .kh-rooms--home .kh-room__code { white-space: nowrap; }

/* BUG-35: indicador de fila deslizable (si la fila se desborda): tinta azul sobre papel */
html[data-theme="cuaderno"] .kh-scroll-more__btn { border: 2px solid #1E2B5C; background: #FFFFFF; color: #1E2B5C; border-radius: 48% 52% 50% 46%; }
html[data-theme="cuaderno"] .kh-scroll-more__dot { background: #B9C3DA; opacity: 1; }
html[data-theme="cuaderno"] .kh-scroll-more__dot[data-on] { background: #1E2B5C; }

/* Vista previa (req. 4.4 · D23): tinta azul sobre papel */
html[data-theme="cuaderno"] .kh-preview-btn { border: 2px solid #1E2B5C; background: #FFFFFF; color: #1E2B5C; }
html[data-theme="cuaderno"] .kh-pv { border: 2px solid #1E2B5C; }
html[data-theme="cuaderno"] .kh-pv__close, html[data-theme="cuaderno"] .kh-pv__nav { border: 2px solid #1E2B5C; color: #1E2B5C; background: #FFFFFF; }
/* Vista previa: aquí el cuerpo del destacado es display: contents; el 👀 va en su esquina, sin texto visible (aria-label) */
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__body > .kh-preview-btn { position: absolute; top: 8px; right: 8px; margin: 0; min-height: 32px; padding: 0 6px; }
html[data-theme="cuaderno"][data-kh][data-size="movil-h"] .kh-featured__body > .kh-preview-btn .kh-preview-btn__text { display: none; }