/* JOHN Retro 96 · V17.9.38 · isolated visual theme */
html[data-hn-ui-theme="retro96"]{--r96-cyan:#35f0ef;--r96-mag:#f03bd7;--r96-yellow:#ffe66b;--r96-bg:#050b12;--r96-panel:#081725;--r96-line:#35f0ef;color-scheme:dark}
html[data-hn-ui-theme="retro96"] body{background:radial-gradient(circle at 18% 10%,rgba(47,221,235,.14),transparent 28%),radial-gradient(circle at 82% 18%,rgba(236,54,211,.13),transparent 28%),linear-gradient(180deg,#07111c,#04070b 66%,#080812);font-family:"Courier New",ui-monospace,monospace!important;color:#eefcff}
html[data-hn-ui-theme="retro96"] body:after{content:"";position:fixed;inset:0;z-index:1000000;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}
html[data-hn-ui-theme="retro96"] .bg{filter:saturate(.75) contrast(1.15) brightness(.55) hue-rotate(160deg)}
html[data-hn-ui-theme="retro96"] .scan{opacity:.26!important;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(52,240,239,.035) 3px 4px)!important}
html[data-hn-ui-theme="retro96"] .topbar{background:#07121d!important;border-bottom:2px solid var(--r96-cyan)!important;box-shadow:0 4px 0 var(--r96-mag),0 12px 28px rgba(0,0,0,.45)!important}
html[data-hn-ui-theme="retro96"] .brand{font-family:"Courier New",monospace!important;letter-spacing:.04em;text-shadow:2px 0 0 rgba(240,59,215,.45)}
html[data-hn-ui-theme="retro96"] .brand>span:before{content:"JOHN.EXE // ";color:var(--r96-cyan)}
html[data-hn-ui-theme="retro96"] .card,html[data-hn-ui-theme="retro96"] .v12Panel,html[data-hn-ui-theme="retro96"] .infoCard,html[data-hn-ui-theme="retro96"] .v12ModalCard{border-radius:0!important;background:linear-gradient(180deg,rgba(8,23,37,.96),rgba(5,12,20,.97))!important;border:2px solid var(--r96-cyan)!important;box-shadow:5px 5px 0 rgba(240,59,215,.72),0 18px 36px rgba(0,0,0,.32)!important}
html[data-hn-ui-theme="retro96"] .card h1,html[data-hn-ui-theme="retro96"] .card h2,html[data-hn-ui-theme="retro96"] .card h3{font-family:"Courier New",monospace!important;text-transform:uppercase;letter-spacing:-.035em;text-shadow:3px 2px 0 rgba(240,59,215,.55)}
html[data-hn-ui-theme="retro96"] .kicker{color:var(--r96-yellow)!important;letter-spacing:.12em!important}
html[data-hn-ui-theme="retro96"] button,html[data-hn-ui-theme="retro96"] .miniBtn,html[data-hn-ui-theme="retro96"] .iconbtn{border-radius:0!important;font-family:"Courier New",monospace!important;text-transform:uppercase!important;letter-spacing:.02em;border:2px solid var(--r96-cyan)!important;background:#0a1b2a!important;color:#f4ffff!important;box-shadow:3px 3px 0 rgba(240,59,215,.72)!important}
html[data-hn-ui-theme="retro96"] button:hover{transform:none!important;box-shadow:4px 4px 0 rgba(240,59,215,.8)!important}
html[data-hn-ui-theme="retro96"] button:active{transform:none!important;box-shadow:inset 0 0 0 2px rgba(240,59,215,.55),3px 3px 0 rgba(240,59,215,.8)!important}
html[data-hn-ui-theme="retro96"] .primary{background:linear-gradient(90deg,#0e656d,#572452)!important;color:#fff!important;border-color:#8ffffc!important}
html[data-hn-ui-theme="retro96"] .secondary{background:#10182b!important}
html[data-hn-ui-theme="retro96"] .hudChip,html[data-hn-ui-theme="retro96"] .pill{border-radius:0!important;background:#071522!important;border:1px solid rgba(53,240,239,.7)!important;box-shadow:2px 2px 0 rgba(240,59,215,.5)!important}
html[data-hn-ui-theme="retro96"] .xpMini,html[data-hn-ui-theme="retro96"] .repMeter{border-radius:0!important;background:#1a1230!important}
html[data-hn-ui-theme="retro96"] .xpMini i,html[data-hn-ui-theme="retro96"] .repMeter i{background:linear-gradient(90deg,var(--r96-cyan),var(--r96-mag),var(--r96-yellow))!important}
html[data-hn-ui-theme="retro96"] .heroimg,html[data-hn-ui-theme="retro96"] .castPortrait img{border-radius:0!important;filter:saturate(.72) contrast(1.12) hue-rotate(160deg)}
html[data-hn-ui-theme="retro96"] .hnHeroSlider{border-radius:0!important;border:2px solid var(--r96-cyan)!important;box-shadow:5px 5px 0 rgba(240,59,215,.68)!important;background:#06101a!important}
html[data-hn-ui-theme="retro96"] .hnHeroSlide img{filter:saturate(.72) contrast(1.15) brightness(.72) hue-rotate(155deg)}
html[data-hn-ui-theme="retro96"] .hnHeroSlide:after{background:linear-gradient(0deg,rgba(3,8,14,.96),rgba(3,8,14,.03) 68%)!important}
html[data-hn-ui-theme="retro96"] .hnHeroCaption span{color:var(--r96-yellow)!important;font-family:"Courier New",monospace!important;letter-spacing:.18em!important}
html[data-hn-ui-theme="retro96"] .hnHeroCaption b{font-family:"Courier New",monospace!important;text-transform:uppercase;text-shadow:3px 2px 0 rgba(240,59,215,.75)}
html[data-hn-ui-theme="retro96"] .hnHeroMetaRail{border-radius:0!important;border:2px solid var(--r96-cyan)!important;background:#06101a!important;box-shadow:inset 0 0 0 1px rgba(240,59,215,.35)!important}
html[data-hn-ui-theme="retro96"] .hnHeroMetaRail span{color:var(--r96-yellow)!important;font-family:"Courier New",monospace!important;letter-spacing:.18em!important}
html[data-hn-ui-theme="retro96"] .hnHeroMetaRail b{font-family:"Courier New",monospace!important;text-transform:uppercase;text-shadow:2px 1px 0 rgba(240,59,215,.68)}
html[data-hn-ui-theme="retro96"] .hnHeroMetaRail small{font-family:"Courier New",monospace!important;color:var(--r96-cyan)!important}
html[data-hn-ui-theme="retro96"] .hnHeroDots button{border-radius:0!important;border:1px solid var(--r96-cyan)!important;background:#071522!important;box-shadow:none!important}
html[data-hn-ui-theme="retro96"] .hnHeroDots button.active{background:var(--r96-mag)!important}
html[data-hn-ui-theme="retro96"] input,html[data-hn-ui-theme="retro96"] select,html[data-hn-ui-theme="retro96"] textarea{border-radius:0!important;background:#06111c!important;border:1px solid var(--r96-cyan)!important;color:#fff!important;font-family:"Courier New",monospace!important}
html[data-hn-ui-theme="retro96"] .v12Footer{font-family:"Courier New",monospace!important}
html[data-hn-ui-theme="retro96"] .v12Footer .hnVersionFooter:before{content:"RETRO96 // ";color:var(--r96-cyan)}
html[data-hn-ui-theme="retro96"] .hnThemeUnlock{border-radius:0!important;border:2px solid var(--r96-cyan)!important;background:#07121d!important;box-shadow:5px 5px 0 var(--r96-mag)!important}
html[data-hn-ui-theme="retro96"] .hnThemePreview.retro96{background:linear-gradient(135deg,#06141f,#26103b)!important;border-color:var(--r96-cyan)!important}
@media(max-width:680px){html[data-hn-ui-theme="retro96"] .topbar{box-shadow:0 3px 0 var(--r96-mag)!important}html[data-hn-ui-theme="retro96"] .card,html[data-hn-ui-theme="retro96"] .v12Panel,html[data-hn-ui-theme="retro96"] .infoCard,html[data-hn-ui-theme="retro96"] .v12ModalCard{box-shadow:3px 3px 0 rgba(240,59,215,.68)!important}html[data-hn-ui-theme="retro96"] button,html[data-hn-ui-theme="retro96"] .miniBtn{box-shadow:2px 2px 0 rgba(240,59,215,.72)!important}}
@media(prefers-reduced-motion:reduce){html[data-hn-ui-theme="retro96"] *{text-shadow:none!important}}

/* Theme Center card preview is intentionally not scoped to the active theme. */
.hnThemePreview.retro96{background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),linear-gradient(135deg,#071824,#24103a 58%,#08121a)!important;border-color:#35f0ef!important;box-shadow:inset 0 0 0 2px #f03bd7!important}
