:root{--bg: #0a0605;--bg2: #140b0a;--panel: #160d0b;--ink: #f1e5e0;--muted: #b6a099;--teal: #ff5a2e;--teal-dim: #7e3320;--amber: #ffa23e;--line: #2a1714;--serif: Georgia, "Times New Roman", serif;--sans: "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#26100a 0%,var(--bg) 60%) fixed;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:.5px}.fx-grain,.fx-vig{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.fx-vig{box-shadow:inset 0 0 320px 60px #000000e6}.fx-grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-4px,3px)}to{transform:translate(3px,-2px)}}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:16px 6vw;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#160b08ea,#0a0605b0);border-bottom:1px solid #3a1c14;box-shadow:0 6px 24px #000a,0 1px #ff5a2e22}.brand{font-family:var(--serif);font-size:20px;letter-spacing:3px;display:inline-flex;align-items:center;gap:11px;color:#fff2ec;text-shadow:0 0 18px rgba(255,90,46,.35)}.brand b{color:var(--teal);font-weight:700;text-shadow:0 0 16px rgba(255,90,46,.6)}.brand-logo{width:36px;height:36px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 16px #ff5a2e73,0 0 2px #000}footer .brand{font-size:16px;letter-spacing:2px}footer .brand-logo{width:28px;height:28px}.nav .spacer{flex:1}.nav a.link{color:#e0cbc2;letter-spacing:2px;font-size:13px;text-transform:uppercase;transition:color .15s,text-shadow .15s}.nav a.link:hover,.nav a.link.active{color:var(--teal);text-shadow:0 0 14px rgba(255,90,46,.6)}.yt{border:1px solid var(--teal-dim);color:var(--teal);padding:7px 14px;border-radius:3px;font-size:12px;letter-spacing:2px}.yt:hover{background:var(--teal);color:#1c0906}.wrap{max-width:1160px;margin:0 auto;padding:0 6vw}.section{padding:64px 0}.section h2{font-size:30px;margin:0 0 6px}.eyebrow{color:var(--teal);letter-spacing:4px;font-size:12px;text-transform:uppercase}.lead{color:var(--muted);max-width:640px;line-height:1.6}.hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden}.hero .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:34% 12%;filter:brightness(1.18) saturate(1.08) contrast(1.12) hue-rotate(-6deg)}.hero .bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07090ab0,#07090a33,#07090a0d 60%,#07090a30),linear-gradient(#07090a00 60%,#07090ad0)}.hero-cloud{position:absolute;left:8%;top:15%;width:300px;height:74px;border-radius:50%;z-index:1;pointer-events:none;filter:blur(7px);background:radial-gradient(58% 100% at 50% 50%,#1012189e,#10121847 45%,#10121800 72%);animation:cloudDrift 30s linear infinite}@keyframes cloudDrift{0%{transform:translate(-60px) scaleX(.9);opacity:0}18%{opacity:.85}82%{opacity:.85}to{transform:translate(210px) scaleX(1.1);opacity:0}}@media (prefers-reduced-motion: reduce){.hero-cloud{animation:none;opacity:.5}}.hero-scrim{position:absolute;left:0;top:0;bottom:0;width:58%;z-index:1;pointer-events:none;background:linear-gradient(90deg,#04060bd1,#04060b99 26%,#04060b42 56%,#04060b00)}.hero-lamp{position:absolute;left:59%;top:17%;width:64px;height:30px;transform:translate(-50%,-50%) translateZ(0);z-index:1;pointer-events:none;background:radial-gradient(closest-side,#ffb656d9,#ff963c00);filter:blur(3px);will-change:opacity;animation:lampFlicker 2s infinite steps(1)}@keyframes lampFlicker{0%{opacity:.85}3%{opacity:.35}6%{opacity:.95}8%{opacity:.18}10%{opacity:.8}12%{opacity:.5}15%{opacity:1}18%{opacity:.22}20%{opacity:.7}23%{opacity:.4}26%{opacity:.9}29%{opacity:.55}32%{opacity:.12}34%{opacity:.82}37%{opacity:.45}40%{opacity:1}43%{opacity:.28}46%{opacity:.75}49%{opacity:.5}52%{opacity:.92}55%{opacity:.2}58%{opacity:.72}61%{opacity:.42}64%{opacity:.88}67%{opacity:.58}70%{opacity:.14}73%{opacity:.8}76%{opacity:.48}79%{opacity:.97}82%{opacity:.3}85%{opacity:.78}88%{opacity:.52}91%{opacity:.16}94%{opacity:.85}97%{opacity:.4}to{opacity:.88}}.hero .inner{position:relative;z-index:2;padding:0 6vw;max-width:760px}.hero h1{font-size:clamp(38px,6vw,74px);line-height:1.02;margin:12px 0 16px;text-shadow:0 2px 26px #000,0 0 70px #000}.hero .sub{color:#c3d0d2;font-size:18px;line-height:1.6;max-width:560px;text-shadow:0 1px 10px #000,0 0 24px #000c}.hero .eyebrow{text-shadow:0 1px 8px #000}.hero .sub b{color:#cdb2b2;font-weight:600}.cta-row{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.hero-clock{position:absolute;top:20px;right:6vw;z-index:2;font-family:ui-monospace,SF Mono,monospace;font-size:15px;letter-spacing:5px;color:#d6463cd1;text-shadow:0 0 10px rgba(210,40,40,.55),0 0 24px rgba(150,20,20,.4);animation:clockFlick 5s infinite steps(1)}@keyframes clockFlick{0%,96%,to{opacity:.85}97%{opacity:.15}98%{opacity:.9}99%{opacity:.35}}.hero-title{position:relative;color:#fff5f2;-webkit-text-stroke:1px #1a0708;paint-order:stroke fill;font-family:"Creepster",var(--serif);font-weight:400;letter-spacing:3px;font-size:clamp(52px,8vw,104px);line-height:1.04;animation:heroFlick 7s infinite steps(1),heroGlow 3.4s ease-in-out infinite alternate}.hero-title:before,.hero-title:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none;opacity:.45;mix-blend-mode:screen}.hero-title:before{color:#ff2d3a;animation:glitchA 4.6s infinite steps(1)}.hero-title:after{color:#2ee6e6;animation:glitchB 3.9s infinite steps(1)}@keyframes heroFlick{0%,11%,13%,39%,41%,42%,77%,79%,to{opacity:1}12%{opacity:.38}40%{opacity:.55}78%{opacity:.3}}@keyframes heroGlow{0%{text-shadow:0 0 12px rgba(230,60,55,.6),0 0 40px rgba(150,25,22,.5),0 3px 30px #000}to{text-shadow:0 0 26px rgba(255,80,68,.9),0 0 74px rgba(190,35,30,.7),0 3px 30px #000}}@keyframes glitchA{0%,92%,to{transform:translate(0);opacity:0}93%{transform:translate(-3px,-2px);opacity:.5}95%{transform:translate(2px,1px);opacity:.45}97%{transform:translate(-2px,2px);opacity:.5}}@keyframes glitchB{0%,90%,to{transform:translate(0);opacity:0}91%{transform:translate(3px,1px);opacity:.5}94%{transform:translate(-2px,-2px);opacity:.45}96%{transform:translate(2px,-1px);opacity:.5}}.flick-soft{animation:heroFlick 9s infinite steps(1)}@media (prefers-reduced-motion: reduce){.hero-title,.hero-title:before,.hero-title:after,.flick-soft,.hero-clock{animation:none}.hero-title:before,.hero-title:after{opacity:0}}@media (max-width: 760px){html,body,#root{overflow-x:hidden!important;max-width:100vw}.nav{gap:12px;padding:14px 5vw;flex-wrap:wrap}.nav .brand span{display:none}.hero{min-height:88vh;display:block}.hero .bg{background-position:62% 10%}.hero .bg:after{background:linear-gradient(#07090a00 30%,#07090ae0 78%,#07090a)}.hero-cloud{width:190px;height:50px;left:2%;top:8%}.hero .inner{position:absolute;left:6vw;right:6vw;bottom:0;width:auto;max-width:none;z-index:2;padding:0 0 8vh}.hero .sub{width:100%;max-width:100%;font-size:16px;overflow-wrap:break-word}.hero-title{font-size:clamp(30px,9vw,54px);letter-spacing:1px;max-width:100%;overflow-wrap:break-word;word-break:break-word}.hero-scrim{width:100%;height:auto;top:auto;bottom:0;min-height:62%;background:linear-gradient(#07090a00,#07090a99 42%,#07090af2)}.hero-lamp{left:70%;top:23%;width:54px;height:28px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:4px;font-size:14px;letter-spacing:1.5px;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--ink);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--teal);color:#1c0906;font-weight:700}.btn.primary:hover{background:#ff7c4f}.btn.ghost{border-color:var(--line);color:var(--ink);background:transparent}.btn.ghost:hover:not(:disabled){border-color:var(--teal-dim);color:var(--teal);background:#1c100d}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border-radius:6px;font-size:14.5px;font-weight:600;letter-spacing:1px;cursor:pointer;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#f3e6e1;background:#1a0f0c;border:1px solid #3a221c;transition:background .15s,border-color .15s,color .15s}.gbtn:hover:not(:disabled){background:#241511;border-color:#7e3320}.gbtn:active:not(:disabled){background:#2c1913}.gbtn:disabled{opacity:.45;cursor:default}.gbtn.pos{color:#a6efc0;border-color:#3f6e49}.gbtn.pos:hover:not(:disabled){background:#12241a}.gbtn.neg{color:#f2acac;border-color:#7a2f2f}.gbtn.neg:hover:not(:disabled){background:#241314}.gbtn.warn{color:#e8c98a;border-color:#6a5326}.gbtn.warn:hover:not(:disabled){background:#23200f}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:linear-gradient(var(--panel),#0a0f11);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:var(--teal-dim)}.card .thumb{aspect-ratio:16/9;background:#05080a;position:relative;overflow:hidden}.card .thumb img,.card .thumb iframe{width:100%;height:100%;border:0;display:block;object-fit:cover}.card .body{padding:14px 16px 18px}.card .body h3{margin:0 0 6px;font-size:19px}.card .meta{color:var(--teal);font-size:12px;letter-spacing:2px;text-transform:uppercase}.card .blurb{color:var(--muted);font-size:14px;line-height:1.55;margin-top:8px}.badge{display:inline-block;border:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:2px;padding:3px 8px;border-radius:3px}.badge.warn{border-color:#4a2f2f;color:#c98a8a}.game-stage{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0 60px}.game-frame{border:1px solid var(--line);border-radius:10px;background:#04070a;box-shadow:0 20px 80px #000a,inset 0 0 120px #0006}.game-hud{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:14px;letter-spacing:1px}.game-hud b{color:var(--ink)}canvas{display:block;border-radius:8px;touch-action:none}.center{text-align:center}.prose{max-width:760px;margin-top:26px;color:var(--ink);line-height:1.75;font-size:15.5px}.prose p{color:#c4d2d4;margin:0 0 18px}.prose h3{font-family:var(--serif);color:var(--teal);font-size:19px;margin:30px 0 10px;letter-spacing:.5px}.prose ul{color:#c4d2d4;margin:0 0 18px;padding-left:22px}.prose li{margin:0 0 9px}.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}.prose a:hover,.prose strong{color:var(--ink)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;padding:30px 6vw 50px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}footer .spacer{flex:1}.book{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start;background:linear-gradient(var(--panel),#0a0f11);border:1px solid var(--line);border-radius:10px;padding:32px}.book-cover{position:sticky;top:20px}.book-cover img{width:100%;border-radius:6px;border:1px solid var(--line);box-shadow:0 20px 60px #0009;display:block}.book-price{margin-top:14px;text-align:center}.book-price .big{color:var(--ink);font-size:18px;font-weight:700}.book-price .mut{color:var(--muted);font-size:13px;margin-top:3px}.book-info .meta{color:var(--teal);font-size:12px;letter-spacing:2px;text-transform:uppercase}.book-title{font-family:Georgia,serif;font-size:34px;margin:8px 0 2px;line-height:1.1}.book-sub{color:var(--muted);font-size:17px;font-style:italic}.book-hook{color:var(--ink);font-size:19px;font-weight:600;line-height:1.5;margin:18px 0 4px}.book-info .blurb{color:var(--muted);font-size:15px;line-height:1.65}.book-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.book-closer{color:var(--teal);font-style:italic;font-size:16px;line-height:1.6;margin-top:20px}.mut{color:var(--muted)}@media (max-width: 760px){.book{grid-template-columns:1fr;gap:24px;padding:22px}.book-cover{position:static;max-width:260px;margin:0 auto}.book-title{font-size:28px}}@media (max-width: 640px){.nav{gap:16px}.nav .hide-sm{display:none}}