*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:#07090e; --bg2:#0b0e16; --card:#0f1320; --card2:#131828;
  --border:#1c2236; --border2:#242d44; --accent:#e8272a; --accent2:#ff6b00;
  --gold:#f5c518; --green:#22c55e; --blue:#3b82f6;
  --text:#cdd4e8; --text2:#8a95b0; --muted:#4a5470; --white:#f0f4ff;
  --glow:rgba(232,39,42,0.3); --shadow:0 20px 60px rgba(0,0,0,0.6);
}
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:'Barlow',sans-serif; font-weight:300; min-height:100vh; overflow-x:hidden; }
body::after { content:''; position:fixed; inset:0; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"); pointer-events:none; z-index:9998; opacity:.5; }

/* HEADER */
header { position:sticky; top:0; z-index:500; background:rgba(7,9,14,.95); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); height:66px; display:flex; align-items:center; padding:0 2.5rem; gap:1.2rem; }
.logo { font-family:'Bebas Neue',sans-serif; font-size:1.9rem; letter-spacing:.1em; color:var(--white); white-space:nowrap; flex-shrink:0; cursor:pointer; }
.logo span { color:var(--accent); }
.search-wrap { flex:1; max-width:420px; position:relative; }
.search-wrap input { width:100%; background:var(--card2); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.88rem; font-weight:300; padding:.6rem 1rem .6rem 2.6rem; outline:none; transition:border-color .2s; border-radius:2px; }
.search-wrap input::placeholder { color:var(--muted); }
.search-wrap input:focus { border-color:var(--border2); }
.search-icon { position:absolute; left:.75rem; top:50%; transform:translateY(-50%); color:var(--muted); font-size:1rem; pointer-events:none; }
.search-results { position:absolute; top:calc(100% + 6px); left:0; right:0; background:var(--card2); border:1px solid var(--border2); z-index:600; display:none; box-shadow:var(--shadow); }
.search-results.open { display:block; }
.sri { display:flex; align-items:center; gap:.8rem; padding:.7rem 1rem; cursor:pointer; transition:background .15s; border:none; background:none; width:100%; text-align:left; color:var(--text); }
.sri:hover { background:var(--card); }
.sri-thumb { width:38px; height:38px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:.75rem; color:rgba(255,255,255,.25); }
.sri-name { font-size:.88rem; font-weight:600; color:var(--white); }
.sri-genre { font-size:.72rem; color:var(--muted); letter-spacing:.07em; }
.search-empty { padding:1rem; text-align:center; font-size:.82rem; color:var(--muted); }
nav { display:flex; gap:.1rem; flex-shrink:0; }
nav button { background:none; border:none; color:var(--muted); cursor:pointer; font-family:'Barlow',sans-serif; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; font-weight:600; padding:.4rem .75rem; transition:color .2s; }
nav button:hover, nav button.active { color:var(--white); }
nav button.active { color:var(--accent); }
.user-area { display:flex; align-items:center; gap:.7rem; margin-left:auto; flex-shrink:0; }
.btn-auth { font-family:'Barlow Condensed',sans-serif; font-size:.78rem; letter-spacing:.15em; text-transform:uppercase; padding:.45rem 1rem; cursor:pointer; border:none; transition:all .2s; }
.btn-login { background:transparent; border:1px solid var(--border2); color:var(--text2); }
.btn-login:hover { border-color:var(--text2); color:var(--white); }
.btn-register { background:var(--accent); color:#fff; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%); }
.btn-register:hover { background:#c01f22; }
.user-dd-wrap { position:relative; }
.avatar-btn { width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,var(--accent),#ff6b00); border:2px solid var(--border2); color:#fff; font-family:'Bebas Neue',sans-serif; font-size:1rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color .2s,transform .15s; }
.avatar-btn:hover { border-color:var(--accent); transform:scale(1.05); }
.user-dd { position:absolute; top:calc(100% + 8px); right:0; background:var(--card2); border:1px solid var(--border2); min-width:200px; z-index:600; box-shadow:var(--shadow); display:none; }
.user-dd.open { display:block; }
.ud-head { padding:1rem 1.2rem .8rem; border-bottom:1px solid var(--border); }
.ud-name { font-family:'Barlow Condensed',sans-serif; font-size:1rem; font-weight:700; color:var(--white); letter-spacing:.05em; }
.ud-email { font-size:.72rem; color:var(--muted); margin-top:.1rem; }
.ud-badge { display:inline-block; margin-top:.4rem; background:var(--accent); color:#fff; font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; padding:.15rem .5rem; }
.ud-item { display:flex; align-items:center; gap:.6rem; padding:.65rem 1.2rem; font-size:.82rem; color:var(--text2); cursor:pointer; transition:background .15s,color .15s; background:none; border:none; width:100%; text-align:left; }
.ud-item:hover { background:var(--card); color:var(--white); }
.ud-item.danger:hover { color:var(--accent); }
.ud-divider { height:1px; background:var(--border); margin:.3rem 0; }

/* PAGES */
.page { display:none; }
.page.active { display:block; }

/* HERO */
.hero { position:relative; overflow:hidden; padding:6rem 2.5rem 4rem; text-align:center; }
.hero-glow { position:absolute; top:-30%; left:50%; transform:translateX(-50%); width:800px; height:800px; background:radial-gradient(circle,rgba(232,39,42,.1) 0%,transparent 65%); pointer-events:none; }
.hero-lines { position:absolute; inset:0; pointer-events:none; background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(255,255,255,.011) 60px); }
.hero-eyebrow { font-family:'Barlow Condensed',sans-serif; font-size:.72rem; letter-spacing:.35em; text-transform:uppercase; color:var(--accent); margin-bottom:1rem; }
.hero h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(4.5rem,12vw,10rem); letter-spacing:.06em; line-height:.88; color:var(--white); }
.hero h1 .z { color:var(--accent); display:inline-block; animation:glowZ 3s ease-in-out infinite; }
@keyframes glowZ { 0%,100%{text-shadow:0 0 30px var(--glow);}50%{text-shadow:0 0 70px var(--glow),0 0 130px rgba(232,39,42,.15);} }
.hero-tagline { margin-top:1.4rem; color:var(--text2); font-size:1rem; letter-spacing:.07em; }
.hero-stats { display:flex; justify-content:center; gap:3rem; margin-top:3rem; padding-top:3rem; border-top:1px solid var(--border); }
.stat-num { font-family:'Bebas Neue',sans-serif; font-size:2.5rem; color:var(--white); letter-spacing:.05em; line-height:1; }
.stat-num span { color:var(--accent); }
.stat-label { font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-top:.3rem; }

/* NOVEDADES */
.novedades-section { padding:0 2.5rem 3.5rem; }
.novedades-section h2 { font-family:'Bebas Neue',sans-serif; font-size:1.6rem; letter-spacing:.08em; color:var(--white); margin-bottom:1.2rem; display:flex; align-items:center; gap:.8rem; }
.novedades-section h2 span { color:var(--accent); }
.novedades-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:1.5px; background:var(--border); }
.nov-card { background:var(--card2); position:relative; overflow:hidden; cursor:pointer; transition:filter .3s; }
.nov-card:hover { filter:brightness(1.1); }
.nov-cover { width:100%; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:4rem; color:rgba(255,255,255,.05); transition:transform .4s ease; position:relative; overflow:hidden; }
.nov-card:hover .nov-cover { transform:scale(1.04); }
.nov-cover.tall { aspect-ratio:4/5; font-size:5rem; }
.nov-cover img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.8); }
.nov-cover span { position:relative; z-index:1; }
.nov-info { padding:1rem 1.2rem 1.2rem; }
.nov-badge { font-family:'Barlow Condensed',sans-serif; font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; background:var(--green); color:#fff; padding:.15rem .55rem; display:inline-block; margin-bottom:.5rem; }
.nov-badge.upd { background:var(--blue); }
.nov-title { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; color:var(--white); letter-spacing:.05em; }
.nov-desc { font-size:.78rem; color:var(--muted); margin-top:.3rem; line-height:1.5; }
.nov-big .nov-cover { aspect-ratio:16/7; font-size:7rem; }
.nov-big .nov-title { font-size:1.8rem; }
.nov-big .nov-desc { font-size:.85rem; }

/* FILTER */
.filter-bar { display:flex; align-items:center; gap:.5rem; padding:0 2.5rem 1.5rem; flex-wrap:wrap; }
.filter-label { font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-right:.5rem; }
.filter-btn { background:transparent; border:1px solid var(--border); color:var(--muted); font-family:'Barlow Condensed',sans-serif; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; padding:.35rem .9rem; cursor:pointer; transition:all .18s; }
.filter-btn:hover { border-color:var(--border2); color:var(--text); }
.filter-btn.active { background:var(--accent); border-color:var(--accent); color:#fff; }
.section-label { display:flex; align-items:center; gap:1rem; padding:0 2.5rem 1.5rem; font-family:'Barlow Condensed',sans-serif; font-size:.68rem; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); }
.section-label::after { content:''; flex:1; height:1px; background:var(--border); }

/* GRID */
.games-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:1.5px; background:var(--border); margin:0 2.5rem 5rem; }
.game-card { background:var(--card); cursor:pointer; position:relative; overflow:hidden; aspect-ratio:3/4; opacity:0; animation:cardIn .5s ease forwards; }
@keyframes cardIn { from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)} }
.cover-ph { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:3.5rem; color:rgba(255,255,255,.05); letter-spacing:.08em; transition:transform .5s ease,filter .4s ease; }
.game-card:hover .cover-ph { transform:scale(1.06); filter:brightness(.65); }
.c-badge { position:absolute; top:.9rem; left:.9rem; color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; padding:.22rem .65rem; clip-path:polygon(0 0,100% 0,94% 100%,0 100%); background:var(--accent); }
.c-badge.new { background:var(--green); }
.c-badge.hot { background:var(--accent2); }
.c-rating { position:absolute; top:.9rem; right:.9rem; background:rgba(5,7,14,.75); border:1px solid var(--gold); color:var(--gold); font-family:'Barlow Condensed',sans-serif; font-size:.8rem; font-weight:700; padding:.18rem .5rem; }
.c-title-bar { position:absolute; bottom:0; left:0; right:0; padding:2.5rem 1.1rem 1rem; background:linear-gradient(to top,rgba(4,6,11,.97) 0%,transparent 100%); transition:opacity .3s; }
.game-card:hover .c-title-bar { opacity:0; }
.c-title-bar h2 { font-family:'Bebas Neue',sans-serif; font-size:1.4rem; color:var(--white); line-height:1; }
.c-title-bar .c-yr { font-size:.72rem; color:var(--muted); margin-top:.2rem; }
.c-hover { position:absolute; bottom:0; left:0; right:0; padding:2rem 1.1rem 1.1rem; background:linear-gradient(to top,rgba(4,6,11,.98) 0%,rgba(4,6,11,.65) 55%,transparent 100%); opacity:0; transform:translateY(10px); transition:opacity .35s ease,transform .35s ease; }
.game-card:hover .c-hover { opacity:1; transform:translateY(0); }
.c-hover h2 { font-family:'Bebas Neue',sans-serif; font-size:1.4rem; color:var(--white); line-height:1; }
.c-hover p { font-size:.78rem; color:var(--text2); margin:.45rem 0 1rem; line-height:1.55; }
.c-cta { display:inline-block; background:var(--accent); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.73rem; letter-spacing:.15em; text-transform:uppercase; padding:.45rem 1.1rem; clip-path:polygon(0 0,100% 0,96% 100%,0 100%); }
.no-results { grid-column:1/-1; padding:4rem 2rem; text-align:center; background:var(--bg); }
.no-results h3 { font-family:'Bebas Neue',sans-serif; font-size:2rem; color:var(--text2); }
.no-results p { color:var(--muted); font-size:.85rem; margin-top:.5rem; }

/* GAME DETAIL */
.ghb { position:relative; min-height:380px; overflow:hidden; display:flex; align-items:flex-end; }
.ghb-bg { position:absolute; inset:0; transition:background .3s; }
.ghb-bg::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,var(--bg) 0%,rgba(7,9,14,.55) 50%,transparent 100%); }
.ghb-art { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:9rem; color:rgba(255,255,255,.04); letter-spacing:.08em; z-index:1; }
.ghb-content { position:relative; z-index:2; padding:0 2.5rem 2.5rem; width:100%; }
.breadcrumb { font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:.8rem; }
.ghb-content h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(3rem,7vw,5.5rem); letter-spacing:.04em; color:var(--white); line-height:1; }
.ghb-meta { display:flex; gap:.8rem; margin-top:.7rem; flex-wrap:wrap; align-items:center; }
.m-badge { background:var(--accent); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; padding:.22rem .65rem; clip-path:polygon(0 0,100% 0,94% 100%,0 100%); }
.m-badge.b2 { background:rgba(255,255,255,.1); clip-path:none; }
.m-rat { border:1px solid var(--gold); color:var(--gold); font-family:'Barlow Condensed',sans-serif; font-size:.82rem; font-weight:700; padding:.18rem .6rem; }
.m-txt { font-size:.78rem; color:var(--muted); }
.gd-body { display:grid; grid-template-columns:1fr 300px; gap:2rem; padding:2.5rem; max-width:1100px; }
.gd-stitle { font-family:'Barlow Condensed',sans-serif; font-size:.68rem; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); margin-bottom:1rem; padding-bottom:.5rem; border-bottom:1px solid var(--border); }
.gd-desc { font-size:.95rem; line-height:1.85; color:var(--text); margin-bottom:2.5rem; }
.req-grid { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-bottom:2.5rem; }
.req-item { background:var(--card2); border:1px solid var(--border); padding:.8rem 1rem; }
.req-l { font-size:.62rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); font-family:'Barlow Condensed',sans-serif; }
.req-v { font-size:.9rem; color:var(--white); font-weight:600; margin-top:.2rem; }
.dl-box { background:var(--card2); border:1px solid var(--border); padding:1.6rem; position:sticky; top:80px; }
.dl-box h3 { font-family:'Bebas Neue',sans-serif; font-size:1.2rem; color:var(--white); margin-bottom:1.2rem; }
.dl-line { display:flex; justify-content:space-between; align-items:center; padding:.55rem 0; border-bottom:1px solid var(--border); font-size:.8rem; }
.dl-line:last-of-type { border-bottom:none; margin-bottom:1.2rem; }
.dl-line span:first-child { color:var(--muted); }
.dl-line span:last-child { color:var(--text); font-weight:600; }
.dl-btn { display:block; width:100%; text-align:center; background:var(--accent); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.95rem; letter-spacing:.2em; text-transform:uppercase; padding:.9rem; cursor:pointer; border:none; clip-path:polygon(0 0,100% 0,97% 100%,3% 100%); transition:background .2s,transform .15s; text-decoration:none; }
.dl-btn:hover { background:#c01f22; transform:scale(1.02); }
.dl-btn.locked { background:var(--border2); color:var(--muted); cursor:default; pointer-events:none; }
.dl-note { font-size:.72rem; color:var(--muted); text-align:center; margin-top:.7rem; }
.dl-note button { background:none; border:none; color:var(--accent); cursor:pointer; font-size:.72rem; font-family:'Barlow',sans-serif; padding:0; }
.dl-note button:hover { text-decoration:underline; }

/* SCREENSHOTS */
.screenshots { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; margin-bottom:2.5rem; }
.ss-item { background:var(--card); aspect-ratio:16/9; overflow:hidden; border:1px solid var(--border); position:relative; transition:border-color .2s; }
.ss-item.has-img { cursor:zoom-in; }
.ss-item.has-img:hover { border-color:var(--border2); }
.ss-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease,filter .3s ease; filter:brightness(.85); }
.ss-item.has-img:hover img { transform:scale(1.05); filter:brightness(1); }
.ss-placeholder { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; font-size:.65rem; color:var(--muted); letter-spacing:.1em; text-transform:uppercase; }
.ss-placeholder span { font-size:1.6rem; opacity:.25; }

/* LIGHTBOX */
.lightbox { position:fixed; inset:0; z-index:3000; background:rgba(0,0,0,.93); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .25s; }
.lightbox.open { opacity:1; pointer-events:all; }
.lightbox img { max-width:88vw; max-height:82vh; object-fit:contain; box-shadow:0 0 80px rgba(0,0,0,.9); display:block; }
.lb-close { position:absolute; top:1.5rem; right:1.5rem; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:1.4rem; width:42px; height:42px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s; }
.lb-close:hover { background:rgba(255,255,255,.22); }
.lb-nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); color:#fff; font-size:2rem; width:52px; height:52px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s; user-select:none; line-height:1; }
.lb-nav:hover { background:rgba(255,255,255,.18); }
.lb-prev { left:1.5rem; }
.lb-next { right:1.5rem; }
.lb-counter { position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%); font-family:'Barlow Condensed',sans-serif; font-size:.75rem; letter-spacing:.2em; color:rgba(255,255,255,.45); }

/* ADMIN */
.admin-wrap { padding:2.5rem; max-width:960px; }
.admin-title { font-family:'Bebas Neue',sans-serif; font-size:2.5rem; letter-spacing:.08em; color:var(--white); margin-bottom:.3rem; }
.admin-title span { color:var(--accent); }
.admin-sub { font-size:.82rem; color:var(--muted); margin-bottom:2rem; }
.admin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:2.5rem; }
.admin-stat { background:var(--card2); border:1px solid var(--border); padding:1.2rem 1.5rem; border-left:3px solid var(--accent); }
.as-num { font-family:'Bebas Neue',sans-serif; font-size:2.5rem; color:var(--white); }
.as-label { font-size:.72rem; color:var(--muted); letter-spacing:.12em; text-transform:uppercase; margin-top:.2rem; }
.admin-section-title { font-family:'Barlow Condensed',sans-serif; font-size:.7rem; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); padding-bottom:.5rem; border-bottom:1px solid var(--border); margin-bottom:1rem; }
.admin-table { width:100%; border-collapse:collapse; margin-bottom:2.5rem; font-size:.84rem; }
.admin-table th { background:var(--card2); padding:.7rem 1rem; text-align:left; font-family:'Barlow Condensed',sans-serif; font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--border); }
.admin-table td { padding:.7rem 1rem; border-bottom:1px solid var(--border); color:var(--text); vertical-align:middle; }
.admin-table tr:hover td { background:rgba(255,255,255,.02); }
.tbl-badge { font-family:'Barlow Condensed',sans-serif; font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; padding:.18rem .55rem; }
.tbl-badge.ok { background:rgba(34,197,94,.15); color:var(--green); border:1px solid rgba(34,197,94,.3); }
.tbl-badge.admin { background:rgba(232,39,42,.15); color:var(--accent); border:1px solid rgba(232,39,42,.3); }
.admin-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.af-group { margin-bottom:1rem; }
.af-group label { display:block; font-size:.68rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); font-family:'Barlow Condensed',sans-serif; margin-bottom:.4rem; }
.af-group input, .af-group select, .af-group textarea { width:100%; background:var(--card); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.88rem; font-weight:300; padding:.65rem .9rem; outline:none; transition:border-color .2s; }
.af-group textarea { resize:vertical; min-height:80px; }
.af-group input:focus, .af-group select:focus, .af-group textarea:focus { border-color:var(--border2); }
.af-group select option { background:var(--card2); }
.af-full { grid-column:1/-1; }
.admin-btn { font-family:'Barlow Condensed',sans-serif; font-size:.85rem; letter-spacing:.15em; text-transform:uppercase; padding:.65rem 1.5rem; cursor:pointer; border:none; transition:all .2s; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%); }
.admin-btn.primary { background:var(--accent); color:#fff; }
.admin-btn.primary:hover { background:#c01f22; }
.admin-btn.secondary { background:var(--card2); border:1px solid var(--border); color:var(--text2); clip-path:none; }
.admin-btn.secondary:hover { color:var(--white); border-color:var(--border2); }
.admin-btn.danger { background:rgba(232,39,42,.15); border:1px solid var(--accent); color:var(--accent); clip-path:none; font-size:.72rem; padding:.35rem .8rem; }
.admin-btn.danger:hover { background:var(--accent); color:#fff; }
.admin-success { background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.3); color:var(--green); padding:.7rem 1rem; font-size:.82rem; margin-bottom:1rem; display:none; }
.admin-success.show { display:block; }

/* MODAL */
.modal-overlay { position:fixed; inset:0; z-index:1000; background:rgba(3,4,8,.88); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .25s; }
.modal-overlay.open { opacity:1; pointer-events:all; }
.modal { background:var(--card2); border:1px solid var(--border2); width:100%; max-width:420px; padding:2.5rem; position:relative; transform:translateY(20px) scale(.97); box-shadow:var(--shadow); transition:transform .3s cubic-bezier(.22,.68,0,1.2); }
.modal-overlay.open .modal { transform:translateY(0) scale(1); }
.modal-close { position:absolute; top:1rem; right:1rem; background:none; border:none; color:var(--muted); font-size:1.3rem; cursor:pointer; line-height:1; transition:color .2s; }
.modal-close:hover { color:var(--white); }
.modal-logo { font-family:'Bebas Neue',sans-serif; font-size:1.6rem; letter-spacing:.12em; color:var(--white); margin-bottom:.4rem; }
.modal-logo span { color:var(--accent); }
.modal-tabs { display:flex; border-bottom:1px solid var(--border); margin-bottom:1.8rem; }
.modal-tab { flex:1; text-align:center; font-family:'Barlow Condensed',sans-serif; font-size:.8rem; letter-spacing:.15em; text-transform:uppercase; padding:.7rem; cursor:pointer; color:var(--muted); border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .2s,border-color .2s; background:none; border-top:none; border-left:none; border-right:none; font-weight:normal; }
.modal-tab.active { color:var(--white); border-bottom:2px solid var(--accent); }
.fg { margin-bottom:1.1rem; }
.fg label { display:block; font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); font-family:'Barlow Condensed',sans-serif; margin-bottom:.45rem; }
.fg input { width:100%; background:var(--card); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.9rem; font-weight:300; padding:.65rem .9rem; outline:none; transition:border-color .2s; }
.fg input:focus { border-color:var(--border2); }
.fg input.err-field { border-color:var(--accent); }
.fg-err { font-size:.75rem; color:var(--accent); margin-top:.35rem; display:none; }
.fg-err.show { display:block; }
.global-err { background:rgba(232,39,42,.12); border:1px solid rgba(232,39,42,.3); color:var(--accent); font-size:.82rem; padding:.65rem .9rem; margin-bottom:1.1rem; display:none; }
.global-err.show { display:block; }
.form-submit { width:100%; background:var(--accent); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.95rem; letter-spacing:.2em; text-transform:uppercase; padding:.85rem; border:none; cursor:pointer; clip-path:polygon(0 0,100% 0,97% 100%,3% 100%); transition:background .2s,transform .15s; margin-top:.5rem; }
.form-submit:hover { background:#c01f22; transform:scale(1.01); }
.modal-fn { text-align:center; font-size:.78rem; color:var(--muted); margin-top:1.2rem; }
.modal-fn button { background:none; border:none; color:var(--accent); cursor:pointer; font-size:.78rem; font-family:'Barlow',sans-serif; }
.modal-fn button:hover { text-decoration:underline; }
.modal-success { text-align:center; padding:1rem 0; display:none; }
.modal-success.show { display:block; }
.ms-icon { font-size:3rem; margin-bottom:1rem; }
.ms-msg { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; color:var(--white); letter-spacing:.08em; }
.ms-sub { font-size:.85rem; color:var(--muted); margin-top:.5rem; }

/* TOAST */
.toast-cont { position:fixed; bottom:2rem; right:2rem; z-index:2000; display:flex; flex-direction:column; gap:.6rem; }
.toast { background:var(--card2); border:1px solid var(--border2); color:var(--text); font-size:.83rem; padding:.8rem 1.2rem; min-width:240px; display:flex; align-items:center; gap:.6rem; animation:toastIn .3s ease; box-shadow:var(--shadow); }
.toast.success { border-left:3px solid var(--green); }
.toast.error   { border-left:3px solid var(--accent); }
.toast.info    { border-left:3px solid var(--blue); }
@keyframes toastIn { from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)} }

/* FOOTER */
footer { border-top:1px solid var(--border); padding:2rem 2.5rem; display:flex; justify-content:space-between; align-items:center; font-size:.73rem; color:var(--muted); letter-spacing:.06em; flex-wrap:wrap; gap:1rem; }
.fl { font-family:'Bebas Neue',sans-serif; font-size:1.2rem; color:var(--white); cursor:pointer; }
.fl span { color:var(--accent); }
.footer-links { display:flex; gap:1.5rem; }
.footer-links button { background:none; border:none; color:var(--muted); cursor:pointer; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; font-family:'Barlow',sans-serif; transition:color .2s; }
.footer-links button:hover { color:var(--text); }

/* COVERS */
.cov-gta { background:linear-gradient(150deg,#1a0808 0%,#4a1010 50%,#1a0000 100%); }
.cov-mc  { background:linear-gradient(150deg,#081408 0%,#1a4a10 50%,#051005 100%); }
.cov-cs  { background:linear-gradient(150deg,#080d1a 0%,#0f224a 50%,#050a14 100%); }
.cov-pes { background:linear-gradient(150deg,#060810 0%,#0a1230 50%,#040608 100%); }
.cov-re  { background:linear-gradient(150deg,#100808 0%,#3a0a0a 50%,#140505 100%); }
.cov-cod { background:linear-gradient(150deg,#0a0a08 0%,#2a2810 50%,#0a0a05 100%); }
.cover-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease,filter .4s ease; filter:saturate(.75) brightness(.85); }
.game-card:hover .cover-img { transform:scale(1.06); filter:saturate(1.1) brightness(.55); }
.ghb-bg-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; filter:brightness(.5) saturate(.8); }

.hidden { display:none !important; }

/* ══ EYE TOGGLE (contraseña) ══ */
.pass-wrap { position:relative; }
.pass-wrap input { padding-right:2.6rem !important; }
.eye-btn { position:absolute; right:.75rem; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--muted); cursor:pointer; font-size:1rem; line-height:1; transition:color .2s; padding:0; }
.eye-btn:hover { color:var(--text); }

/* ══ STAR RATING ══ */
.star-section { margin-bottom:2.5rem; }
.star-row { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.stars-display { display:flex; gap:.2rem; }
.star { font-size:1.4rem; cursor:pointer; color:var(--muted); transition:color .15s, transform .15s; line-height:1; }
.star.filled { color:var(--gold); }
.star:hover { transform:scale(1.2); }
.star-avg { font-family:'Bebas Neue',sans-serif; font-size:2rem; color:var(--white); letter-spacing:.05em; line-height:1; }
.star-count { font-size:.75rem; color:var(--muted); }
.star-your { font-size:.75rem; color:var(--text2); margin-top:.5rem; }
.star-your span { color:var(--gold); }

/* ══ TOP DESCARGADOS (home) ══ */
.top-section { padding:0 2.5rem 1rem; }
.top-section-title { font-family:'Bebas Neue',sans-serif; font-size:1.4rem; letter-spacing:.08em; color:var(--white); margin-bottom:1rem; display:flex; align-items:center; gap:.8rem; }
.top-section-title span { color:var(--accent); }
.top-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:.6rem; }
.top-item { background:var(--card2); border:1px solid var(--border); display:flex; align-items:center; gap:1rem; padding:.8rem 1rem; cursor:pointer; transition:background .15s,border-color .15s; }
.top-item:hover { background:var(--card); border-color:var(--border2); }
.top-rank { font-family:'Bebas Neue',sans-serif; font-size:1.6rem; color:var(--muted); letter-spacing:.05em; width:24px; text-align:center; flex-shrink:0; }
.top-rank.gold { color:var(--gold); }
.top-rank.silver { color:#aaa; }
.top-rank.bronze { color:#cd7f32; }
.top-thumb { width:44px; height:44px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:.7rem; color:rgba(255,255,255,.2); border-radius:2px; overflow:hidden; position:relative; }
.top-thumb img { width:100%; height:100%; object-fit:cover; }
.top-info { flex:1; min-width:0; }
.top-name { font-size:.88rem; font-weight:600; color:var(--white); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.top-meta { font-size:.72rem; color:var(--muted); margin-top:.15rem; }
.top-dl-count { font-family:'Barlow Condensed',sans-serif; font-size:.7rem; letter-spacing:.1em; color:var(--green); flex-shrink:0; }

/* ══ PERFIL ══ */
.perfil-wrap { padding:2.5rem; max-width:800px; }
.perfil-header { display:flex; align-items:flex-end; gap:2rem; margin-bottom:2.5rem; padding-bottom:2rem; border-bottom:1px solid var(--border); flex-wrap:wrap; }
.avatar-upload-wrap { position:relative; flex-shrink:0; }
.avatar-big { width:100px; height:100px; border-radius:50%; background:linear-gradient(135deg,var(--accent),#ff6b00); border:3px solid var(--border2); display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:2.5rem; color:#fff; overflow:hidden; cursor:pointer; transition:border-color .2s; }
.avatar-big:hover { border-color:var(--accent); }
.avatar-big img { width:100%; height:100%; object-fit:cover; }
.avatar-change-label { position:absolute; bottom:0; right:0; background:var(--card2); border:1px solid var(--border2); border-radius:50%; width:28px; height:28px; display:flex; align-items:center; justify-content:center; font-size:.85rem; cursor:pointer; transition:background .2s; }
.avatar-change-label:hover { background:var(--accent); }
.perfil-meta { flex:1; }
.perfil-username { font-family:'Bebas Neue',sans-serif; font-size:2.2rem; letter-spacing:.06em; color:var(--white); line-height:1; }
.perfil-since { font-size:.75rem; color:var(--muted); letter-spacing:.1em; margin-top:.3rem; }
.perfil-form { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.pf-group { margin-bottom:1rem; }
.pf-group label { display:block; font-size:.68rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); font-family:'Barlow Condensed',sans-serif; margin-bottom:.4rem; }
.pf-group input, .pf-group textarea { width:100%; background:var(--card); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.9rem; font-weight:300; padding:.65rem .9rem; outline:none; transition:border-color .2s; }
.pf-group textarea { resize:vertical; min-height:80px; }
.pf-group input:focus, .pf-group textarea:focus { border-color:var(--border2); }
.pf-full { grid-column:1/-1; }
.pf-save { font-family:'Barlow Condensed',sans-serif; font-size:.88rem; letter-spacing:.18em; text-transform:uppercase; padding:.7rem 1.8rem; background:var(--accent); color:#fff; border:none; cursor:pointer; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%); transition:background .2s; }
.pf-save:hover { background:#c01f22; }
.perfil-stats-row { display:flex; gap:1.5rem; margin-bottom:2rem; flex-wrap:wrap; }
.pf-stat { background:var(--card2); border:1px solid var(--border); padding:.8rem 1.2rem; flex:1; min-width:100px; }
.pf-stat-num { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; color:var(--white); }
.pf-stat-label { font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); }

/* ══ MIS DESCARGAS ══ */
.descargas-wrap { padding:2.5rem; max-width:900px; }
.descargas-title { font-family:'Bebas Neue',sans-serif; font-size:2rem; letter-spacing:.08em; color:var(--white); margin-bottom:.3rem; }
.descargas-title span { color:var(--accent); }
.descargas-sub { font-size:.82rem; color:var(--muted); margin-bottom:2rem; }
.dl-history { display:flex; flex-direction:column; gap:.5rem; }
.dl-hist-item { background:var(--card2); border:1px solid var(--border); display:flex; align-items:center; gap:1rem; padding:.9rem 1.1rem; transition:background .15s; cursor:pointer; }
.dl-hist-item:hover { background:var(--card); }
.dl-hist-thumb { width:48px; height:48px; flex-shrink:0; border-radius:2px; overflow:hidden; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:.7rem; color:rgba(255,255,255,.2); }
.dl-hist-thumb img { width:100%; height:100%; object-fit:cover; }
.dl-hist-info { flex:1; }
.dl-hist-name { font-size:.92rem; font-weight:600; color:var(--white); }
.dl-hist-date { font-size:.72rem; color:var(--muted); margin-top:.15rem; }
.dl-hist-again { font-family:'Barlow Condensed',sans-serif; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); flex-shrink:0; }
.descargas-empty { text-align:center; padding:4rem 2rem; }
.descargas-empty h3 { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; color:var(--text2); }
.descargas-empty p { color:var(--muted); font-size:.85rem; margin-top:.5rem; }

@media(max-width:768px){
  header { padding:0 1rem; gap:.8rem; }
  nav { display:none; }
  .hero { padding:4rem 1.5rem 3rem; }
  .hero-stats { gap:1.5rem; }
  .games-grid { margin:0 1rem 3rem; }
  .filter-bar,.section-label,.novedades-section { padding-left:1rem; padding-right:1rem; }
  .novedades-grid { grid-template-columns:1fr; }
  .gd-body { grid-template-columns:1fr; padding:1.5rem; }
  .admin-grid { grid-template-columns:1fr 1fr; }
  .admin-form-grid { grid-template-columns:1fr; }
  .screenshots { grid-template-columns:1fr 1fr; }
  footer { flex-direction:column; text-align:center; padding:1.5rem; }
}