@font-face{font-family:"Arcade";src:url("fonts/game_font.ttf") format("truetype");font-display:swap}
:root{--bg:#0b0a14;--panel:#14122a;--line:#2a2650;--gold:#ffd35a;--red:#b3342f;--text:#e8e4ff;--muted:#a9a2d8}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(circle at 20% 0,#1b1838 0,transparent 55%),var(--bg);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--gold)}a:hover{color:#fff}
.px{font-family:"Arcade",monospace;text-transform:uppercase;letter-spacing:.04em}
header{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;justify-content:space-between;padding:16px 20px;border-bottom:2px solid var(--line);background:rgba(11,10,20,.85)}
.logo{font-size:24px;color:var(--gold);text-decoration:none;text-shadow:2px 2px 0 var(--red)}
nav{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
nav a{font-size:16px;text-decoration:none;color:var(--text)}nav a:hover{color:var(--gold)}
.lang button{font-family:"Arcade",monospace;font-size:16px;background:var(--panel);color:var(--muted);border:2px solid var(--line);padding:2px 10px;cursor:pointer}
.lang button:hover{color:var(--gold);border-color:var(--gold)}
main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:32px 20px 56px}
h1,h2,h3{font-family:"Arcade",monospace;text-transform:uppercase;font-weight:normal;line-height:1.15;margin:0 0 12px}
h1{font-size:48px;color:var(--gold);text-shadow:3px 3px 0 var(--red)}h2{font-size:32px;margin-top:40px;color:var(--text)}h3{font-size:16px;color:var(--gold);margin-top:24px}
.sub{font-family:"Arcade",monospace;font-size:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.hero{padding:24px 0 8px}.hero p{max-width:620px;font-size:18px}
.card{display:flex;flex-wrap:wrap;gap:20px;align-items:center;background:var(--panel);border:2px solid var(--line);box-shadow:6px 6px 0 #05040a;padding:20px;margin:20px 0}
.card img{width:128px;height:128px;image-rendering:pixelated;border:2px solid var(--line)}
.card .body{flex:1;min-width:220px}.card h2{margin:0 0 4px;font-size:32px}
.btn{display:inline-block;font-family:"Arcade",monospace;font-size:16px;text-transform:uppercase;text-decoration:none;color:#1a1030;background:var(--gold);padding:8px 16px;border-bottom:4px solid var(--red);margin:8px 8px 0 0}
.btn:hover{color:#1a1030;filter:brightness(1.1)}.btn.off{background:var(--line);color:var(--muted);border-bottom-color:#171428;cursor:default}
.knight{image-rendering:pixelated;float:right;margin:0 0 12px 20px;max-width:35%;height:auto}
ul.feat{padding-left:20px}ul.feat li{margin:6px 0}
.legal p,.legal li{max-width:720px}.legal h2{font-size:24px}
footer{border-top:2px solid var(--line);padding:20px;text-align:center;color:var(--muted);font-size:14px}
footer a{color:var(--muted)}
html.l-es .en{display:none!important}html.l-en .es{display:none!important}
@media(max-width:560px){h1{font-size:32px}h2{font-size:24px}.knight{float:none;display:block;margin:0 auto 12px}}