:root{--fondo:#fff;--texto:#0f0f12;--texto-suave:#5c5c66;--acento:#c4007a;--acento-2:#1f3be6;--linea:#0f0f12;--campo:#fff;--aqua:#7fe8e0;--chicle:#ffa6d5;--lavanda:#cdb8ff;--melon:#ffbe98;--fluor:#e9ff3c;--verde:#5cff9d;--neon:#ff4fb0;--sobre-neon:#0f0f12;--f-pixel:"Pixelify Sans", Verdana, sans-serif;--f-voz:"DotGothic16", Verdana, sans-serif;--f-lectura:"Atkinson Hyperlegible", system-ui, sans-serif;--f-dato:"Workbench", ui-monospace, Menlo, monospace;--t-0:.75rem;--t-1:.875rem;--t-2:1.0625rem;--t-3:1.2rem;--t-4:1.5rem;--t-5:2.4rem;--e-1:.25rem;--e-2:.5rem;--e-3:1rem;--e-4:1.5rem;--e-5:2.5rem;--e-6:4rem;--ancho:46rem;--px:3px;--radio:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fondo:#15102b;--texto:#f4efff;--texto-suave:#b9aedc;--acento:#ff6ec7;--acento-2:#5ef0e6;--linea:#f4efff;--campo:#201a3a;--aqua:#1d5f5c;--chicle:#6b2a52;--lavanda:#3b2f6e;--melon:#6e3a24;--fluor:#e9ff3c;--verde:#1f6b44;--neon:#ff6ec7;--sobre-neon:#15102b}}:root[data-theme=dark]{--fondo:#15102b;--texto:#f4efff;--texto-suave:#b9aedc;--acento:#ff6ec7;--acento-2:#5ef0e6;--linea:#f4efff;--campo:#201a3a;--aqua:#1d5f5c;--chicle:#6b2a52;--lavanda:#3b2f6e;--melon:#6e3a24;--fluor:#e9ff3c;--verde:#1f6b44;--neon:#ff6ec7;--sobre-neon:#15102b}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overflow-x:clip}body{background:var(--fondo);color:var(--texto);font-family:var(--f-lectura);font-size:var(--t-2);background-image:radial-gradient(var(--chicle) 2px, transparent 2.5px), radial-gradient(var(--aqua) 2px, transparent 2.5px), radial-gradient(var(--lavanda) 2px, transparent 2.5px);background-position:0 0,40px 60px,80px 20px;background-size:90px 90px,130px 130px,170px 170px;min-height:100dvh;margin:0;line-height:1.5}:focus-visible{outline:3px solid var(--acento-2);outline-offset:3px}.consola{width:min(100% - 2rem, var(--ancho));background:var(--fondo);border:var(--px) solid var(--linea);box-shadow:8px 8px 0 var(--neon), 8px 8px 0 var(--px) var(--linea);margin:2.5rem auto 4rem;position:relative}.garabato{pointer-events:none;width:110px;height:110px;position:absolute}.garabato--a{top:-34px;left:-40px}.garabato--b{bottom:-78px;right:-48px;transform:rotate(160deg)}.garabato path{fill:none;stroke:var(--linea);stroke-width:6px;stroke-linecap:round}.garabato .relleno{fill:var(--fluor);stroke:var(--linea);stroke-width:4px}.garabato .relleno-2{fill:var(--aqua);stroke:var(--linea);stroke-width:4px}.barra{justify-content:space-between;align-items:center;gap:var(--e-3);padding:.55rem var(--e-3);border-bottom:var(--px) solid var(--linea);background:repeating-linear-gradient(135deg, var(--lavanda) 0 14px, var(--aqua) 14px 28px);font-family:var(--f-pixel);letter-spacing:.04em;font-size:1.15rem;font-weight:700;display:flex}.barra a{color:var(--texto);background:var(--fondo);border:2px solid var(--linea);padding:.1rem .5rem;text-decoration:none}.fichas{white-space:nowrap;font-family:var(--f-dato);font-size:var(--t-1);background:var(--fondo);border:2px solid var(--linea);font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;padding:.2rem .5rem;font-weight:400;display:flex}.moneda{background:var(--fluor);border:2px solid var(--linea);border-radius:50%;width:14px;height:14px}.moneda--gastada{opacity:.4;background:0 0}.pantalla{padding:var(--e-5) 1.25rem;gap:1.75rem;display:grid}.frase{font-family:var(--f-pixel);font-weight:700;font-size:clamp(1.7rem, 4.8vw, var(--t-5));text-wrap:balance;margin:0;line-height:1.12}.frase mark{background:var(--fluor);color:#0f0f12;padding:0 .15em}.frase em{color:var(--acento);font-style:normal}.conversacion{gap:var(--e-4);flex-direction:column;display:flex}.hilo{gap:var(--e-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dialogo{gap:var(--e-3);grid-template-columns:104px 1fr;align-items:start;display:grid}.marco{background:var(--fondo);border:var(--px) solid var(--linea);width:104px;height:104px;box-shadow:4px 4px 0 var(--acento-2);place-items:center;display:grid;overflow:hidden}.gesto{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cuadro{border:var(--px) solid var(--linea);padding:var(--e-3) 1.1rem;background:var(--aqua);color:var(--texto);font-family:var(--f-voz);font-size:var(--t-3);box-shadow:6px 6px 0 var(--chicle), 6px 6px 0 var(--px) var(--linea);line-height:1.45;position:relative}.cuadro:before{content:"";background:var(--aqua);border-left:var(--px) solid var(--linea);border-bottom:var(--px) solid var(--linea);width:12px;height:12px;position:absolute;top:28px;left:-15px;transform:rotate(45deg)}.cuadro .nombre{font-family:var(--f-dato);font-size:var(--t-0);letter-spacing:.04em;margin-bottom:.35rem;display:block}.cuadro p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.cursor{background:var(--texto);vertical-align:-.2em;width:.6em;height:1.1em;margin-left:.15em;animation:1s steps(2,start) infinite parpadeo;display:inline-block}@keyframes parpadeo{to{visibility:hidden}}.persona{justify-items:end;gap:var(--e-1);padding-left:2rem;display:grid}.persona .nombre{font-family:var(--f-dato);font-size:var(--t-0);color:var(--texto-suave);letter-spacing:.04em}.persona p{background:var(--campo);border:var(--px) solid var(--linea);max-width:100%;padding:var(--e-2) var(--e-3);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:4px 4px 0 var(--lavanda), 4px 4px 0 var(--px) var(--linea);margin:0}.opciones{flex-wrap:wrap;gap:.6rem;margin:0;padding:0 0 0 120px;list-style:none;display:flex}.opciones button{font:700 1rem var(--f-pixel);color:var(--texto);border:var(--px) solid var(--linea);cursor:pointer;box-shadow:3px 3px 0 var(--linea);padding:.4rem .8rem}.opciones li:first-child button{background:var(--chicle)}.opciones li:nth-child(2) button{background:var(--lavanda)}.opciones li:nth-child(3) button{background:var(--verde)}.opciones button:hover{box-shadow:1px 1px 0 var(--linea);translate:2px 2px}.escribir{grid-template-columns:1fr auto;align-items:end;gap:.6rem;padding-left:120px;display:grid}.escribir textarea{font:var(--t-2) var(--f-lectura);color:var(--texto);background:var(--campo);border:var(--px) solid var(--linea);resize:none;border-radius:var(--radio);width:100%;min-width:0;min-height:2.9rem;max-height:10rem;padding:.6rem .8rem}.escribir textarea::placeholder{color:var(--texto-suave)}.escribir button{font:700 1rem var(--f-pixel);color:var(--sobre-neon);background:var(--neon);border:var(--px) solid var(--linea);cursor:pointer;min-height:2.9rem;box-shadow:3px 3px 0 var(--linea);border-radius:var(--radio);padding:0 1rem}.escribir button:disabled{opacity:.5;cursor:default}.aviso{font-size:var(--t-1);margin:0;padding-left:120px}.aviso a{color:var(--acento)}.margen{font-family:var(--f-dato);font-size:var(--t-0);color:var(--texto-suave);letter-spacing:.02em;font-variant-numeric:tabular-nums;padding-left:120px}.zigzag{background-color:var(--fluor);background-image:linear-gradient(135deg, var(--linea) 25%, transparent 25%), linear-gradient(225deg, var(--linea) 25%, transparent 25%);border-top:var(--px) solid var(--linea);border-bottom:var(--px) solid var(--linea);background-size:14px 14px;height:14px}.secciones{grid-template-columns:repeat(3,1fr);display:grid}.secciones section{padding:1.25rem var(--e-3);border-right:var(--px) solid var(--linea)}.secciones section:first-child{background:var(--chicle)}.secciones section:nth-child(2){background:var(--lavanda)}.secciones section:nth-child(3){background:var(--melon);border-right:0}.secciones h2{font:700 1rem var(--f-pixel);letter-spacing:.06em;text-transform:uppercase;margin:0 0 var(--e-2)}.secciones p{margin:0;font-size:1rem}.secciones a{color:var(--texto)}.cartuchos{gap:var(--e-3);padding:1.25rem var(--e-3) 1.5rem;border-top:var(--px) solid var(--linea);flex-wrap:wrap;margin:0;list-style:none;display:flex}.cartucho{border:var(--px) solid var(--linea);width:128px;padding:var(--e-2) var(--e-2) .8rem;box-shadow:3px 3px 0 var(--linea);font-family:var(--f-pixel);font-weight:600}.cartucho:first-child{background:var(--aqua)}.cartucho:nth-child(2){background:var(--chicle)}.cartucho:nth-child(3){background:var(--verde)}.cartucho:nth-child(4){background:var(--lavanda)}.cartucho:nth-child(5){background:var(--fluor);color:#0f0f12}.cartucho .ranura{background:repeating-linear-gradient(90deg, var(--linea) 0 4px, transparent 4px 8px);height:6px;margin-bottom:var(--e-2)}.cartucho .etiqueta{border:2px solid var(--linea);background:var(--fondo);color:var(--texto);min-height:3.4rem;padding:.4rem .45rem;font-size:.9rem;line-height:1.15}.cartucho .etiqueta small{font-family:var(--f-dato);color:var(--texto-suave);margin-top:.3rem;font-size:.7rem;font-weight:400;display:block}.pie{justify-content:space-between;gap:var(--e-3);padding:.6rem var(--e-3);border-top:var(--px) solid var(--linea);font-family:var(--f-dato);font-size:var(--t-0);color:var(--texto-suave);flex-wrap:wrap;display:flex}.pie button{font:inherit;color:var(--acento);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sin-js{font-size:var(--t-1);color:var(--texto-suave);margin:0}@keyframes deriva{to{background-position:90px 90px,170px 190px,250px 190px}}body{animation:90s linear infinite deriva}.barra{background-size:39.6px 39.6px;animation:2.4s linear infinite cinta}@keyframes cinta{to{background-position:39.6px 0}}.garabato{transform-origin:50%;animation:7s ease-in-out infinite mecer}.garabato--b{animation-delay:-3.5s}@keyframes mecer{0%,to{rotate:-5deg}50%{rotate:5deg}}.frase mark{background-color:#0000;background-image:linear-gradient(var(--fluor), var(--fluor));background-repeat:no-repeat;background-size:0% 100%;animation:.7s ease-out .5s forwards resaltar}@keyframes resaltar{to{background-size:100% 100%}}.dialogo,.persona{animation:.35s ease-out both entrar}@keyframes entrar{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.dialogo .marco{animation:.5s cubic-bezier(.2,1.4,.4,1) both saltar}@keyframes saltar{0%{scale:.7}to{scale:1}}.dialogo:last-of-type .gesto{transform-origin:50% 100%;animation:4s ease-in-out infinite respirar}@keyframes respirar{0%,to{scale:1}50%{scale:1.03}}.zigzag{animation:1.2s linear infinite caminar}@keyframes caminar{to{background-position:14px 0}}.moneda{transition:opacity .3s}.moneda--gastada{animation:.6s ease-out gastar}@keyframes gastar{0%{rotate:0deg;scale:1}50%{rotate:180deg;scale:1.4}to{rotate:360deg;scale:1}}.cartucho{transition:translate .15s,rotate .15s,box-shadow .15s}.cartucho:hover{box-shadow:6px 8px 0 var(--linea);translate:-2px -4px;rotate:-1.5deg}.opciones button,.escribir button{transition:translate .1s,box-shadow .1s}.escribir button:not(:disabled):hover{box-shadow:1px 1px 0 var(--linea);translate:2px 2px}@media (prefers-reduced-motion:reduce){body,.barra,.garabato,.frase mark,.dialogo,.persona,.dialogo .marco,.dialogo:last-of-type .gesto,.zigzag,.moneda--gastada{animation:none}.frase mark{background-size:100% 100%}.cursor{animation:none}.opciones button:hover,.escribir button:hover,.cartucho:hover{transform:translate(0,0)rotate(0)}}@media (width<=640px){.consola{margin-top:1.5rem}.garabato{width:70px;height:70px}.garabato--a{top:-24px;left:-18px}.garabato--b{bottom:-56px;right:-20px}.barra{font-size:1rem}.dialogo{grid-template-columns:72px 1fr}.marco{width:72px;height:72px}.cuadro{font-size:1.05rem}.opciones,.escribir,.aviso,.margen{padding-left:0}.persona{padding-left:1rem}.secciones{grid-template-columns:1fr}.secciones section{border-right:0;border-bottom:var(--px) solid var(--linea)}.secciones section:last-child{border-bottom:0}}