@font-face{font-family:"Baloo 2";src:url(/assets/baloo-2-B_TVFhwJ.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/nunito-BzFMHfZw.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}:root{--cielo:#8fd8f5;--cielo-fuerte:#4fb3e8;--hierba:#6faf45;--hierba-oscura:#4a6737;--bg:#fff8e8;--surface:#fffdf7;--ink:#3a2a1e;--ink-soft:#6f5a48;--line:#eadcc6;--accent:#e8862a;--accent-oscuro:#c96a16;--accent-ink:#fff;--morado:#7b4fa8;--verde:#4e9a45;--danger:#d9534f;--dorado:#f5c542;--radius:24px;--radio-boton:999px;--alto-boton:56px;--fuente-titulo:"Baloo 2", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--fuente-texto:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sombra-suave:0 6px 18px #3a2a1e1f;--sombra:0 16px 38px #2e241a33;--patron:radial-gradient(#3a2a1e0b 1px, transparent 1.2px);--fondo-juego:linear-gradient(#fff8e8e6, #fff8e8f2), url(/media/fondo.webp)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);background-image:var(--patron);color:var(--ink);font-family:var(--fuente-texto);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background-size:22px 22px;font-weight:600}.app{isolation:isolate;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:12px;display:flex;position:relative}.fondo-inicio{z-index:-1;background:url(/media/inicio.webp) 50%/cover no-repeat;position:fixed;inset:0}.app--raiz .bar__title{display:none}.app--inicio .boton-icono{background:#ffffffd9}.app--inicio .galeria{scrollbar-width:none;-webkit-backdrop-filter:blur(8px)saturate(1.15);backdrop-filter:blur(8px)saturate(1.15);cursor:grab;background:linear-gradient(#ffffff0a,#ffffff4d);border-radius:24px;flex:none;align-items:flex-start;gap:12px;min-height:128px;margin:auto 0 0;padding:12px 16px;display:flex;overflow:auto hidden;box-shadow:0 -8px 26px #14283229}.app--inicio .galeria:active{cursor:grabbing}.app--inicio .galeria::-webkit-scrollbar{display:none}.app--inicio .tarjeta{transform-origin:bottom;border-color:#ffffffbf;border-radius:16px;flex:0 0 132px;transform:perspective(600px)rotateX(12deg);box-shadow:0 16px 26px #061e2d52}.app--inicio .tarjeta__imagen{aspect-ratio:4/3}.app--inicio .tarjeta__nombre{height:calc(3.75em + 14px);padding:7px 10px;font-size:.9375rem}.app--inicio .vacio{color:var(--ink);background:#fffc;border-radius:14px;align-self:center;margin:auto;padding:12px 18px}.app--juego{background-image:var(--fondo-juego);background-position:50%;background-size:cover}.bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.bar__title{letter-spacing:.02em;margin:0;font-size:1.375rem}.bar__hint{color:var(--ink-soft);font-size:.875rem}.bar__acciones{align-items:center;gap:8px;display:flex}.boton{min-height:var(--alto-boton);border-radius:var(--radio-boton);background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;padding:0 24px;font-size:1.0625rem;font-weight:600;transition:transform 80ms,filter .15s}.boton:active{transform:scale(.97)}.boton:disabled{opacity:.45;cursor:default;transform:none}.boton--secundario{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.boton-icono{width:46px;height:46px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.5rem;line-height:0;display:grid}.boton-icono svg{margin:auto;display:block}.boton-icono:hover{background:var(--bg)}.galeria{flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;gap:16px;min-height:0;padding:4px;display:grid;overflow-y:auto}.vacio{text-align:center;color:var(--ink-soft);grid-column:1/-1;margin:48px 0;line-height:1.6}.tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.tarjeta__abrir{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.tarjeta__imagen{aspect-ratio:1;object-fit:cover;object-position:center top;background:var(--bg);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.tarjeta__nombre{-webkit-line-clamp:3;letter-spacing:.05em;text-transform:uppercase;-webkit-box-orient:vertical;height:calc(3.75em + 20px);padding:10px 12px;font-size:1.0625rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.stage{flex:1;gap:16px;min-height:0;display:flex}.tray{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:clamp(180px,22vw,280px);padding:12px;display:flex;overflow:hidden}.tray__empty{color:var(--ink-soft);text-align:center;font-size:.8rem}.acciones{flex-direction:column;justify-content:center;gap:12px;display:flex}.board-wrap{flex:1;place-items:center;min-width:0;display:grid}.board{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);width:auto;height:100%;aspect-ratio:var(--cols) / var(--rows);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);touch-action:none;gap:4px;padding:4px;display:grid}.board__slot{border:1px dashed var(--line);background:#f7fafc;border-radius:6px;position:relative}.rotulo{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:8px 24px;font-size:1.375rem;font-weight:700}.visor{z-index:40;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.visor__imagen{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:72dvh}.visor__nombre{letter-spacing:.06em;margin:0;font-size:1.5rem;font-weight:700}.modal{z-index:100;background:#24323d8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal__panel{background:var(--surface);border-radius:22px;width:min(560px,100%);max-height:90dvh;padding:24px;overflow-y:auto}.modal__cabecera{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal__titulo{margin:0;font-size:1.25rem}.modal__texto{color:var(--ink-soft);margin:0 0 16px}.modal__opciones{flex-wrap:wrap;gap:12px;display:flex}.modal__acciones{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.previa{object-fit:contain;background:var(--bg);border-radius:12px;width:100%;max-height:40dvh;margin-bottom:16px;display:block}.campo{display:block}.campo__etiqueta{color:var(--ink-soft);margin-bottom:6px;font-size:.9rem;display:block}.campo__input{width:100%;min-height:var(--alto-boton);border:1px solid var(--line);border-radius:var(--radio-boton);background:var(--bg);color:var(--ink);font:inherit;letter-spacing:.06em;text-transform:uppercase;padding:0 16px;font-size:1.125rem;font-weight:700}.campo__input:focus{outline:3px solid var(--accent);outline-offset:1px}.aviso-error{color:var(--danger);margin:12px 0 0;font-size:.95rem}.bandeja{flex:1;place-content:center;width:100%;min-width:0;min-height:0;display:grid}.pieza{background-color:var(--bg);touch-action:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:10px;box-shadow:0 2px 8px #141e2829}.pieza--bandeja:hover{box-shadow:0 4px 14px #141e2838}.pieza--flotante{z-index:200;pointer-events:none;cursor:grabbing;will-change:transform;position:fixed;top:0;left:0;box-shadow:0 18px 36px #141e2859}.board__slot--lleno{background:0 0;border:0}.pieza--colocada{width:100%;height:100%;box-shadow:none;border-radius:4px;animation:.18s ease-out encajar}@keyframes encajar{0%{opacity:.5;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.final{z-index:60;background:var(--bg);place-items:center;padding:24px;animation:.22s ease-out aparecer;display:grid;position:fixed;inset:0}.final__panel{background:var(--surface);border-radius:24px;flex-direction:column;align-items:center;gap:16px;max-height:100%;padding:28px;display:flex;box-shadow:0 18px 48px #141e2829}.final__imagen{border-radius:var(--radius);max-width:min(70vw,640px);max-height:60dvh;box-shadow:0 12px 32px #141e282e}.final__nombre{letter-spacing:.08em;margin:0;font-size:2rem;font-weight:800}.final__acciones{gap:12px;display:flex}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pieza--colocada,.final{animation:none}.boton{transition:none}}.ajustes{flex-direction:column;flex:1;gap:24px;min-height:0;padding:4px;display:flex;overflow-y:auto}.ajustes__seccion{flex-direction:column;gap:12px;display:flex}.ajustes__titulo{color:var(--ink-soft);margin:0;font-size:1.0625rem;font-weight:600}.ajustes__vacio{color:var(--ink-soft);margin:0}.opciones{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.opcion{border:2px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;display:flex}.opcion--activa{border-color:var(--accent);box-shadow:0 0 0 3px #2f7fd129}.opcion__vista{gap:2px;width:64px;height:64px;display:grid}.opcion__celda{background:var(--line);border-radius:2px}.opcion--activa .opcion__celda{background:var(--accent)}.opcion__etiqueta{font-size:1.25rem;font-weight:700}.opcion__detalle{color:var(--ink-soft);font-size:.8125rem}.lista-imagenes{flex-direction:column;gap:8px;display:flex}.fila{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.fila-imagen__foto{object-fit:cover;background:var(--bg);border-radius:10px;width:56px;height:56px}.fila__texto{letter-spacing:.05em;flex:1;font-weight:700}.pin{z-index:120;background:#24323d99;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pin__panel{background:var(--surface);border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);padding:28px;display:flex}.pin__titulo{margin:0;font-size:1.25rem}.pin__texto{color:var(--ink-soft);text-align:center;margin:0;font-size:.9375rem}.pin__puntos{gap:16px;margin:4px 0;display:flex}.pin__punto{border:2px solid var(--line);border-radius:50%;width:18px;height:18px}.pin__punto--lleno{background:var(--accent);border-color:var(--accent)}.pin__teclado{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.tecla{border:1px solid var(--line);background:var(--bg);min-height:64px;color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;font-size:1.375rem;font-weight:700}.tecla:active{transform:scale(.97)}.tecla--vacia{visibility:hidden}.aviso{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.aviso__texto{flex:1;margin:0;font-size:.9375rem}.boton--peligro{background:var(--danger);color:#fff}.confirmacion__acciones{gap:12px;margin-top:8px;display:flex}.recorte{flex-direction:column;gap:12px;display:flex}.recorte__marco{touch-action:none;cursor:grab;background:#0f1720;border-radius:14px;width:100%;max-width:420px;margin:0 auto;position:relative;overflow:hidden}.recorte__imagen{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;position:absolute;top:0;left:0}.recorte__zoom{align-items:center;gap:12px;font-size:.9375rem;display:flex}.recorte__zoom input{height:32px;accent-color:var(--accent);flex:1}.recorte__ayuda{color:var(--ink-soft);text-align:center;margin:0;font-size:.875rem}.elegir{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow-y:auto}.opciones--grandes{gap:16px;width:100%;max-width:1000px}.opciones--grandes .opcion{gap:12px;padding:20px 16px}.opciones--grandes .opcion__vista{gap:3px;width:96px;height:96px}.opciones--grandes .opcion__etiqueta{font-size:1.75rem}.interruptor{background:var(--line);cursor:pointer;border:0;border-radius:999px;flex:none;width:64px;height:36px;padding:0;transition:background .15s;position:relative}.interruptor--activo{background:var(--accent)}.interruptor__bola{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #00000040}.interruptor--activo .interruptor__bola{transform:translate(28px)}.fila__ayuda{letter-spacing:0;color:var(--ink-soft);margin-top:2px;font-size:.8125rem;font-weight:400;display:block}.felicitacion{color:var(--accent);text-align:center;margin:0;font-size:1.875rem;font-weight:800;animation:2.4s ease-out both flotar-frase}@keyframes flotar-frase{0%{opacity:0;transform:translateY(28px)scale(.9)}30%{opacity:1;transform:translateY(0)scale(1.02)}55%{transform:translateY(-6px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.felicitacion{animation:none}.interruptor,.interruptor__bola{transition:none}}@media (orientation:portrait){.stage{flex-direction:column}.board-wrap{order:1}.tray{order:2;width:auto;height:24dvh;min-height:120px}.acciones{flex-direction:row;order:3;justify-content:center}.app--inicio .galeria{min-height:150px}.opciones--grandes .opcion__vista{width:72px;height:72px}.bar{flex-wrap:wrap}}@media (width<=680px){:root{--alto-boton:48px}.app{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:8px}.bar__title{font-size:1.0625rem}.rotulo{padding:6px 14px;font-size:1.125rem}.bar__hint{font-size:.8125rem}.app--inicio .tarjeta{flex-basis:112px}}.bar__izquierda{align-items:center;gap:12px;min-width:0;display:flex}.bar__izquierda .bar__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.375rem;overflow:hidden}.tarjeta--carpeta .tarjeta__imagen--vacia{background:var(--line);display:block}.tarjeta__insignia{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:26px;padding:2px 8px;font-size:.8125rem;font-weight:700;position:absolute;top:8px;right:8px}.recorte__paso{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.8125rem;font-weight:700}.segmentado{flex-wrap:wrap;gap:8px;display:flex}.segmentado__opcion{min-width:96px;min-height:var(--alto-boton);border:1px solid var(--line);border-radius:var(--radio-boton);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;flex:1 1 0;padding:0 16px;font-weight:600}.segmentado__opcion--activa{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.aviso-ocupado{background:var(--accent);color:#fff;text-align:center;border-radius:12px;margin:0;padding:10px 14px;font-weight:600}select.campo__input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.boton--pequeno{min-height:46px;padding:0 14px;font-size:.9375rem}.board-wrap{position:relative}.board--ayuda{cursor:pointer}.pieza--ayuda{opacity:.5;width:100%;height:100%;box-shadow:none;pointer-events:none;border-radius:4px}.board__pista{color:var(--ink);pointer-events:none;white-space:nowrap;background:#ffffffeb;border-radius:999px;margin:0;padding:6px 14px;font-size:.8125rem;font-weight:600;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1428322e}.stage{position:relative}.pausa{z-index:5;cursor:pointer;background:0 0;position:absolute;inset:0}.board__pista{z-index:6}.bar__title--carpeta{border:1px solid var(--line);background:var(--surface);color:var(--ink);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:6px 18px;font-size:1.125rem;box-shadow:0 4px 12px #1428321f}.fila__bloqueo{color:var(--ink-soft);border:1px dashed var(--line);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.8125rem;font-weight:700}h1,h2,h3,.bar__title,.modal__titulo,.ajustes__titulo,.final__nombre,.pin__titulo{font-family:var(--fuente-titulo);letter-spacing:.01em;color:var(--ink);font-weight:800}.bar__title{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.05}.bar__hint{border:2px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;padding:8px 14px;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 2px #e8dac4}.boton{min-height:var(--alto-boton);border:2px solid var(--accent-oscuro);background:var(--accent);color:var(--accent-ink);font-family:var(--fuente-texto);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 5px #b95f12}.boton:hover{transform:translateY(-2px);box-shadow:0 7px #b95f12}.boton:active{transform:translateY(2px);box-shadow:0 2px #b95f12}.boton:disabled{opacity:.5;transform:none;box-shadow:0 3px #b95f12}.boton--secundario{background:var(--surface);color:var(--ink);border-color:#e6d7c0;box-shadow:0 4px #e3d4bd}.boton--secundario:hover{box-shadow:0 6px #e3d4bd}.boton--secundario:active{box-shadow:0 1px #e3d4bd}.boton--pequeno{background:var(--surface);min-height:44px;color:var(--ink);border-color:#e6d7c0;border-radius:14px;padding:0 16px;font-size:.9rem;box-shadow:0 3px #e3d4bd}.boton--pequeno:hover{box-shadow:0 5px #e3d4bd}.boton--peligro{background:var(--danger);border-color:#b4403c;box-shadow:0 4px #a53a36}.boton-icono{background:var(--surface);width:48px;height:48px;color:var(--ink);border:2px solid #e6d7c0;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px #e3d4bd}.boton-icono:hover{transform:translateY(-1px);box-shadow:0 5px #e3d4bd}.rotulo{background:var(--surface);min-height:56px;color:var(--ink);font-family:var(--fuente-titulo);letter-spacing:.03em;border:2px solid #e6d7c0;border-radius:999px;padding:0 26px;font-size:clamp(1.4rem,3.4vw,2rem);font-weight:800;box-shadow:0 5px #e3d4bd}.rotulo:active{transform:translateY(2px);box-shadow:0 2px #e3d4bd}.bar__title--carpeta{border:2px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--fuente-titulo);box-shadow:0 3px #e8dac4}.tarjeta{background:var(--surface);border:3px solid #fff;border-radius:22px;box-shadow:0 6px #3a2a1e1a,0 12px 24px #3a2a1e21}.app--inicio .tarjeta{border:3px solid #fff;border-radius:22px;box-shadow:0 6px #3a2a1e29,0 14px 26px #061e2d47}.tarjeta__nombre{font-family:var(--fuente-titulo);color:var(--ink);font-weight:800}.tarjeta__insignia{background:var(--accent);color:#fff;font-family:var(--fuente-titulo);font-weight:800}.modal__panel{background:var(--surface);box-shadow:var(--sombra);border:3px solid #fff;border-radius:26px}.modal__titulo{font-size:1.35rem}.campo__etiqueta{color:var(--ink-soft);font-weight:800}.campo__input{border:2px solid var(--line);background:var(--surface);min-height:52px;color:var(--ink);font-family:var(--fuente-texto);border-radius:14px;padding:0 14px;font-weight:700}.campo__input:focus{outline:3px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.interruptor[aria-checked=true]{background:var(--accent)}.tecla{background:var(--surface);color:var(--ink);font-family:var(--fuente-titulo);border:2px solid #e6d7c0;border-radius:18px;font-size:1.5rem;font-weight:800;box-shadow:0 4px #e3d4bd}.tecla:active{transform:translateY(2px);box-shadow:0 1px #e3d4bd}.ajustes__seccion{border:2px solid var(--line);background:var(--surface);border-radius:20px;box-shadow:0 4px #3a2a1e14}.fila{border-bottom:1px solid var(--line)}.ajustes__titulo{font-size:1.15rem}.pieza{border-radius:10px;box-shadow:0 3px #3a2a1e2e}.board__slot{border:2px dashed var(--line);background:#fffdf78c;border-radius:10px}.board__slot--lleno{border-style:solid;border-color:#fff}.tray{border:2px solid var(--line);background:var(--surface);box-shadow:0 4px #3a2a1e14}.ajustes__seccion>.boton,.ajustes__seccion>.modal__acciones{align-self:flex-start}.opcion{background:var(--surface);border:3px solid #fff;border-radius:22px;box-shadow:0 6px #3a2a1e1a,0 12px 24px #3a2a1e1f}.opcion:hover{transform:translateY(-3px);box-shadow:0 9px #3a2a1e1a,0 16px 30px #3a2a1e29}.opcion--activa,.opcion[aria-pressed=true]{border-color:var(--accent);box-shadow:0 6px 0 var(--accent-oscuro), 0 14px 28px #e8862a47}