/* MSXCIE - estilo común tipo batman.html */
:root{--blue:#0057ff;--cyan:#00e5ff;--yellow:#fff200;--green:#00ff7f;--white:#f4f7ff;--muted:#b8c7ff;--border:rgba(0,229,255,.72);--shadow:rgba(0,229,255,.28);--mag:#ff3cff}
*{box-sizing:border-box}html{background:#000;min-height:100%}
body{margin:0;min-height:100vh;color:var(--white);font-family:"Courier New",Consolas,monospace;background:radial-gradient(circle at top,rgba(0,85,255,.34),transparent 38%),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.90)),url("Image19.gif");background-attachment:fixed;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,rgba(0,0,0,.16) 2px,rgba(0,0,0,.16) 4px);mix-blend-mode:screen;opacity:.30}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:49;background:radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.58) 100%)}
a{color:var(--yellow);text-decoration:none}a:hover{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}
.crt-glow{position:fixed;inset:0;pointer-events:none;z-index:45;box-shadow:inset 0 0 90px rgba(0,229,255,.08)}
.wrap{width:min(1180px,calc(100% - 28px));margin:0 auto;position:relative;z-index:2}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 calc((100% - min(1180px,calc(100% - 28px))) / -2);padding:14px clamp(16px,4vw,48px);background:rgba(0,0,0,.82);border-bottom:2px solid var(--cyan);box-shadow:0 0 18px rgba(0,229,255,.35);backdrop-filter:blur(6px)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--yellow);font-weight:900;font-size:1.25rem;letter-spacing:2px;text-shadow:0 0 8px var(--yellow)}
.brand:before{content:"";width:24px;height:24px;display:inline-block;background:linear-gradient(90deg,var(--cyan) 50%,transparent 50%) 0 0/10px 10px,linear-gradient(90deg,transparent 50%,var(--yellow) 50%) 0 10px/10px 10px,var(--blue);border:2px solid var(--white);box-shadow:0 0 10px var(--cyan);image-rendering:pixelated}
.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.nav a{color:var(--white);border:1px solid rgba(255,255,255,.25);background:rgba(0,62,180,.65);padding:8px 12px;border-radius:4px;font-size:.88rem;text-transform:uppercase;letter-spacing:1px}.nav a:hover,.nav a.active{color:#000;background:var(--yellow);border-color:var(--yellow);text-shadow:none}
.hero{margin:34px auto 22px;padding:clamp(22px,4vw,42px);border:3px solid var(--cyan);background:linear-gradient(135deg,rgba(0,86,255,.38),rgba(0,0,0,.88)),rgba(0,0,0,.72);box-shadow:0 0 0 5px rgba(0,0,0,.65),0 0 35px var(--shadow),inset 0 0 26px rgba(0,229,255,.16);position:relative;overflow:hidden}.hero:before{content:"LOAD GAME,8,1";position:absolute;right:18px;top:14px;color:rgba(0,255,127,.28);font-weight:bold;font-size:clamp(.75rem,1.5vw,1rem)}
.kicker{display:inline-block;color:var(--green);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 8px var(--green)}
.title{margin:0;color:var(--yellow);font-size:clamp(2.1rem,7vw,5rem);line-height:1;letter-spacing:3px;text-shadow:4px 4px 0 #003dff,0 0 20px rgba(255,242,0,.70);text-transform:uppercase}
.game-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:24px;align-items:start}.cover-card,.screens-card,.info-card{background:linear-gradient(180deg,rgba(0,67,210,.84),rgba(0,0,0,.88));border:2px solid var(--border);box-shadow:0 0 22px rgba(0,229,255,.22),inset 0 0 18px rgba(0,229,255,.10);padding:clamp(16px,2.5vw,24px);position:relative}.cover-card:before,.screens-card:before,.info-card:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,242,0,.34);pointer-events:none}
.cover-frame{background:#000;border:3px solid var(--yellow);padding:12px;box-shadow:0 0 0 5px rgba(0,0,0,.72),0 0 28px rgba(255,242,0,.28)}.cover{display:block;width:min(100%,330px);margin:0 auto;image-rendering:auto;border:2px solid var(--cyan);box-shadow:0 0 20px rgba(0,229,255,.42)}
.panel-title{margin:0 0 18px;color:var(--yellow);font-size:clamp(1.25rem,3vw,2rem);text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0 #002ccc}
.screens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shot-link{display:block;color:var(--white);background:rgba(0,0,0,.72);border:2px solid var(--cyan);padding:10px;box-shadow:0 0 18px rgba(0,229,255,.24)}.shot-link:hover{transform:translateY(-2px);background:rgba(0,20,80,.92)}.shot{display:block;width:100%;min-height:230px;object-fit:contain;image-rendering:pixelated;background:#000;border:1px solid rgba(255,255,255,.20)}.caption{margin:10px 0 0;color:var(--muted);text-align:center;font-size:.95rem}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:28px 0 24px}.btn{display:inline-block;color:#000;background:var(--yellow);border:2px solid var(--yellow);box-shadow:4px 4px 0 var(--blue);padding:12px 18px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.btn.secondary{background:transparent;color:var(--yellow);border-color:var(--cyan);box-shadow:4px 4px 0 rgba(0,229,255,.42)}.btn:hover{color:#000;background:var(--cyan);border-color:var(--cyan);box-shadow:4px 4px 0 var(--yellow);text-shadow:none}
.retro-line{height:9px;width:min(680px,100%);margin:28px auto;background:linear-gradient(90deg,transparent,var(--cyan),var(--yellow),var(--cyan),transparent);box-shadow:0 0 16px rgba(0,229,255,.55)}.footer{margin:18px auto 28px;color:var(--muted);text-align:center;font-size:.92rem}
.text-panel{line-height:1.75;font-size:1.05rem}.text-panel p{margin:0 0 14px}.text-panel strong{color:var(--green)}.text-panel code{display:block;background:#000;color:var(--cyan);border:1px solid var(--cyan);padding:12px;margin:12px 0;overflow-x:auto}.maps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.map-card{background:#000;border:2px solid var(--cyan);padding:10px;box-shadow:0 0 18px rgba(0,229,255,.24)}.map-card img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
.side-menu{min-height:100vh;display:grid;place-items:center}.side-box{background:rgba(0,0,0,.82);border:2px solid var(--cyan);box-shadow:0 0 24px rgba(0,229,255,.32);padding:16px;width:min(280px,calc(100vw - 32px));}.side-box a{display:block;margin:10px 0;padding:11px 12px;color:#000;background:var(--yellow);border:2px solid var(--cyan);box-shadow:4px 4px 0 var(--blue);font-weight:900;text-align:center;text-transform:uppercase}
@media(max-width:860px){.topbar{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.game-layout{grid-template-columns:1fr}.cover{width:min(100%,300px)}.screens-grid{grid-template-columns:1fr}.shot{min-height:auto}}