/* DJ8.app | Original editorial interface. No external fonts or UI libraries. */
:root{--ink:#1e1930;--muted:#5f596e;--paper:#f7f6fa;--surface:#fff;--night:#100b20;--night-deep:#090613;--pink:#ec58ed;--accent:#971aa6;--button:#9b159f;--line:#e5e0ec;--radius:18px;--container:1240px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #c541df;outline-offset:5px;border-radius:4px}:target{scroll-margin-top:24px}.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:12px 20px;font-weight:700;color:var(--ink)}.skip-link:focus{top:10px}#main-content:focus{outline:none}
/* Explicit review state is separate from the editorial article. */
.review-strip{background:#faf0dc;border-bottom:1px solid #eadbbb;color:#584324;font-size:12px;line-height:1.45}.review-strip>.container{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:34px;padding-block:7px}.review-strip strong{font-size:10px;letter-spacing:1.5px;margin-right:14px}.review-strip a{color:inherit;text-decoration:none;white-space:nowrap}.review-strip a:hover{text-decoration:underline}
/* Original, non-modal disclosure navigation. No JavaScript = visible links. */
.site-header{background:var(--night);color:#f7f4fc;border-bottom:1px solid #ffffff13}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:112px;padding-block:20px}.brand-group{flex:0 0 245px;min-width:0}.brand{display:block;width:198px}.brand img{width:198px;height:auto}.brand-descriptor{display:block;margin-top:8px;color:#c6bfd4;font-size:11px;letter-spacing:.3px}.site-header nav{min-width:0}.site-header nav ul{list-style:none;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0;padding:0}.site-header nav a{display:block;position:relative;color:#d5cede;font-size:14px;font-weight:500;line-height:1.4;padding:11px 14px;text-decoration:none;border-radius:8px;overflow-wrap:anywhere}.site-header nav a:hover{background:#ffffff0a;color:#fff}.site-header nav a[aria-current=page]{background:#f476ff14;color:#f7b4fd}.site-header nav a[aria-current=page]:after{content:"";position:absolute;bottom:4px;left:14px;right:14px;height:2px;background:#da62e0;border-radius:4px}.nav-toggle{display:none;align-items:center;gap:10px;border:1px solid #584263;border-radius:8px;background:transparent;color:#f7f4fc;padding:9px 12px;cursor:pointer;line-height:1.5;font-size:13px}.menu-glyph{display:flex;flex-direction:column;gap:5px;width:18px}.menu-glyph span{height:2px;width:18px;background:currentColor;border-radius:4px}.nav-toggle[aria-expanded=true] .menu-glyph span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] .menu-glyph span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
/* Heading, copy and controls remain real HTML, separate from the artwork. */
.page-hero{background:var(--night);color:#f7f4fc;padding:48px 0 55px;position:relative}.home-hero{background:radial-gradient(ellipse at 80% 48%,#47164855,transparent 57%),linear-gradient(125deg,#100b20,#130a21);padding-top:66px;padding-bottom:72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:54px;align-items:center}.inner-hero .hero-grid{display:block;max-width:900px}.eyebrow{font-size:10px!important;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#f1a5f3;line-height:1.5;margin:0 0 20px}.eyebrow span{color:#74607f;margin:0 9px}.page-hero h1{margin:0 0 22px;font-size:clamp(36px,4.1vw,59px);line-height:1.09;letter-spacing:-2px;font-weight:730;text-wrap:balance}.inner-hero h1{font-size:clamp(34px,3.7vw,49px);line-height:1.14;max-width:840px}.byline{display:flex;align-items:center;gap:9px;color:#c8bed5;font-size:12px;margin:0 0 24px}.byline-dot{width:6px;height:6px;border-radius:1px;background:#de7ce5;flex-shrink:0}.hero-lead{font-size:17px;line-height:1.72;color:#e3dcea;margin:0 0 16px;max-width:65ch}.hero-description{font-size:15px;line-height:1.75;color:#bfb5cd;margin:0 0 16px;max-width:70ch}.page-hero a:not(.primary-action){color:#efb1f6}.affiliate-note{font-size:12px;line-height:1.7;color:#c7bed2;border-left:2px solid #9f43a9;padding:0 0 0 14px;margin:25px 0 21px;max-width:66ch}.affiliate-note strong{color:#e3d1ed;font-weight:650}.action-row{margin:20px 0 14px}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:50px;background:var(--button);border:1px solid #c855d1;color:white;padding:12px 23px;border-radius:9px;text-decoration:none;font-size:15px;font-weight:700;box-shadow:0 5px 25px #c42ace17}.primary-action:after{content:"↗";font-size:20px;font-weight:400}.primary-action:hover{background:#85118f;border-color:#f187fa;box-shadow:0 7px 28px #c42ace30}.destination-note{font-size:11px;line-height:1.65;color:#b9aec8;max-width:64ch;margin:0}.destination-note code{font-family:inherit}.hero-art{min-width:0;background:#0a0615;border:1px solid #a760b541;border-radius:18px;box-shadow:0 26px 70px #05010955;overflow:hidden;max-width:633px}.art-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 22px;border-bottom:1px solid #fff1;color:#c3b7d4;font-size:9px;letter-spacing:1.8px}.art-caption span:first-child{color:#f0b0f3}.hero-art picture{display:block}.hero-art img{width:100%;height:auto;max-width:633px}.art-baseline{display:flex;justify-content:space-around;gap:12px;color:#b9a8c8;font-size:10px;padding:18px 18px;border-top:1px solid #fff1;flex-wrap:wrap}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#b8adca;font-size:12px;margin-bottom:31px;flex-wrap:wrap}.breadcrumbs a{color:#b8adca!important;text-decoration:none}.breadcrumbs span[aria-hidden]{color:#665771}.breadcrumbs a:hover{text-decoration:underline}
/* Three editorial paths, not operator controls. */
.guide-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px 0 0}.guide-shortcuts>a{display:flex;align-items:flex-start;gap:16px;background:white;border:1px solid var(--line);border-radius:13px;padding:24px;text-decoration:none;color:var(--ink);min-width:0;box-shadow:0 4px 13px #1e0b301f;transition:transform .18s,border-color .18s}.guide-shortcuts>a:hover{border-color:#ce93d5;transform:translateY(-3px)}.guide-index{display:grid;place-items:center;border:1px solid #e9d6ed;background:#fcf7fe;color:#9622a6;flex:0 0 35px;height:35px;border-radius:10px;font-size:11px;font-weight:700}.guide-card-text{min-width:0}.guide-card-text strong{display:block;font-size:16px;margin-bottom:5px;line-height:1.4;font-weight:650}.guide-card-text>span{display:block;color:var(--muted);font-size:12px;line-height:1.65}.card-arrow{font-size:21px;color:#9a389f;margin-left:auto;line-height:1.4}
/* Editorial reading layout. */
.reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:46px;align-items:start;padding-top:56px;padding-bottom:66px}.contents-column{min-width:0;position:sticky;top:24px}.contents-heading,.small-label{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#746b80;margin:0 0 17px}.contents-nav ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.contents-nav li{border-bottom:1px solid var(--line)}.contents-nav a{display:flex;gap:12px;align-items:baseline;padding:15px 1px;color:#5a5269;font-size:12px;line-height:1.55;text-decoration:none}.contents-nav a>span{font-size:10px;color:#9b91a6;flex:0 0 18px;font-variant-numeric:tabular-nums}.contents-nav a:hover{color:var(--accent);background:#f2edf5}.publisher-note{margin-top:30px;padding:22px 0 0;border-top:1px solid var(--line)}.publisher-note p{font-size:13px;font-weight:650;margin:5px 0 6px}.publisher-note>span:last-child{color:#746b80;font-size:12px;display:block;line-height:1.6;max-width:180px}.fact-list{margin:0;font-size:12px;line-height:1.6}.fact-list dt{color:#746b80;font-size:10px;letter-spacing:1px;margin-top:12px}.fact-list dd{margin:2px 0 0;color:var(--ink)}.article-column{min-width:0}.article-surface{padding:4px 42px 0;border:1px solid var(--line);border-radius:18px;background:white;min-width:0}.editorial-section{padding:35px 0 39px;border-bottom:1px solid var(--line);position:relative}.editorial-section:last-child{border-bottom:0}.section-number{display:block;font-size:10px;letter-spacing:2px;color:#9a3ca8;margin-bottom:10px;font-weight:700}.article-surface h2{font-size:clamp(23px,2.2vw,28px);line-height:1.25;letter-spacing:-.65px;margin:0 0 27px;font-weight:700}.article-surface h3{font-size:17px;line-height:1.45;letter-spacing:-.15px;margin:26px 0 12px;font-weight:680}.article-surface p{font-size:15px;line-height:1.82;margin:0 0 17px;overflow-wrap:break-word}.article-surface p:last-child{margin-bottom:0}.article-surface strong{font-weight:650}.article-surface code{font-size:.92em;overflow-wrap:anywhere;background:#f6f1f8;padding:1px 4px;border-radius:3px}.article-surface a{overflow-wrap:anywhere}.article-surface ul,.article-surface ol{padding-left:22px}.article-surface li{margin-bottom:10px}.article-surface sup{font-size:10px;line-height:0}.article-surface sup a{padding:0 2px}.article-surface h3:target{background:#fcf1ff;box-shadow:-8px 0 0 #c64bcd}.table-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:10px;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.65}th{background:#f6f2f8;text-align:left;color:#4c3e59;font-size:11px;font-weight:650;padding:15px 17px;min-width:110px}td{padding:15px 17px;border-top:1px solid #eee8f1;vertical-align:top;color:#544b61;min-width:110px}td:first-child{color:#31223c}tr:nth-child(even) td{background:#fdfbfe}.standalone-link{margin-top:25px!important}.standalone-link a{display:inline-block;font-weight:650;font-size:13px}.standalone-link a:after{content:" ↗";text-decoration:none;display:inline-block;margin-left:4px}.source-title{font-size:11px!important;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 19px!important}.footnotes{margin:0 -42px;padding:30px 42px 34px;background:#f9f7fb;border-radius:0 0 18px 18px}.footnotes p,.footnotes li{font-size:11px!important;line-height:1.7;color:#70647d;overflow-wrap:anywhere}.footnotes ol{margin:0;padding-left:18px}.footnotes a{color:#6d426e}.footnotes .footnote-backref{text-decoration:none}.article-end{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#756b81;font-size:11px;padding-top:22px;line-height:1.65}.article-end>span>span{margin-inline:8px;color:#b7aebf}.article-end>a{margin-left:auto;color:#66556f;white-space:nowrap}.page-review-note{border:1px solid #ecd9b5;background:#fffaef;border-radius:12px;color:#6c502d;padding:20px 25px;margin:0 0 22px}.page-review-note strong{font-size:13px}.page-review-note p{font-size:12px;line-height:1.7;margin:6px 0 0}.page-review-note.compact{background:#f7f0fa;border-color:#ead9ed;color:#70506f;padding:15px 22px}.game-category-nav{display:flex;align-items:center;gap:21px;padding:19px 22px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:22px;min-width:0}.category-prefix{font-size:9px;letter-spacing:1.4px;color:#857a90;white-space:nowrap;font-weight:700}.category-links{display:flex;align-items:center;gap:9px;overflow-x:auto;max-width:100%;padding:6px;scroll-padding:6px}.category-links a{display:flex;align-items:center;justify-content:space-between;gap:22px;white-space:nowrap;padding:9px 14px;border-radius:7px;border:1px solid #e4d5eb;color:#752080;background:#fcf8fe;text-decoration:none;font-size:12px;line-height:1.6;font-weight:600}.category-links a:hover{border-color:#b467c1;background:#f9edfc}.category-links a span{color:#b066b9}.evidence-note{padding:15px 18px;background:#f8f4fa;border-left:2px solid #b552c3;font-size:13px!important;color:#66546e}.operator-evidence{border:1px solid #ded5e5;border-radius:15px;background:#faf7fc;max-width:390px;margin:30px auto 0;padding:17px}.operator-evidence .evidence-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:#74667f;margin:0 0 13px}.operator-evidence .eyebrow{color:#854195;margin:0;font-size:9px!important;letter-spacing:1.5px}.operator-evidence img{width:100%;height:auto;border:1px solid #231334;border-radius:9px}.operator-evidence figcaption{font-size:11px;line-height:1.75;color:#5f526b;margin-top:16px}.caption-note{display:block;color:#74667e;font-size:10px;line-height:1.75;margin-top:8px}
/* Publisher-only footer; no inherited conversion widgets. */
.site-footer{background:var(--night);color:#d3c9df;border-top:1px solid #241333;padding:45px 0 0}.footer-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:33px}.footer-brand{font-size:27px;font-weight:750;color:#f5effb;text-decoration:none;letter-spacing:-.8px}.footer-brand span{color:#e481ed}.footer-identity p{font-size:12px;line-height:1.75;color:#b9aec9;margin:12px 0 0}.footer-top nav{max-width:580px}.footer-top ul{list-style:none;padding:0;margin:7px 0 0;display:flex;gap:16px 28px;flex-wrap:wrap;justify-content:flex-end}.footer-top nav a{font-size:12px;color:#d1c6de;text-decoration:none}.footer-top nav a:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff14;padding-block:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:45px;font-size:10px;line-height:1.7;color:#a99abb}.footer-bottom p{margin:0;max-width:52ch}.footer-bottom strong{color:#dbc4e7}.template-support .eyebrow{color:#d5c8e3}.template-support .page-hero{background:#161226}.template-policy .page-hero,.template-publisher .page-hero{background:linear-gradient(125deg,#100b20,#1c1229)}
@media(min-width:900px){.site-header #main-navigation{display:block!important}.site-header .nav-toggle{display:none!important}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{gap:32px}.brand-group{flex-basis:215px}.site-header nav a{padding-inline:11px;font-size:13px}.reading-layout{grid-template-columns:195px minmax(0,1fr);gap:28px}.article-surface{padding-inline:31px}.footnotes{margin-inline:-31px;padding-inline:31px}.guide-shortcuts>a{padding:19px;gap:12px}.guide-card-text strong{font-size:14px}.guide-card-text>span{font-size:11px}.guide-index{flex-basis:30px;height:30px}}
@media(max-width:899px){.container{width:calc(100% - 48px)}.header-inner{flex-wrap:wrap;gap:15px;min-height:100px;padding-block:18px}.brand-group{flex:1 1 180px}.brand,.brand img{width:173px}.brand-descriptor{font-size:10px}.site-header nav{flex:0 0 100%;width:100%}.site-header nav ul{justify-content:flex-start;gap:5px}.site-header nav a{font-size:13px;padding:12px 13px}.site-header[data-enhanced] .nav-toggle{display:flex}.site-header[data-enhanced] #main-navigation{display:none}.site-header[data-enhanced][data-menu-open] #main-navigation{display:block;border-top:1px solid #ffffff15;padding-top:12px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:710px}.home-hero{padding-top:43px;padding-bottom:43px}.page-hero h1{font-size:44px;max-width:660px}.hero-art{width:100%;max-width:500px;margin-inline:auto}.hero-lead{font-size:16px}.hero-description{font-size:14px}.reading-layout{grid-template-columns:1fr;gap:26px;padding-top:35px;padding-bottom:44px}.contents-column{position:static}.contents-nav ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.contents-nav a{padding-block:11px}.publisher-note{display:none}.publisher-note.fact-card{display:block;margin-top:24px;padding-top:20px}.fact-card .fact-list{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:2px;align-items:baseline}.fact-card .fact-list dt{margin-top:8px}.fact-card .fact-list dd{margin-top:8px}.article-surface{padding-inline:34px}.footnotes{margin-inline:-34px;padding-inline:34px}.guide-shortcuts{gap:10px}.guide-shortcuts>a{flex-wrap:wrap;padding:18px}.guide-card-text{flex:1 1 calc(100% - 45px)}.card-arrow{display:none}.guide-index{flex-basis:30px}.footer-top{gap:30px}.footer-top nav{max-width:400px}.footer-top ul{gap:13px 20px}.footer-bottom{gap:25px}}
@media(max-width:599px){.container{width:calc(100% - 36px)}.review-long{font-size:10px}.review-strip>.container{gap:7px;min-height:33px}.review-strip strong{letter-spacing:1px;font-size:9px;margin-right:6px}.review-strip a{font-size:10px}.header-inner{min-height:90px}.brand,.brand img{width:153px}.brand-descriptor{font-size:9px;margin-top:7px;letter-spacing:.15px}.brand-group{flex-basis:170px}.nav-toggle{font-size:12px;padding:8px 10px}.site-header nav ul{display:grid;grid-template-columns:1fr 1fr;gap:4px}.site-header nav a{padding-block:13px}.home-hero{padding:35px 0 32px}.page-hero h1{font-size:36px;line-height:1.13;letter-spacing:-1.3px;margin-bottom:19px}.inner-hero h1{font-size:34px;letter-spacing:-1px}.inner-hero{padding:25px 0 31px}.eyebrow{font-size:9px!important;margin-bottom:17px;letter-spacing:1.6px}.byline{font-size:11px;margin-bottom:21px}.hero-lead{font-size:15px;line-height:1.75}.hero-description{font-size:13px;line-height:1.75}.affiliate-note{font-size:11px;margin:21px 0 18px}.primary-action{font-size:14px;min-height:48px;padding:11px 20px}.destination-note{font-size:10px}.hero-art{max-width:350px;border-radius:12px}.art-caption{padding:13px 17px;font-size:8px}.art-baseline{padding:13px 12px;font-size:9px;gap:7px}.breadcrumbs{margin-bottom:23px;font-size:11px}.guide-shortcuts{grid-template-columns:1fr;gap:9px;padding-top:20px}.guide-shortcuts>a{display:flex;align-items:center;flex-wrap:nowrap;padding:17px 18px;box-shadow:none;gap:15px}.guide-index{flex-basis:33px;height:33px}.guide-card-text strong{font-size:14px;margin-bottom:3px}.guide-card-text>span{font-size:11px;max-width:27ch}.card-arrow{display:block;font-size:19px}.reading-layout{padding-top:31px;gap:22px}.contents-heading{font-size:9px;margin-bottom:11px}.contents-nav ol{grid-template-columns:1fr;gap:0}.contents-nav a{font-size:12px;padding:10px 1px}.contents-nav a span{font-size:9px}.article-surface{padding:0 22px;border-radius:12px}.editorial-section{padding:26px 0 29px}.section-number{font-size:9px;margin-bottom:9px}.article-surface h2{font-size:23px;line-height:1.28;margin-bottom:22px;letter-spacing:-.55px}.article-surface h3{font-size:16px;margin-top:24px}.article-surface p{font-size:14px;line-height:1.82;margin-bottom:16px}.table-scroll{margin:19px 0}.table-scroll table{font-size:12px}th{font-size:10px;padding:13px 12px;min-width:100px}td{padding:13px 12px;min-width:100px}.footnotes{margin-inline:-22px;padding:26px 22px;border-radius:0 0 12px 12px}.footnotes li,.footnotes p{font-size:10px!important}.article-end{align-items:flex-start;gap:15px;font-size:10px}.article-end>span>span{display:none}.article-end>span{max-width:21ch}.page-review-note{padding:17px 19px}.page-review-note p{font-size:11px}.page-review-note.compact{padding:14px 17px}.page-review-note strong{font-size:12px}.game-category-nav{display:block;padding:14px 9px 10px}.category-prefix{display:block;font-size:9px;margin:0 8px 5px}.category-links{padding:7px;gap:8px}.category-links a{font-size:11px;padding:9px 12px;gap:19px;flex-shrink:0}.operator-evidence{padding:10px;border-radius:10px}.operator-evidence .evidence-top{font-size:8px;gap:6px}.operator-evidence .eyebrow{font-size:8px!important;letter-spacing:1px}.operator-evidence figcaption{font-size:10px;margin-top:12px}.caption-note{font-size:9px}.footer-top{flex-direction:column;gap:26px}.site-footer{padding-top:33px}.footer-top nav{max-width:100%}.footer-top ul{justify-content:flex-start;gap:12px 22px}.footer-top nav a{font-size:11px}.footer-bottom{flex-direction:column;gap:12px;padding-block:18px}.footer-brand{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.review-strip{color:black}.site-header,.guide-shortcuts,.contents-column,.hero-art,.primary-action,.site-footer,.article-end{display:none!important}.container{width:100%}.page-hero,.article-surface,body{background:#fff;color:#000;box-shadow:none}.page-hero *{color:#000!important}.page-hero{padding:20px 0}.reading-layout{display:block;padding:0}.article-surface{border:0;padding:0}.editorial-section{break-inside:auto}.footnotes{margin:0}.table-scroll{overflow:visible}a{color:#000}}