/*
Theme Name: ScrapStrike
Theme URI: https://scrapstrike.com
Author: ElPutxPagas (Cuchipuchi Games)
Description: Tema oscuro arcade/pixel para SCRAPSTRIKE. Ingles por defecto con selector de idioma instantaneo (EN/ES/FR/DE/PT/IT). Fondo #120a0c, oro/cian/magenta/purpura/verde, Press Start 2P + VT323, scanlines CRT, ancho completo. ASCII para no romper el formato pixel.
Version: 2.0
Requires at least: 6.0
License: GNU General Public License v2 or later
Text Domain: scrapstrike
*/
:root{--bg:#120a0c;--bg2:#1c0f12;--panel:#0d0709;--text:#f0f2ff;--dim:#c7b6bd;
  --gold:#ffc74d;--gold2:#ffd126;--cyan:#26f2ff;--pink:#ff4cbf;--purple:#bf66ff;--green:#4dff73;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'VT323','Courier New',monospace;font-size:18px;line-height:1.5;overflow-x:hidden;}
body img{image-rendering:pixelated;image-rendering:crisp-edges;}
a{color:var(--cyan);}

/* ---- I18N: mostrar solo el idioma activo (EN por defecto) ---- */
.i18n{display:none;}
html[data-ss-lang="en"] .i18n[data-lang="en"],
html[data-ss-lang="es"] .i18n[data-lang="es"],
html[data-ss-lang="fr"] .i18n[data-lang="fr"],
html[data-ss-lang="de"] .i18n[data-lang="de"],
html[data-ss-lang="pt"] .i18n[data-lang="pt"],
html[data-ss-lang="it"] .i18n[data-lang="it"]{display:inline;}
html:not([data-ss-lang]) .i18n[data-lang="en"]{display:inline;}

/* ---------- CABECERA ---------- */
.ss-top{position:sticky;top:0;z-index:50;background:rgba(13,7,9,.92);border-bottom:3px solid var(--gold);
  backdrop-filter:blur(4px);box-shadow:0 2px 0 #7a5500,0 0 24px rgba(255,199,77,.18);}
.ss-top .bar{max-width:1140px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.ss-top .brand{display:flex;align-items:center;text-decoration:none;}
.ss-top .brand img{height:38px;width:auto;filter:drop-shadow(0 0 8px rgba(255,199,77,.5));}
.ss-top .right{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.ss-top nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;align-items:center;}
.ss-top nav a{font-family:'Press Start 2P','VT323',monospace;font-size:.66rem;color:var(--text);text-decoration:none;letter-spacing:1px;padding:6px 2px;border-bottom:2px solid transparent;transition:.15s;}
.ss-top nav a:hover,.ss-top nav .current-menu-item>a{color:var(--gold);border-bottom-color:var(--gold);text-shadow:0 0 10px rgba(255,199,77,.6);}

/* ---------- SELECTOR DE IDIOMA ---------- */
.ss-lang{display:flex;align-items:center;gap:5px;font-family:'Press Start 2P','VT323',monospace;}
.ss-lang a{font-size:.54rem;color:var(--dim);text-decoration:none;border:2px solid rgba(191,102,255,.45);border-radius:3px;padding:6px 7px;transition:.15s;cursor:pointer;}
.ss-lang a:hover{color:var(--purple);border-color:var(--purple);}
.ss-lang a.on{color:#120a0c;background:linear-gradient(180deg,var(--gold2),var(--gold));border-color:#7a5500;box-shadow:0 0 10px rgba(255,199,77,.5);}

/* ---------- CONTENIDO ---------- */
.ss-main{min-height:60vh;}
.ss-main .ss-page-inner{max-width:1000px;margin:0 auto;padding:30px 20px 50px;}

/* ---------- PIE ---------- */
.ss-foot{background:var(--panel);border-top:3px solid var(--gold);margin-top:40px;box-shadow:0 -2px 0 #7a5500;}
.ss-foot .inner{max-width:1140px;margin:0 auto;padding:28px 20px 34px;text-align:center;}
.ss-foot .emb{height:52px;width:auto;margin-bottom:12px;border:2px solid var(--gold);border-radius:11px;box-shadow:0 0 0 2px #120a0c,0 0 14px rgba(255,199,77,.4);}
.ss-foot .flinks{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;}
.ss-foot .flinks a{font-family:'Press Start 2P','VT323',monospace;font-size:.58rem;color:var(--gold);text-decoration:none;letter-spacing:1px;opacity:.9;transition:.15s;}
.ss-foot .flinks a:hover{text-shadow:0 0 10px rgba(255,199,77,.7);opacity:1;}
.ss-foot .cr{font-family:'Press Start 2P','VT323',monospace;font-size:.6rem;color:var(--dim);line-height:1.8;}
.ss-foot .cr a{color:var(--cyan);text-decoration:none;}
.ss-foot .social{margin-top:16px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.ss-foot .social a{font-family:'Press Start 2P','VT323',monospace;font-size:.58rem;color:var(--text);text-decoration:none;border:2px solid var(--purple);border-radius:3px;padding:8px 12px;box-shadow:0 0 10px rgba(191,102,255,.25);transition:.15s;}
.ss-foot .social a:hover{background:var(--purple);color:#120a0c;}

@media(max-width:720px){.ss-top .bar{justify-content:center;}.ss-top .right{width:100%;justify-content:center;}.ss-top nav ul{gap:14px;}.ss-lang{flex-wrap:wrap;justify-content:center;}}

/* ---------- PULIDO FINAL ---------- */
html{scroll-behavior:smooth;}
.ss-top .brand:focus-visible img,.ss-lang a:focus-visible,.ss-top nav a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.ss-lang a{user-select:none;}
img{max-width:100%;height:auto;}

/* ================= CURSOR RAYO + PULIDO LLAMATIVO ================= */
html,body{cursor:url('assets/cursor_bolt.png') 15 2, auto;}
a,button,summary,.card,.ss-lang a,.rc a,[onclick],[role="button"]{cursor:url('assets/cursor_bolt_big.png') 17 2, pointer;}
input,textarea,select{cursor:text;}

/* Botón de sonido */
.ss-snd{background:transparent;border:2px solid var(--cyan);border-radius:3px;color:var(--cyan);
  font-size:.9rem;line-height:1;padding:6px 8px;box-shadow:0 0 10px rgba(38,242,255,.3);transition:.15s;}
.ss-snd:hover{background:var(--cyan);}

/* Brillo que barre los botones dorados */
#ss-landing a.gold,#ss-road a.gold,#ss-sup button{position:relative;overflow:hidden;}
#ss-landing a.gold::after,#ss-road a.gold::after,#ss-sup button::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:ssShine 3.4s ease-in-out infinite;pointer-events:none;}
@keyframes ssShine{0%{left:-70%}55%,100%{left:150%}}

/* Reveal al hacer scroll (lo activa el JS con .ss-reveal) */
.ss-reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);}
.ss-reveal.on{opacity:1;transform:none;}

/* Cabecera: latido sutil del borde dorado */
.ss-top{animation:ssTop 3.5s ease-in-out infinite;}
@keyframes ssTop{0%,100%{box-shadow:0 2px 0 #7a5500,0 0 24px rgba(255,199,77,.18)}50%{box-shadow:0 2px 0 #7a5500,0 0 30px rgba(255,199,77,.34)}}

/* Enlaces de nav e idioma: subrayado neon al pasar */
.ss-top nav a,.ss-lang a{position:relative;}

@media(prefers-reduced-motion:reduce){*{animation:none !important;}.ss-reveal{opacity:1 !important;transform:none !important;}}

/* ---------- BOTON SUBIR ARRIBA ---------- */
#ss-top{position:fixed;right:18px;bottom:18px;z-index:60;opacity:0;pointer-events:none;transform:translateY(10px);
  transition:.25s;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1400;border:3px solid #7a5500;
  border-radius:8px;width:46px;height:46px;font-size:1rem;box-shadow:0 0 16px rgba(255,199,77,.5);}
#ss-top.show{opacity:.92;pointer-events:auto;transform:none;}
#ss-top:hover{opacity:1;transform:translateY(-2px);}

/* nav en movil: permitir scroll horizontal si no cabe */
@media(max-width:480px){
  .ss-top nav ul{flex-wrap:wrap;justify-content:center;}
  .ss-top nav a{font-size:.6rem;}
}

/* ---------- BARRA FIJA DE WISHLIST ---------- */
#ss-wishbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  padding:12px 16px;background:rgba(13,7,9,.96);border-top:3px solid var(--gold);box-shadow:0 -2px 0 #7a5500,0 -4px 24px rgba(255,199,77,.2);
  transform:translateY(110%);transition:transform .3s ease;backdrop-filter:blur(4px);}
#ss-wishbar.show{transform:none;}
#ss-wishbar .txt{font-family:'Press Start 2P','VT323',monospace;font-size:.62rem;color:var(--gold);letter-spacing:.5px;}
#ss-wishbar .wb{font-family:'Press Start 2P','VT323',monospace;font-size:.72rem;text-decoration:none;color:#2a1400;
  background:linear-gradient(180deg,var(--gold2),var(--gold));padding:12px 22px;border:3px solid #7a5500;border-radius:4px;
  box-shadow:0 3px 0 #7a5500,0 0 18px rgba(255,199,77,.55);animation:pulse 1.8s infinite;}
#ss-wishbar .wb:hover{filter:brightness(1.1);}
#ss-wishbar .x{background:transparent;border:0;color:var(--dim);font-size:1.4rem;line-height:1;cursor:pointer;padding:4px 8px;}
#ss-wishbar .x:hover{color:var(--pink);}
@media(max-width:520px){#ss-wishbar .txt{display:none;}#ss-wishbar{gap:10px;}}
@keyframes pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}

/* ---------- LIGHTBOX (galeria) ---------- */
#ss-lb{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;background:rgba(6,3,4,.93);padding:24px;cursor:zoom-out;}
#ss-lb.on{display:flex;}
#ss-lb img{max-width:92vw;max-height:88vh;border:3px solid var(--gold);border-radius:3px;box-shadow:0 0 0 2px #120a0c,0 0 40px rgba(255,199,77,.3);}
#ss-landing .gif,#ss-landing .card img,#ss-landing .cast .cell img,#ss-press .shots img{cursor:zoom-in;}

/* ---------- SKIP LINK (accesibilidad) ---------- */
.ss-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--gold);color:#2a1400;
  font-family:'Press Start 2P',monospace;font-size:.6rem;padding:12px 16px;border-radius:0 0 4px 0;text-decoration:none;}
.ss-skip:focus{left:0;}

/* ---------- BOTONES DE COMPARTIR ---------- */
.ss-foot .share{margin-top:18px;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;}
.ss-foot .share .sh-l{font-family:'Press Start 2P','VT323',monospace;font-size:.55rem;color:var(--dim);letter-spacing:1px;}
.ss-foot .share a{font-family:'Press Start 2P','VT323',monospace;font-size:.55rem;color:var(--cyan);text-decoration:none;
  border:2px solid var(--cyan);border-radius:3px;padding:7px 10px;transition:.15s;box-shadow:0 0 8px rgba(38,242,255,.2);}
.ss-foot .share a:hover{background:var(--cyan);color:#04252a;}

/* ---------- MENU HAMBURGUESA (movil) ---------- */
.ss-burger{display:none;background:transparent;border:2px solid var(--gold);border-radius:3px;color:var(--gold);font-size:1rem;line-height:1;padding:7px 10px;cursor:pointer;}
@media(max-width:640px){
  .ss-burger{display:inline-block;order:-1;}
  .ss-top nav{position:absolute;top:100%;left:0;right:0;background:rgba(13,7,9,.98);border-bottom:3px solid var(--gold);display:none;box-shadow:0 6px 20px rgba(0,0,0,.5);}
  body.nav-open .ss-top nav{display:block;}
  .ss-top nav ul{flex-direction:column;gap:0;}
  .ss-top nav a{display:block;padding:15px 20px;border-bottom:1px solid rgba(255,199,77,.15);width:100%;text-align:center;}
}

/* ---------- EASTER EGG (KONAMI) ---------- */
.ss-egg{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);z-index:120;font-family:'Press Start 2P',monospace;color:var(--gold);font-size:1.3rem;text-align:center;text-shadow:0 0 16px rgba(255,199,77,.85),2px 0 var(--pink),-2px 0 var(--cyan);animation:ssEgg 3.4s ease forwards;pointer-events:none;}
@keyframes ssEgg{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}82%{opacity:1}100%{opacity:0}}
.ss-rain{position:fixed;inset:0;z-index:115;pointer-events:none;overflow:hidden;}
.ss-rain span{position:absolute;top:-40px;color:var(--gold2);font-family:'Press Start 2P',monospace;text-shadow:0 0 8px rgba(255,199,77,.8);animation:ssFall 2.6s linear forwards;}
@keyframes ssFall{to{transform:translateY(112vh) rotate(220deg);opacity:.15}}

/* ---------- PRELOADER ARCADE ---------- */
html.ss-lock,html.ss-lock body{overflow:hidden !important;}
#ss-loader{position:fixed;inset:0;z-index:300;background:#0b0507;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .6s ease;}
#ss-loader.out{opacity:0;pointer-events:none;}
#ss-loader img{width:min(72vw,520px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 18px rgba(255,199,77,.4));animation:ssLdr 3s ease-in-out infinite;}
#ss-loader .ps{font-family:'Press Start 2P',monospace;font-size:.8rem;color:var(--gold);letter-spacing:1px;animation:ssBlink 1s steps(1) infinite;text-shadow:0 0 10px rgba(255,199,77,.5);}
@keyframes ssLdr{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ssBlink{50%{opacity:0}}

/* ---------- BARRA DE PROGRESO DE SCROLL ---------- */
#ss-prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:80;background:linear-gradient(90deg,var(--gold),var(--cyan),var(--pink));box-shadow:0 0 8px rgba(255,199,77,.5);transition:width .08s linear;}