.htpc-scanlines{position:relative;isolation:isolate}.fx-scanlines .htpc-scanlines:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(180deg,var(--c-scanline) 0 1px,transparent 1px 3px);opacity:calc(.55 * var(--fx-scanlines));mix-blend-mode:multiply}.fx-scanlines .htpc-scanlines--brillo:before{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--c-cyan) 6%,transparent),transparent);opacity:var(--fx-scanlines);animation:htpcfx-barrido 7s linear infinite}@keyframes htpcfx-barrido{to{transform:translateY(440%)}}[data-modo=dia] .htpc-scanlines:after,[data-modo=dia] .htpc-scanlines--brillo:before{display:none}.htpc-glow{--htpc-glow-c: var(--c-cyan);transition:box-shadow .2s ease,border-color .2s ease}.htpc-glow--magenta{--htpc-glow-c: var(--c-magenta)}.htpc-glow--verde{--htpc-glow-c: var(--c-green)}.fx-glow .htpc-glow:hover,.fx-glow .htpc-glow:focus-visible{box-shadow:0 0 0 1px var(--htpc-glow-c),0 0 calc(18px * var(--fx-glow)) color-mix(in srgb,var(--htpc-glow-c) 35%,transparent),0 0 calc(42px * var(--fx-glow)) color-mix(in srgb,var(--htpc-glow-c) 12%,transparent)}.htpc-neon{--htpc-neon-c: var(--c-cyan);color:var(--htpc-neon-c)}.htpc-neon--magenta{--htpc-neon-c: var(--c-magenta)}.htpc-neon--verde{--htpc-neon-c: var(--c-green)}.fx-glow .htpc-neon{text-shadow:0 0 6px color-mix(in srgb,var(--htpc-neon-c) 55%,transparent),0 0 22px color-mix(in srgb,var(--htpc-neon-c) 25%,transparent)}[data-modo=dia] .fx-glow .htpc-neon,.fx-glow [data-modo=dia] .htpc-neon{text-shadow:none}.fx-glow .htpc-campo-neon{caret-color:var(--c-cyan)}.htpc-campo-neon::selection,.htpc-neon::selection{background:var(--c-acento-2);color:var(--c-on-accent-2)}.htpc-glass{background:var(--c-glass);border:1px solid var(--c-glass-borde);border-radius:var(--r-md);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--sombra-card)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.htpc-glass{background:var(--c-surface)}}.htpc-hud{position:relative;--htpc-hud-c: var(--c-cyan);--htpc-hud-l: 14px}.htpc-hud:before,.htpc-hud:after{content:"";position:absolute;width:var(--htpc-hud-l);height:var(--htpc-hud-l);pointer-events:none;border:2px solid var(--htpc-hud-c)}.htpc-hud:before{left:-1px;top:-1px;border-right:0;border-bottom:0;border-top-left-radius:4px}.htpc-hud:after{right:-1px;bottom:-1px;border-left:0;border-top:0;border-bottom-right-radius:4px}.htpc-hud--magenta{--htpc-hud-c: var(--c-magenta)}.htpc-hud--verde{--htpc-hud-c: var(--c-green)}.htpc-rgb{position:relative;isolation:isolate}.fx-rgb-borders .htpc-rgb{border-color:transparent}.fx-rgb-borders .htpc-rgb:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:1.5px;background:linear-gradient(120deg,var(--c-cyan),var(--c-purple),var(--c-magenta),var(--c-green),var(--c-cyan));background-size:300% 300%;-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:htpcfx-rgb 10s linear infinite}[data-modo=dia] .fx-rgb-borders .htpc-rgb:before{padding:1px;opacity:.7;animation-duration:16s}@keyframes htpcfx-rgb{to{background-position:300% 0}}.htpc-pixel-titulo{font-family:var(--f-pixel);font-weight:400;line-height:1.5;letter-spacing:.02em}.fx-pixel-retro .htpc-pixel-titulo{text-shadow:2px 2px 0 color-mix(in srgb,var(--c-magenta) 55%,transparent),4px 4px 0 color-mix(in srgb,var(--c-bg) 60%,transparent)}.htpc-pixel{border:2px solid var(--c-green);border-radius:4px}.fx-pixel-retro .htpc-pixel{--htpc-pc: var(--htpc-pixel-c, var(--c-green));border:0;border-radius:0;margin:4px;box-shadow:0 -4px 0 0 var(--htpc-pc),0 4px 0 0 var(--htpc-pc),-4px 0 0 0 var(--htpc-pc),4px 0 0 0 var(--htpc-pc),8px 8px color-mix(in srgb,var(--c-bg) 55%,transparent)}.htpc-pixel--cyan{--htpc-pixel-c: var(--c-cyan);border-color:var(--c-cyan)}.htpc-pixel--magenta{--htpc-pixel-c: var(--c-magenta);border-color:var(--c-magenta)}.htpc-btn-pixel{--htpc-bp: var(--c-green);--htpc-bp-tinta: var(--c-on-accent);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;font-family:var(--f-pixel);font-size:12px;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;color:var(--htpc-bp-tinta);background:var(--htpc-bp);border:2px solid var(--htpc-bp);border-radius:4px;transition:transform .08s steps(2),box-shadow .08s steps(2),filter .15s}.htpc-btn-pixel--cyan{--htpc-bp: var(--c-acento);--htpc-bp-tinta: var(--c-on-accent)}.htpc-btn-pixel--magenta{--htpc-bp: var(--c-acento-2);--htpc-bp-tinta: var(--c-on-accent-2)}.htpc-btn-pixel:hover{filter:brightness(1.08);text-decoration:none}.htpc-btn-pixel:focus-visible{outline:2px solid var(--c-foco);outline-offset:3px}.fx-pixel-retro .htpc-btn-pixel{border-radius:0;box-shadow:4px 4px color-mix(in srgb,var(--htpc-bp) 40%,var(--c-bg)),0 -2px color-mix(in srgb,var(--c-text) 22%,transparent) inset,0 -4px color-mix(in srgb,var(--c-bg) 22%,transparent) inset}.fx-pixel-retro .htpc-btn-pixel:active{transform:translate(4px,4px);box-shadow:none}.htpc-btn-pixel:disabled,.htpc-btn-pixel[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}[data-modo=dia] .fx-pixel-retro .htpc-pixel:not(.zona-retro *){margin:0;box-shadow:none;border:2px solid var(--htpc-pixel-c, var(--c-green));border-radius:var(--r-sm)}[data-modo=dia] .fx-pixel-retro .htpc-btn-pixel:not(.zona-retro *){border-radius:var(--r-sm);box-shadow:var(--sombra-card)}[data-modo=dia] .htpc-btn-pixel:not(.zona-retro *){font-family:var(--f-ui);font-size:14px;letter-spacing:.02em;text-transform:none;font-weight:600}[data-modo=dia] .fx-pixel-retro .htpc-pixel-titulo:not(.zona-retro *){text-shadow:none}.htpc-cartucho{--htpc-ca: var(--c-surface-3);--htpc-ca-tinta: var(--c-text);display:inline-flex;align-items:center;gap:6px;padding:6px 10px 5px;min-height:24px;font-family:var(--f-pixel);font-size:12px;line-height:1;letter-spacing:.03em;color:var(--htpc-ca-tinta);background:linear-gradient(180deg,color-mix(in srgb,var(--htpc-ca) 82%,var(--c-text)),var(--htpc-ca));border-radius:3px 3px 2px 2px;clip-path:polygon(0 4px,4px 0,calc(50% - 10px) 0,calc(50% - 7px) 3px,calc(50% + 7px) 3px,calc(50% + 10px) 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%);box-shadow:inset 0 -3px color-mix(in srgb,var(--c-bg) 25%,transparent)}.htpc-cartucho--magenta{--htpc-ca: var(--c-acento-2);--htpc-ca-tinta: var(--c-on-accent-2);background:var(--htpc-ca)}.htpc-cartucho--cyan{--htpc-ca: var(--c-acento);--htpc-ca-tinta: var(--c-on-accent);background:var(--htpc-ca)}.htpc-cartucho--verde{--htpc-ca: var(--c-badge-retro-bg);--htpc-ca-tinta: var(--c-badge-retro-text);background:var(--htpc-ca)}.htpc-arcade{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;font-family:var(--f-pixel);font-size:12px;line-height:1;color:var(--c-warn);background:var(--c-warn-bg);border:2px solid color-mix(in srgb,var(--c-warn) 60%,transparent)}.htpc-arcade:before{content:"";width:4px;height:12px;border-radius:2px;background:currentColor;box-shadow:0 0 calc(6px * var(--fx-glow)) currentColor}.fx-glow .htpc-arcade{text-shadow:0 0 calc(8px * var(--fx-glow)) color-mix(in srgb,var(--c-warn) 50%,transparent)}[data-modo=dia] .htpc-cartucho:not(.zona-retro *),[data-modo=dia] .htpc-arcade:not(.zona-retro *){font-family:var(--f-ui);font-weight:700;letter-spacing:.02em}.htpc-parpadeo{animation:htpcfx-parpadeo 1.1s steps(1) infinite}@keyframes htpcfx-parpadeo{50%{opacity:0}}.htpc-cursor:after{content:"_";margin-left:.1em;color:var(--c-green);animation:htpcfx-parpadeo 1s steps(1) infinite}.htpc-cargando{display:inline-flex;flex-direction:column;align-items:center;gap:12px;color:var(--c-muted)}.htpc-cargando__barra{display:flex;gap:3px;padding:3px;border:2px solid var(--c-cyan);border-radius:2px}.fx-glow .htpc-cargando__barra{box-shadow:0 0 calc(14px * var(--fx-glow)) color-mix(in srgb,var(--c-cyan) 22%,transparent)}.htpc-cargando__barra i{display:block;width:10px;height:14px;background:var(--c-cyan);opacity:.15;animation:htpcfx-pixel 1.2s steps(1) infinite}.htpc-cargando__barra i:nth-child(2){animation-delay:.1s}.htpc-cargando__barra i:nth-child(3){animation-delay:.2s}.htpc-cargando__barra i:nth-child(4){animation-delay:.3s}.htpc-cargando__barra i:nth-child(5){animation-delay:.4s}.htpc-cargando__barra i:nth-child(6){animation-delay:.5s}.htpc-cargando__barra i:nth-child(7){animation-delay:.6s}.htpc-cargando__barra i:nth-child(8){animation-delay:.7s}.htpc-cargando__txt{font-family:var(--f-pixel);font-size:12px;letter-spacing:.05em}.htpc-cargando--chico .htpc-cargando__barra i{width:6px;height:10px}@keyframes htpcfx-pixel{0%{opacity:.15}30%,70%{opacity:1}to{opacity:.15}}[data-modo=dia] .htpc-cargando__barra{border-radius:999px;border-width:1px}[data-modo=dia] .htpc-cargando__barra i{border-radius:999px;animation-timing-function:ease-in-out}[data-modo=dia] .htpc-cargando__txt{font-family:var(--f-ui);font-size:14px}.htpc-xp{width:100%;--htpc-xp-c: var(--c-green)}.htpc-xp__cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--htpc-xp-c)}.htpc-xp__barra{position:relative;height:14px;padding:2px;border:1px solid var(--c-border-strong);border-radius:999px;background:var(--c-surface-2);overflow:hidden}.htpc-xp__relleno{height:100%;width:100%;border-radius:inherit;background:var(--htpc-xp-c);clip-path:inset(0 calc(100% - var(--htpc-xp-pct, 0%)) 0 0 round 999px);transition:clip-path .45s ease}.fx-xp-bar .htpc-xp__cab{font-family:var(--f-pixel);font-weight:400;letter-spacing:.03em}.fx-xp-bar .htpc-xp__barra{border:2px solid var(--htpc-xp-c);border-radius:2px;background:color-mix(in srgb,var(--htpc-xp-c) 6%,transparent)}.fx-xp-bar .htpc-xp__relleno{border-radius:0;clip-path:inset(0 calc(100% - var(--htpc-xp-pct, 0%)) 0 0);transition:clip-path .45s steps(6);background:repeating-linear-gradient(90deg,var(--htpc-xp-c) 0 8px,transparent 8px 10px)}.fx-xp-bar .htpc-xp--pasos .htpc-xp__relleno{background:var(--htpc-xp-c);-webkit-mask:linear-gradient(90deg,transparent 1.5px,black 0 calc(100% - 1.5px),transparent 0) 0 0 / calc(100% / var(--htpc-xp-n, 8)) 100% repeat-x;mask:linear-gradient(90deg,transparent 1.5px,black 0 calc(100% - 1.5px),transparent 0) 0 0 / calc(100% / var(--htpc-xp-n, 8)) 100% repeat-x}.fx-xp-bar.fx-glow .htpc-xp__barra{box-shadow:0 0 calc(12px * var(--fx-glow)) color-mix(in srgb,var(--htpc-xp-c) 20%,transparent)}.htpc-xp--cyan{--htpc-xp-c: var(--c-cyan)}.htpc-xp--magenta{--htpc-xp-c: var(--c-magenta)}[data-modo=dia] .fx-xp-bar .htpc-xp__cab{font-family:var(--f-ui);font-weight:600}[data-modo=dia] .fx-xp-bar .htpc-xp__barra{border-width:1px;border-radius:999px}[data-modo=dia] .fx-xp-bar .htpc-xp__relleno{border-radius:999px;clip-path:inset(0 calc(100% - var(--htpc-xp-pct, 0%)) 0 0 round 999px);transition:clip-path .45s ease;background:linear-gradient(90deg,var(--htpc-xp-c),var(--c-cyan))}.htpc-logros{position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top,0px));z-index:120;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.htpc-logro{--htpc-lc: var(--c-green);pointer-events:auto;display:flex;align-items:center;gap:12px;width:min(420px,100%);padding:10px 14px 10px 10px;color:var(--c-text);background:var(--c-surface);border:2px solid var(--htpc-lc);border-radius:6px;box-shadow:0 0 calc(26px * var(--fx-glow)) color-mix(in srgb,var(--htpc-lc) 28%,transparent),var(--sombra-card);font-family:var(--f-ui);cursor:pointer;text-align:left;animation:htpcfx-entra .32s steps(4) both}.htpc-logro--sale{animation:htpcfx-sale .24s steps(3) both}.htpc-logro__ico{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:4px;color:var(--htpc-lc);background:color-mix(in srgb,var(--htpc-lc) 10%,var(--c-surface));border:1px solid color-mix(in srgb,var(--htpc-lc) 35%,transparent)}.htpc-logro__ico svg{width:26px;height:26px;display:block;shape-rendering:crispEdges}.htpc-logro__txt{min-width:0;display:flex;flex-direction:column;gap:4px}.htpc-logro__titulo{font-family:var(--f-acento);font-size:12px;line-height:1.3;color:var(--htpc-lc);text-transform:uppercase;letter-spacing:.03em}.htpc-logro__texto{font-size:15px;line-height:1.35;font-weight:600;color:var(--c-text);overflow-wrap:anywhere}.htpc-logro--nivel{--htpc-lc: var(--c-cyan)}.htpc-logro__xp{height:6px;margin-top:2px;background:color-mix(in srgb,var(--c-cyan) 14%,transparent);border-radius:1px;overflow:hidden}.htpc-logro__xp i{display:block;height:100%;width:100%;background:var(--c-cyan);transform-origin:left;animation:htpcfx-llenar .9s steps(8) both .15s}[data-modo=dia] .htpc-logro{border-width:1px;border-radius:var(--r-md);background:var(--c-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation-timing-function:ease-out}[data-modo=dia] .htpc-logro__titulo{text-transform:none;font-size:13px;letter-spacing:.02em}[data-modo=dia] .htpc-logro__xp i{animation-timing-function:ease-out}@keyframes htpcfx-entra{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes htpcfx-sale{to{opacity:0;transform:translateY(-12px)}}@keyframes htpcfx-llenar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:960px){.htpc-logros{top:calc(84px + env(safe-area-inset-top,0px))}}.htpc-konami{position:fixed;inset:0;z-index:130;pointer-events:none;display:flex;align-items:flex-start;justify-content:center;padding:calc(72px + env(safe-area-inset-top,0px)) 12px 12px}.htpc-konami__barrido{position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--c-cyan) 14%,transparent) 0 6px,color-mix(in srgb,var(--c-purple) 12%,transparent) 6px 12px,color-mix(in srgb,var(--c-magenta) 12%,transparent) 12px 18px,transparent 18px 26px);animation:htpcfx-konami 1.1s steps(7) both}@keyframes htpcfx-konami{0%{opacity:0;transform:translateY(-100%)}20%{opacity:1}70%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(18%)}}.htpc-konami__card{position:relative;pointer-events:auto;width:min(440px,100%);padding:22px 20px 18px;text-align:center;color:var(--c-text);background:var(--c-surface);border:2px solid var(--c-magenta);border-radius:6px;box-shadow:0 0 calc(40px * var(--fx-glow)) color-mix(in srgb,var(--c-magenta) 30%,transparent),var(--sombra-card);font-family:var(--f-ui);animation:htpcfx-entra .36s steps(4) both .25s}.htpc-konami__secuencia{display:flex;justify-content:center;align-items:center;gap:5px;margin:0 0 12px;color:var(--c-magenta);font-family:var(--f-pixel);font-size:12px;line-height:1}.htpc-konami__secuencia svg{width:12px;height:12px;display:block;shape-rendering:crispEdges}.htpc-konami__secuencia span{margin-left:4px;letter-spacing:.3em}.htpc-konami__titulo{display:block;margin:0 0 8px;padding:0 36px;border:0;background:none;text-align:center;text-transform:none;font-family:var(--f-titulos);font-weight:900;font-size:22px;line-height:1.2;color:var(--c-text);letter-spacing:.02em}.htpc-konami__texto{margin:0 0 14px;font-size:15px;line-height:1.45;color:var(--c-muted)}.htpc-konami__codigo{display:inline-block;margin:0 0 16px;padding:12px 18px;font-family:var(--f-pixel);font-size:18px;line-height:1;letter-spacing:.08em;color:var(--c-ahorro);border:2px dashed color-mix(in srgb,var(--c-ahorro) 60%,transparent);border-radius:4px;background:var(--c-ahorro-bg);user-select:all}.htpc-konami__acciones{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.htpc-konami__cerrar{position:absolute;top:4px;right:4px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--c-muted);font-size:22px;line-height:1;cursor:pointer}.htpc-konami__cerrar:hover{color:var(--c-text);background:var(--c-surface-2)}.htpc-konami__cerrar:focus-visible{outline:2px solid var(--c-foco);outline-offset:0}.htpc-sonido-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:8px 12px;border-radius:8px;cursor:pointer;font:600 13px/1.2 var(--f-ui);color:var(--c-text);background:transparent;border:1px solid var(--c-border-strong)}.htpc-sonido-toggle:hover{border-color:var(--c-muted);background:var(--c-surface-2)}.htpc-sonido-toggle:focus-visible{outline:2px solid var(--c-foco);outline-offset:2px}.htpc-sonido-toggle[aria-pressed=true]{color:var(--c-green);border-color:color-mix(in srgb,var(--c-green) 50%,transparent)}.htpc-sonido-toggle svg{width:18px;height:18px;flex:none}.htpc-audio{position:relative;display:inline-block}.htpc-audio__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:90;width:min(280px,calc(100vw - 24px));padding:12px;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);box-shadow:var(--sombra-card);font:400 14px/1.4 var(--f-ui)}.htpc-audio__menu[hidden]{display:none}.htpc-audio__fila{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.htpc-audio__fila label{flex:1;cursor:pointer}.htpc-audio__fila input[type=checkbox]{width:22px;height:22px;accent-color:var(--c-acento)}.htpc-audio__fila input[type=range]{flex:1;min-height:44px;accent-color:var(--c-acento)}.htpc-audio__aviso{margin:4px 0 0;font-size:13px;color:var(--c-muted)}.htpc-audio__item{display:flex;width:100%;align-items:center;min-height:44px;padding:0 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--c-text);font:inherit;text-align:left;cursor:pointer}.htpc-audio__item:hover,.htpc-audio__item:focus-visible{background:var(--c-surface-2);outline:none}.zona-retro .htpc-btn-pixel{border-radius:0}[data-modo=dia] .zona-retro .htpc-pixel{--htpc-pc: var(--htpc-pixel-c, var(--c-green));border:0;border-radius:0;margin:4px;box-shadow:0 -4px 0 0 var(--htpc-pc),0 4px 0 0 var(--htpc-pc),-4px 0 0 0 var(--htpc-pc),4px 0 0 0 var(--htpc-pc)}@media(prefers-reduced-motion:reduce){.htpc-scanlines--brillo:before,.htpc-parpadeo,.htpc-cursor:after,.htpc-konami__barrido{animation:none!important}.fx-rgb-borders .htpc-rgb:before{animation:none;background-position:0 0}.htpc-cargando__barra i{animation:none;opacity:.85}.htpc-logro,.htpc-logro--sale,.htpc-konami__card,.htpc-logro__xp i{animation:none!important}.htpc-konami__barrido{display:none}.htpc-xp__relleno,.fx-xp-bar .htpc-xp__relleno,.htpc-glow,.htpc-btn-pixel{transition:none!important}.fx-pixel-retro .htpc-btn-pixel:active{transform:none}}
