@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d0505;--card:#1b0a09;--red:#d13d2c;--red-light:#ff826c;--white:#f7efeb;--soft:#d7c2bd;--muted:#af9290;--line:#56302c;--width:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);margin:0;font:16px/1.65 Inter,Arial,sans-serif;min-width:300px}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ffe3a5;outline-offset:4px}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:1.06;letter-spacing:.015em;margin:0}.wrap{max-width:var(--width);margin:auto;padding-left:24px;padding-right:24px}.skip{position:absolute;left:12px;top:-90px;background:white;color:#111;padding:10px;z-index:110}.skip:focus{top:12px}.header{height:80px;position:sticky;top:0;z-index:70;border-bottom:1px solid #44231f;background:rgba(11,5,5,.96);backdrop-filter:blur(12px)}.head-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;font:900 27px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:.075em;white-space:nowrap}.brand b{font-weight:900;color:var(--red-light)}.brand small{display:block;font:500 9px Inter,sans-serif;color:#bda8a3;letter-spacing:.45em;margin-top:7px}.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.1em;color:#ebdeda;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--red-light)}.nav .nav-play{background:#a62d24;border:1px solid #c94d3b;padding:12px 17px;border-radius:3px;color:white}.nav .nav-play:hover{background:#d54434;color:white}.menu-toggle{display:none;background:#28100d;border:1px solid #693a32;color:#fff;cursor:pointer;padding:7px 13px;border-radius:4px}.eyebrow{color:var(--red-light);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin:0 0 14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:10px;background:#aa2c22;border:1px solid #e05f50;padding:11px 25px;color:white;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:800 16px 'Barlow Condensed',Impact,sans-serif;border-radius:3px;cursor:pointer;transition:.2s}.btn:hover{background:#d44432;transform:translateY(-2px)}.btn-outline{background:#160909bf;border-color:#9b5b51}.btn-outline:hover{background:#3b1410}.hero{min-height:min(75vh,700px);position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#160401}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('homepage-reference.webp') center center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent 48%,#10050488 78%,#0d0505 100%)}.hero-contents{padding:22px 24px 40px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:13px}.hero-contents .tag{flex-basis:100%;font:700 12px Inter,sans-serif;letter-spacing:.25em;text-transform:uppercase;text-shadow:0 2px 8px black;color:#fff5ee}.intro{padding:89px 0 80px}.intro h1,.feature-title{font-size:clamp(3.6rem,7vw,6rem)}.intro .lead{max-width:760px}.lead{color:var(--soft);font-size:clamp(1.02rem,1.9vw,1.2rem);line-height:1.8}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}.feature{display:flex;flex-direction:column;padding:32px 28px;border:1px solid #4a2722;border-radius:6px;min-height:300px;background:linear-gradient(150deg,#33130f 0%,#180908 60%,#100707 100%)}.feature .index{font:800 13px Inter,sans-serif;color:var(--red-light);letter-spacing:.14em}.feature h3{font-size:2.25rem;margin-top:25px}.feature p{color:var(--soft);font-size:14px;margin:12px 0 25px}.feature a{margin-top:auto;align-self:flex-start}.bar{background:linear-gradient(100deg,#2b0d0a,#130706);border-block:1px solid #4e2621;padding:75px 0}.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.bar h2{font-size:clamp(2.7rem,6vw,4.4rem);margin-bottom:12px}.bar p{color:var(--muted);margin:0}.page-heading{padding:100px 0 68px;background:radial-gradient(ellipse at 45% -10%,#511711 0%,#180907 55%,#0d0505 100%);border-bottom:1px solid #49251f}.page-heading h1{font-size:clamp(3.6rem,8vw,6.7rem)}.page-heading .lead{max-width:800px}.content{padding-top:45px;padding-bottom:90px}.surface{border:1px solid #4b2923;border-radius:8px;background:linear-gradient(125deg,#28100d,#130707);padding:28px}.surface h2{font-size:2.5rem}.surface p{color:var(--soft)}.game-wrap{max-width:850px;margin:32px auto 23px;padding:12px;border:1px solid #75352c;border-radius:8px;background:#000;box-shadow:0 25px 85px #000a;overflow:hidden}.game-frame-viewport{width:100%;height:760px;max-height:none;position:relative;overflow:hidden;background:#000}.game-frame-viewport iframe{display:block;position:absolute;left:0;top:0;width:800px;height:760px;transform-origin:top left;border:0;background:#000}.game-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.note{border-left:3px solid #df604f;background:#2a100d;padding:16px 20px;color:#e9cfc9}.note strong{color:white}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 8px}.controls>div{background:#130807;border:1px solid #452620;padding:13px 14px;border-radius:4px}.controls strong{display:block;color:white}.controls span{font-size:13px;color:var(--muted)}.shop-placeholder{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:30px;align-items:center}.shop-icon{min-height:235px;display:grid;place-items:center;border:1px dashed #81483e;border-radius:7px;background:radial-gradient(circle,#5b211b,#1c0a08 70%);font:900 180px 'Barlow Condensed',Impact,sans-serif;color:#9d3228;text-shadow:3px 3px #f8d9cf55}.footer{border-top:1px solid #442720;padding:33px 0;color:var(--muted);font-size:13px}.foot-grid{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer a{color:#decac2}.footer a:hover{color:#ff9384}.minor{color:var(--muted);font-size:13px}.game-wrap:fullscreen{max-width:none;width:100%;height:100%;border:0;border-radius:0;display:flex;align-items:center;justify-content:center}.game-wrap:fullscreen .game-frame-viewport{width:min(100%,1100px);height:100%}@media(max-width:850px){.menu-toggle{display:block}.nav{position:absolute;display:none;left:0;right:0;top:79px;background:#130605;padding:15px 24px 24px;border-bottom:1px solid #6b332c;flex-direction:column;gap:0;align-items:stretch}.nav.is-open{display:flex}.nav a{padding:11px 14px}.nav .nav-play{margin-top:10px}.grid3{grid-template-columns:1fr}.feature{min-height:0}.bar .wrap{flex-direction:column;align-items:flex-start}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:560px}.hero:before{background-size:auto 100%;background-position:center}.shop-placeholder{grid-template-columns:1fr}.shop-icon{min-height:180px;font-size:100px}}@media(max-width:540px){.header{height:70px}.nav{top:69px}.wrap{padding-left:18px;padding-right:18px}.brand{font-size:23px}.hero{min-height:430px}.hero:before{background-size:auto 90%;background-position:center 12%}.hero-contents{padding:20px 14px 22px}.hero-contents .tag{font-size:10px}.hero-contents .btn{min-height:42px;font-size:14px;padding:10px 13px}.intro{padding:65px 0 60px}.page-heading{padding:65px 0 45px}.content{padding-top:32px;padding-bottom:60px}.surface{padding:20px}.controls{grid-template-columns:1fr 1fr}.game-wrap{margin:22px auto;padding:4px}.game-frame-viewport{height:460px}.note{font-size:14px}.bar{padding:55px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}