:root{--bg:#050505;--line:rgba(255,255,255,.12);--muted:#999;--text:#f5f5f5}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 10% 15%,rgba(112,39,124,.16),transparent 28rem),radial-gradient(circle at 90% 8%,rgba(125,22,22,.13),transparent 30rem),linear-gradient(145deg,#0b0b0b,#050505 45%,#111);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(22px,5vw,80px);background:rgba(5,5,5,.78);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:10px;font-size:11px}
.nav{display:flex;gap:20px}.nav a{color:#b6b6b6;text-decoration:none;font-size:13px}.nav a:hover{color:#fff}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:24px;height:2px;background:white;margin:5px}
.hero{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 24px;border-bottom:1px solid var(--line)}.hero .eyebrow,.section-heading p,.follow-section>p{font-size:11px;letter-spacing:.24em;color:var(--muted);font-weight:800;margin:0}.hero h1{margin:10px 0 22px;font-size:clamp(64px,12vw,150px);line-height:.78;letter-spacing:-.07em}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}.hero>p{max-width:660px;color:#bbb;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center}.button{padding:13px 18px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800}.primary{background:#f2f2f2;color:#050505}.ghost{border:1px solid var(--line);color:white}.coming-pill{margin-top:28px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:10px;letter-spacing:.22em;color:#aaa}
.section{max-width:1240px;margin:0 auto;padding:105px 30px;border-bottom:1px solid rgba(255,255,255,.07)}.section-heading{display:flex;gap:22px;align-items:flex-start;margin-bottom:34px}.section-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:#777;font-size:11px}.section h2{margin:4px 0 0;font-size:clamp(36px,5vw,68px);letter-spacing:-.05em}
.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.book-card,.placeholder,.wide-coming,.map-shell,.mini-card,.game-banner{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border-radius:22px}.book-card{padding:16px}.book-cover,.mystery-cover{width:100%;aspect-ratio:2/3;border-radius:13px;border:1px solid rgba(255,255,255,.13);overflow:hidden}.book-cover{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:28px 18px;background:radial-gradient(circle at 65% 25%,rgba(255,100,55,.34),transparent 24%),radial-gradient(circle at 24% 72%,rgba(115,50,160,.38),transparent 30%),linear-gradient(150deg,#161616,#351423 45%,#0b0b0b)}.cover-title{font-size:clamp(24px,3.2vw,44px);font-weight:1000;letter-spacing:-.08em}.cover-subtitle{margin-top:8px;font-size:9px;letter-spacing:.12em;color:#c4c4c4}.cover-question{position:absolute;top:22%;font-size:88px;font-weight:900;color:rgba(255,255,255,.09)}.mystery-cover{display:grid;place-items:center;background:linear-gradient(145deg,#050505,#121212);color:#666;font-size:clamp(80px,9vw,125px);font-weight:800}.card-copy{padding:18px 4px 4px}.card-copy span{color:#6d6d6d;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.card-copy h3{margin:7px 0 5px;font-size:18px}.card-copy p{margin:0;color:#999;font-size:13px}
.placeholder{min-height:300px;display:grid;place-items:center;text-align:center;align-content:center;padding:40px}.placeholder h3{font-size:30px;margin:0 0 8px}.placeholder p{color:#999}.placeholder strong,.mini-card strong,.game-banner strong,.map-overlay strong{letter-spacing:.22em;font-size:11px;color:#d5d5d5}.compact{min-height:220px}
.wide-coming{min-height:260px;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,70px)}.wide-coming span{color:#707070;font-size:11px;letter-spacing:.15em}.wide-coming h3{margin:18px 0 0;font-size:clamp(46px,8vw,92px);letter-spacing:-.06em}
.map-shell{position:relative;height:520px;overflow:hidden;background:#0b0b0b}.map-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;transform:rotate(-6deg) scale(1.15)}.road{position:absolute;height:2px;background:rgba(255,255,255,.2);transform-origin:left center}.r1{width:75%;left:10%;top:48%;transform:rotate(9deg)}.r2{width:60%;left:28%;top:25%;transform:rotate(64deg)}.r3{width:52%;left:23%;bottom:23%;transform:rotate(-28deg)}.marker{position:absolute;width:18px;height:18px;border:1px solid rgba(255,255,255,.4);border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.035)}.m1{left:22%;top:30%}.m2{left:64%;top:24%}.m3{left:48%;top:68%}.m4{left:79%;top:60%}.map-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:radial-gradient(circle at center,rgba(5,5,5,.4),rgba(5,5,5,.88) 65%)}.map-overlay p{margin:0 0 12px;color:#777;font-size:10px;letter-spacing:.25em}.map-overlay h3{max-width:660px;margin:0 0 20px;font-size:clamp(40px,6vw,76px);letter-spacing:-.055em;line-height:.95}
.three-grid,.two-grid{display:grid;gap:16px}.three-grid{grid-template-columns:repeat(3,1fr)}.two-grid{grid-template-columns:repeat(2,1fr)}.mini-card{min-height:190px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.mini-card span{color:#aaa;font-size:18px}.game-banner{min-height:270px;padding:clamp(28px,6vw,70px);display:flex;align-items:end;justify-content:space-between;gap:30px}.game-banner p{color:#727272;letter-spacing:.2em;font-size:10px}.game-banner h3{margin:8px 0 0;font-size:clamp(38px,6vw,70px);letter-spacing:-.05em}
.follow-section{text-align:center}.social-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.social-row a{display:flex;gap:14px;align-items:center;text-decoration:none;color:white;padding:13px 16px;border-radius:999px;border:1px solid var(--line)}.social-row span{color:#777;font-size:11px}
footer{max-width:1240px;margin:0 auto;padding:34px 30px 48px;display:flex;justify-content:space-between;gap:24px;color:#777;font-size:12px}footer div{display:flex;gap:12px}footer strong{color:#bbb}
@media(max-width:920px){.nav{position:absolute;top:70px;left:18px;right:18px;display:none;flex-direction:column;padding:10px;background:#0a0a0a;border:1px solid var(--line);border-radius:18px}.nav.open{display:flex}.nav a{padding:12px}.menu-toggle{display:block}.book-grid{grid-template-columns:repeat(2,1fr)}.three-grid{grid-template-columns:1fr}}
@media(max-width:620px){.section{padding:80px 20px}.book-grid,.two-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(64px,22vw,100px)}.map-shell{height:430px}.game-banner{align-items:flex-start;flex-direction:column;justify-content:flex-end}footer{flex-direction:column}}