/* Homepage adaptation of the supplied reference layout. */
:root{--bg:#1f1932;--surface:#2b2142;--fg:#fff;--muted:#d0c9dc;--accent:#ffaf10;--link:#ffc550;--border:#514361;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffc550;outline-offset:5px}h1,h2,h3{line-height:1.2;font-weight:700;letter-spacing:-.025em}h1{font-size:clamp(28px,3.3vw,46px)}h2{font-size:clamp(26px,3vw,35px);margin:0 0 24px}h3{font-size:23px;margin:28px 0 12px}p{margin:0 0 18px}ul,ol{padding-left:24px}li{margin:8px 0}.wrap{width:min(1140px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:0;left:-9999px;z-index:100;padding:12px;background:var(--accent);color:#111}.skip-link:focus{left:16px}
/* Compact navigation and the overlapping shield echo the reference header. */
header.site{position:sticky;top:0;z-index:30;background:#191325;border-bottom:1px solid #493358;box-shadow:0 4px 22px #0003}header.site>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:28px}.brand{display:block;flex-shrink:0}.brand img{width:132px!important;height:auto!important;max-height:100px;object-fit:contain}header .brand{align-self:flex-start;margin-bottom:-15px;position:relative;z-index:2}.header-right{display:flex;align-items:center;gap:28px}nav.main{display:flex;align-items:center;gap:28px}nav.main>a,.nav-item>a{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding:28px 0;display:block}nav.main a:hover{color:var(--accent);text-decoration:none}.nav-item{position:relative}.submenu{display:none;position:absolute;top:100%;left:0;min-width:170px;background:#302443;border:1px solid var(--border);padding:12px;border-radius:8px}.submenu a{display:block;padding:9px;color:#fff}.nav-item:hover .submenu,.nav-item:focus-within .submenu{display:block}.header-cta,.btn,.rf-pop-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 30px;border-radius:30px;background:var(--accent);color:#21152f;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.header-cta:hover,.btn:hover,.rf-pop-cta:hover{background:#ffc65c;transform:translateY(-2px);text-decoration:none}.nav-toggle{display:none;width:44px;height:44px;background:transparent;border:1px solid #80658d;border-radius:6px;padding:10px}.nav-toggle span{height:2px;background:#fff;display:block;margin:5px 0}
/* Existing hero artwork remains intact, with its copy in a spacious title band. */
.home-hero{background:linear-gradient(180deg,#0c0712,#261a3c)}.hero-visual{max-width:1440px;margin:auto}.hero-media{margin:0}.hero-media img{width:100%;height:auto;max-height:760px;object-fit:contain}.hero-copy{text-align:center;padding:48px 0 60px;max-width:1000px}.hero-copy h1{margin:0 auto 22px;max-width:900px}.hero-copy>p:first-of-type{font-size:19px;color:#eee8f4;max-width:780px;margin:0 auto 18px}.hero-copy .home-byline{font-size:13px;color:var(--muted)}.hero-copy .btn{min-width:170px;margin:2px 0 28px}.hero-copy>p:last-child{font-size:15px;line-height:1.75;max-width:850px;margin:0 auto;color:var(--muted)}
.intro-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:90px}.intro-visual h2{margin:0}.intro-visual img{width:100%;border-radius:10px}.intro-copy p{font-size:16px;color:#e1daea}.games-section{background:linear-gradient(135deg,#2c2041,#160e25);padding:55px 0 70px}.game-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:26px}.widget-banner{grid-column:span 2;overflow:hidden;border-radius:12px;background:#181818;transition:transform .25s,box-shadow .25s}.widget-banner:nth-last-child(-n+2){grid-column:span 3}.widget-banner:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0005}.widget-banner a{display:block}.widget-banner img{width:100%;height:auto}
.guide-section{padding:62px 0;background:#1f1932}.guide-section:nth-of-type(even){background:linear-gradient(115deg,#2a1e3d,#21172f)}.guide-inner{max-width:1040px}.guide-inner>h2{color:#fff;position:relative;padding-bottom:20px}.guide-inner>h2:after{content:"";position:absolute;bottom:0;left:0;width:58px;height:3px;background:var(--accent)}.guide-inner>p,.guide-inner>ul,.guide-inner>ol{color:#e1daea}.guide-inner a{text-decoration:underline;text-underline-offset:3px}.guide-inner strong{color:#fff}.guide-inner img{width:min(100%,600px);margin:32px auto;border-radius:10px}.table-scroll{overflow:auto;max-width:100%;border:1px solid #635176;border-radius:10px;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;vertical-align:top;padding:17px 20px;border-bottom:1px solid #514361;min-width:140px}th{background:#3b2c51;color:#ffcb69}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#ffffff04}.action-section{background:radial-gradient(ellipse at center,#594070,#281c3c)!important;text-align:center;padding:75px 0}.action-section .guide-inner{max-width:830px}.action-section .guide-inner>h2:after{left:calc(50% - 29px)}
/* Discovery cards use the reference's red, purple and amber accents. */
.articles-section{padding-block:80px}.composition-heading{text-align:center;margin-bottom:35px}.composition-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:10px}.comparison-list{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.comparison-row{grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(160deg,#512b51,#281d3b);border:1px solid #69496e;border-radius:10px;padding:28px;color:#fff;transition:transform .2s,background .2s;min-width:0}.comparison-row:nth-child(3n+1){border-top:4px solid #c70000}.comparison-row:nth-child(3n+2){border-top:4px solid #a738b8}.comparison-row:nth-child(3n){border-top:4px solid #ffaf10}.comparison-row:nth-last-child(-n+2){grid-column:span 3}.comparison-row:hover{transform:translateY(-5px);background:#3f2b54;text-decoration:none}.comparison-rank{font-size:40px;font-weight:700;color:#bd9bce;line-height:1;margin-bottom:22px}.comparison-copy{display:block}.comparison-copy strong{font-size:23px;line-height:1.3;display:block;margin-bottom:15px}.comparison-copy small{display:block;font-size:14px;line-height:1.65;color:#dbd1e5}.composition-action{margin-top:auto;padding:24px 0 0;color:#ffca60;font-weight:700;font-size:14px}
footer.site{background:linear-gradient(120deg,#17101f,#2b1c3c);padding:64px 0 25px;border-top:1px solid #584168}footer.site>.wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.footer-brand .brand{margin-bottom:20px}.footer-brand p{font-size:14px;color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px;margin-bottom:32px}.footer-links a{font-size:14px;color:#fff}.ai-disclosure{border-top:1px solid #594268;padding-top:22px;font-size:13px;color:var(--muted)}.ai-disclosure strong{color:#fff}.foot-copy{font-size:12px;color:var(--muted);border-top:1px solid #594268;padding-top:20px;margin-top:22px}
#rf-pop[hidden]{display:none}#rf-pop{position:fixed;inset:0;background:#0009;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.rf-pop-card{position:relative;width:min(420px,100%);background:#2d2041;border:1px solid #c48c29;border-radius:14px;padding:35px;text-align:center;box-shadow:0 20px 80px #0007}.rf-pop-card h3{margin-top:0}#rf-pop-x{position:absolute;top:8px;right:12px;background:transparent;color:#fff;border:0;font-size:28px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header-right{gap:16px}nav.main{gap:16px}.intro-section{gap:30px;padding-block:60px}.game-gallery{gap:16px}.comparison-list{gap:16px}.comparison-row{padding:22px}.comparison-copy strong{font-size:20px}footer.site>.wrap{gap:35px}.footer-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html{scroll-padding-top:80px}header.site>.wrap{min-height:72px}.brand img{width:100px!important}header .brand{margin-bottom:-10px}.header-cta{min-height:40px;padding:8px 18px;font-size:13px}.nav-toggle{display:block}nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:#261a37;padding:16px 24px;border-bottom:1px solid #624978}nav.main.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav.main>a,.nav-item>a{padding:12px 0}.submenu{position:static;border:0;padding:0 16px;background:transparent}.nav-item:focus-within .submenu{display:block}.hero-copy{padding:35px 0 44px}.hero-copy>p:first-of-type{font-size:17px}.intro-section{grid-template-columns:1fr;gap:30px;padding-block:50px}.intro-visual{max-width:550px;margin:auto}.game-gallery{grid-template-columns:1fr 1fr}.widget-banner,.widget-banner:nth-last-child(-n+2){grid-column:auto}.widget-banner:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.games-section{padding:35px 0}.guide-section{padding:42px 0}.guide-inner>h2{margin-bottom:22px}th,td{padding:13px;font-size:14px}.comparison-list{grid-template-columns:1fr 1fr}.comparison-row,.comparison-row:nth-last-child(-n+2){grid-column:auto}.comparison-row:last-child{grid-column:1/-1}.articles-section{padding-block:50px}footer.site>.wrap{grid-template-columns:1fr;gap:30px}.footer-brand{max-width:600px}.footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:440px){.wrap{width:calc(100% - 32px)}.header-right{gap:10px}.hero-copy h1{font-size:27px}.game-gallery,.comparison-list{grid-template-columns:1fr}.widget-banner:last-child{width:100%}.comparison-row:last-child{grid-column:auto}.comparison-row{padding:25px}.footer-links{grid-template-columns:repeat(2,1fr)}.guide-inner{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}