:root{--ink:#f8f5ff;--muted:#bdb4d4;--night:#10091f;--deep:#190d31;--panel:#241442;--line:#493368;--gold:#ffd449;--pink:#ff3ca6;--mint:#5ee6bd;--danger:#ff7f87;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font:16px/1.65 Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}img{display:block;max-width:100%}.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:.75rem;z-index:99}.skip:focus{left:.75rem}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(16,9,31,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:72px;display:flex;align-items:center;gap:26px}.brand{text-decoration:none;font-weight:900;font-size:1.55rem;letter-spacing:-.04em;color:var(--gold)}.brand b{color:var(--pink)}.navlinks{display:flex;gap:4px;margin-left:auto}.navlinks a{padding:.65rem .8rem;text-decoration:none;color:var(--muted);border-radius:10px}.navlinks a:hover,.navlinks a[aria-current=page]{background:var(--panel);color:var(--ink)}.menu{display:none;margin-left:auto;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:.65rem .85rem;border-radius:10px}.status{background:#2a102a;border-bottom:1px solid #682551}.status .wrap{padding:10px 0;display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#ffe6f2}.status strong{color:#fff}.hero{background:radial-gradient(circle at 80% 15%,rgba(255,60,166,.24),transparent 33%),radial-gradient(circle at 20% 0,rgba(255,212,73,.16),transparent 28%),var(--deep);padding:76px 0 64px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:50px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:700}.kicker:before{content:"";width:26px;height:2px;background:var(--gold)}h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.96;letter-spacing:-.04em;margin:18px 0 22px;max-width:13ch}h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.1;letter-spacing:-.025em;margin:0 0 18px}h3{line-height:1.2}.lead{font-size:clamp(1.08rem,1.8vw,1.3rem);color:#dfd7f0;max-width:66ch}.hero-card{background:linear-gradient(145deg,#2c1750,#170d2c);padding:26px;border-radius:16px;box-shadow:14px 18px 45px rgba(0,0,0,.38);border:1px solid #51356f}.hero-card h2{font-size:1.25rem}.hero-card ul{padding-left:1.2rem;margin:0}.hero-card li{margin:.5rem 0}.hero-card strong{color:var(--mint)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;text-decoration:none;font-weight:800;background:var(--gold);color:#231508}.button.secondary{background:transparent;color:var(--ink);border:1px solid #725891}.section{padding:64px 0;border-bottom:1px solid rgba(73,51,104,.7)}.content-grid{display:grid;grid-template-columns:1fr minmax(0,2fr);gap:48px}.section-index{color:var(--gold);font-weight:800}.copy{max-width:74ch}.copy p{margin:0 0 1.1rem;color:#ddd5eb}.copy p:first-child{font-size:1.1rem;color:var(--ink)}.task-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.task-link{display:flex;justify-content:space-between;gap:16px;align-items:center;text-decoration:none;background:var(--panel);border-radius:14px;padding:18px 20px;box-shadow:8px 10px 25px rgba(0,0,0,.22)}.task-link:hover{background:#312052}.task-link span{color:var(--gold);font-size:1.25rem}.game-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:34px 0;min-width:0}.game-strip img{width:100%;min-width:0;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:var(--panel)}.evidence{background:#0d1720}.evidence .copy p{color:#c9dae3}.site-footer{padding:52px 0 28px;background:#0c0716}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--gold)}.fine{color:#9289a6;font-size:.85rem;margin-top:36px}.cookie{position:fixed;left:16px;bottom:16px;width:min(430px,calc(100% - 32px));background:#fff;color:#20152b;padding:18px;border-radius:14px;box-shadow:12px 16px 40px rgba(0,0,0,.45);z-index:30}.cookie p{margin:0 0 12px}.cookie button{border:0;border-radius:10px;padding:.7rem 1rem;background:#20152b;color:#fff;font-weight:700}.cookie[hidden]{display:none}.notice{padding:18px 20px;background:#36183d;border-radius:14px;border:1px solid #783462;color:#ffeaf5;margin:28px 0}.source-list{padding-left:1.2rem}.source-list li{margin:.7rem 0}@media(max-width:820px){.menu{display:block}.navlinks{position:absolute;top:72px;left:0;right:0;background:var(--night);padding:14px 16px 20px;display:none;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero{padding:50px 0}.hero-grid,.content-grid,.footer-grid{grid-template-columns:1fr}.hero-card{order:-1}.hero h1{font-size:clamp(2.45rem,13vw,4.2rem)}.task-links{grid-template-columns:1fr}.game-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:48px 0}}@media(max-width:420px){.wrap{width:min(calc(100% - 24px),var(--max))}.game-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.status .wrap{font-size:.82rem}.hero-card{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header{backdrop-filter:none}}

/* RollXO source-faithful lobby system */
:root{--rx-bg:#0f0f14;--rx-shell:#171720;--rx-panel:#20202b;--rx-panel-2:#292936;--rx-line:#363644;--rx-text:#f7f7fb;--rx-muted:#b7b7c5;--rx-purple:#8b5cf6;--rx-purple-hi:#a78bfa;--rx-yellow:#f5c451;--rx-danger:#f08a8f;--sidebar:232px}
body{background:var(--rx-bg);color:var(--rx-text);font-family:Roboto,Arial,sans-serif;padding-left:var(--sidebar)}
.wrap{width:min(calc(100% - 40px),1360px)}
.site-header{height:64px;background:var(--rx-shell);border:0;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.nav{height:64px;min-height:64px;max-width:none;width:100%;padding:0 20px}
.brand{font-size:1.42rem;color:#fff;letter-spacing:-.03em}.brand b{color:var(--rx-purple-hi)}
.navlinks{margin:0;gap:6px}.navlinks a{color:var(--rx-muted);font-weight:700;padding:.55rem .75rem;border-radius:8px}.navlinks a:hover,.navlinks a[aria-current=page]{background:var(--rx-panel-2);color:#fff}
.header-actions{margin-left:auto;display:flex;gap:8px}.header-action{padding:.55rem .9rem;border:1px solid #555568;border-radius:8px;text-decoration:none;font-weight:800;font-size:.88rem}.header-action.primary{background:var(--rx-purple);border-color:var(--rx-purple)}
.sidebar{position:fixed;z-index:25;inset:0 auto 0 0;width:var(--sidebar);background:#14141c;border-right:1px solid #24242f;padding:18px 12px;overflow:auto}.sidebar-brand{display:flex;padding:7px 12px 20px;font-size:1.7rem}.side-group{margin:8px 0 20px}.side-label{display:block;padding:0 12px 8px;color:#838393;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.side-link{display:flex;align-items:center;gap:10px;color:var(--rx-muted);text-decoration:none;padding:10px 12px;border-radius:9px;font-weight:600}.side-link:hover,.side-link.active{background:var(--rx-panel-2);color:#fff}.side-icon{display:grid;place-items:center;width:23px;height:23px;color:var(--rx-purple-hi);font-size:1.05rem}
.status{background:#2b2233;border:0}.status .wrap{padding:10px 20px;width:100%;max-width:none}.status strong{color:var(--rx-yellow)}
.lobby{padding:24px 0 60px}.promo{position:relative;overflow:hidden;min-height:300px;border-radius:16px;background:linear-gradient(100deg,#372160 0%,#502774 46%,#171720 100%);box-shadow:0 16px 34px rgba(0,0,0,.32);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center}.promo-copy{padding:38px 44px;position:relative;z-index:2}.promo h1{font-size:clamp(2.35rem,4.7vw,4.9rem);line-height:.96;margin:12px 0 18px;max-width:11ch}.promo .lead{color:#eeeafb;max-width:60ch}.promo-art{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;padding:30px 28px 0;background:radial-gradient(circle at 55% 40%,rgba(167,139,250,.38),transparent 58%)}.promo-art img{width:100%;border-radius:12px 12px 0 0;box-shadow:0 15px 32px rgba(0,0,0,.5);transform:translateY(14px)}.promo-art img:nth-child(2){transform:translateY(-8px)}
.quick-tabs{display:flex;gap:8px;overflow:auto;padding:18px 2px 8px}.quick-tabs a{white-space:nowrap;text-decoration:none;background:var(--rx-panel);padding:10px 14px;border-radius:9px;color:var(--rx-muted);font-weight:700}.quick-tabs a:first-child,.quick-tabs a:hover{background:var(--rx-purple);color:white}
.shelf{padding:18px 0}.shelf-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.shelf h2{font-size:1.45rem;margin:0}.shelf-note{color:var(--rx-muted);font-size:.9rem}.covers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.cover{min-width:0}.cover img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.3);transition:transform .22s ease,box-shadow .22s ease}.cover:hover img{transform:translateY(-4px);box-shadow:0 16px 26px rgba(0,0,0,.42)}.cover b{display:block;margin-top:8px;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover span{display:block;color:var(--rx-muted);font-size:.75rem}
.task-hub{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0 40px}.task-link{background:var(--rx-panel);padding:16px;border-radius:12px;box-shadow:none;border:1px solid transparent;min-height:92px;align-items:flex-end}.task-link:hover{background:var(--rx-panel-2);border-color:#4c4c5d}.task-link span{color:var(--rx-purple-hi)}
.editorial{background:#15151d;border:1px solid #2a2a36;border-radius:16px;padding:clamp(24px,4vw,58px);margin-top:22px}.editorial-head{max-width:78ch;margin-bottom:50px}.editorial-head h2{font-size:clamp(2rem,3vw,3.25rem)}.editorial-section{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:42px;padding:52px 0;border-top:1px solid var(--rx-line)}.editorial-section>div:first-child{position:sticky;top:90px;align-self:start}.editorial-section h2{font-size:clamp(1.6rem,2.5vw,2.55rem)}.editorial-section .intro{color:#d4d4df;font-size:1.06rem}.subtopic{max-width:76ch;margin:0 0 36px}.subtopic h3{font-size:1.3rem;margin:0 0 12px}.subtopic p{color:#c7c7d2;margin:0}.intent-hero{padding:34px 0 10px}.intent-panel{background:linear-gradient(110deg,#29213b,#1c1c27 62%);border-radius:16px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:34px;align-items:center}.intent-panel h1{font-size:clamp(2.2rem,4vw,4rem);margin:12px 0 16px}.intent-art{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.intent-art img{border-radius:10px;aspect-ratio:3/4;object-fit:cover}.intent-body{padding-bottom:50px}.intent-section{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,2fr);gap:42px;padding:48px 0;border-bottom:1px solid var(--rx-line)}.intent-section h2{font-size:clamp(1.55rem,2.6vw,2.4rem)}.intent-copy{max-width:76ch}.intent-copy p{color:#c9c9d4;font-size:1.02rem}.intent-copy p:first-of-type{color:#f1f1f7}.site-footer{background:#111118;padding-left:0}.footer-grid{grid-template-columns:.8fr 1.2fr}.cookie{background:#242431;color:#fff;border:1px solid #454557}.cookie button{background:var(--rx-purple)}
@media(max-width:1120px){.covers{grid-template-columns:repeat(5,minmax(0,1fr))}.task-hub{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body{padding-left:0}.sidebar{transform:translateX(-100%);transition:transform .24s ease}.sidebar.open{transform:none}.menu{display:block;margin-left:0}.navlinks{display:none}.header-actions{margin-left:auto}.promo{grid-template-columns:1fr}.promo-art{min-height:250px}.editorial-section,.intent-section{grid-template-columns:1fr}.editorial-section>div:first-child{position:static}.intent-panel{grid-template-columns:1fr}.intent-art{display:none}.footer-grid{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(calc(100% - 24px),1360px)}.header-actions{display:none}.promo-copy{padding:28px 22px}.promo{min-height:auto}.promo h1{font-size:2.65rem}.promo-art{min-height:210px;padding:18px 16px 0}.covers{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.cover{flex:0 0 42%;scroll-snap-align:start}.task-hub{grid-template-columns:1fr 1fr}.editorial{padding:24px 18px}.editorial-section{padding:38px 0}.site-footer{padding:42px 0 24px}.footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.task-hub{grid-template-columns:1fr}.header-action{padding:.48rem .65rem}.promo-art{min-height:180px}}
@media(prefers-reduced-motion:reduce){.sidebar,.cover img{transition:none}.cover:hover img{transform:none}}