:root{--ink:#f3ecf7;--muted:#b3a6c6;--purple:#9f56d2;--lav:#caa6f0;--teal:#51d4d9;--red:#ff2c1e;--lime:#9fe04f;--gold:#f2b13a;--common:#ada3c2;--rare:#5aa9e6;--epic:#b06be0;--edge:#2a2040}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Chakra Petch',sans-serif;line-height:1.5;background:linear-gradient(180deg,#c9772f 0,#8a4a2c 8%,#4a2c33 18%,#2a1a36 30%,#160e22 46%,#100a1a 68%,#0a0710 100%)}.px{font-family:'Press Start 2P',monospace;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block}h2{font-family:'Press Start 2P';color:#fff;line-height:1.5}.label{font-family:'Press Start 2P';font-size:10px;letter-spacing:.16em;text-transform:uppercase}.btn{font-weight:700;border:none;border-radius:9px;padding:11px 17px;font-size:14px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:transform .12s,box-shadow .12s;white-space:nowrap}.btn-steam{background:linear-gradient(180deg,#b06be0,#7d3fc0);color:#fff;box-shadow:0 4px 0 #4b2380,0 0 24px #9f56d255}.btn-steam:hover{transform:translateY(-2px);box-shadow:0 6px 0 #4b2380,0 0 34px #9f56d2aa}.btn-ghost{background:#ffffff14;color:#fff;box-shadow:inset 0 0 0 1px #ffffff33}.btn-ghost:hover{background:#ffffff22}.btn-lg{padding:15px 26px;font-size:15px}nav{position:absolute;z-index:20;top:24px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.nav-mark{font-size:14px;color:var(--gold);letter-spacing:.06em;text-shadow:0 2px 0 #000}.nav-r{display:flex;gap:10px}.hero{position:relative;min-height:600px;height:78vh;max-height:760px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-grad{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 28%,transparent 34%,#160e22cc 100%),linear-gradient(180deg,#1a0f06aa 0,transparent 26%,#160e22d9 86%,#120b1c 100%)}.hero-inner{position:relative;z-index:5;padding:0 24px;max-width:920px;width:100%;animation:.8s both heroin}@keyframes heroin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.kicker{font-size:10px;color:#ffd9a0;letter-spacing:.2em;margin:0 0 20px;text-shadow:0 2px 6px #000}.hero-logo{width:min(560px,82vw);margin:0 auto;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #000) drop-shadow(0 0 34px #f2b13a55) drop-shadow(0 0 70px #9f56d244)}.tagline{font-size:clamp(10px,1.7vw,15px);color:#fff;letter-spacing:.16em;margin:18px 0 0;text-shadow:0 2px 0 #000,0 0 20px #ffb35066}.hero-sub{font-size:16px;max-width:50ch;margin:14px auto 22px;color:#f0e2d2;text-shadow:0 1px 4px #000}.ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.genre{margin-top:16px;font-size:12px;color:#e7c9a8;letter-spacing:.08em}#embers .ember{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#ffb74d;box-shadow:0 0 8px #ff9d3c;opacity:0;z-index:4;animation:linear infinite rise}@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:.9}100%{transform:translateY(-72vh);opacity:0}}.mag{max-width:1140px;margin:0 auto;padding:64px 24px 40px}.mag-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:46px;align-items:center}.mag-tell .label{color:var(--teal)}.mag-tell h2{font-size:clamp(15px,2.1vw,21px);margin:14px 0 16px;text-shadow:0 0 18px #9f56d244}.mag-tell p{color:var(--muted);font-size:15px;margin:0 0 12px;max-width:46ch}.mag-tell .mag-eg{color:#d9cce8}.mag-tell .mag-eg b{color:var(--gold)}.deck-note{font-size:9px;color:var(--lav);letter-spacing:.14em;margin-top:18px;border-left:3px solid var(--gold);padding-left:12px}.mag-strip{list-style:none;margin:0;padding:14px;display:flex;flex-direction:column;gap:8px;background:#140d24;border:1px solid var(--edge);border-radius:14px;box-shadow:0 24px 60px #0009,inset 0 0 0 1px #ffffff08}.slot{position:relative;display:grid;grid-template-columns:30px 46px 1fr auto;align-items:center;gap:12px;background:linear-gradient(90deg,#1d1430,#191127);border:1px solid #2c2342;border-left-width:4px;border-radius:10px;padding:9px 12px;transition:transform .12s,background .12s}.slot:hover{transform:translateX(4px);background:linear-gradient(90deg,#241935,#1c1430)}.slot.r-common{border-left-color:var(--common)}.slot.r-rare{border-left-color:var(--rare)}.slot.r-epic{border-left-color:var(--epic)}.slot-n{font-size:12px;color:#6f6090;text-align:center}.slot img{width:42px;height:42px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #000a)}.slot-name{font-weight:700;color:#fff;font-size:15px;grid-column:3;line-height:1.1}.slot-fx{grid-column:3;color:var(--muted);font-size:12.5px;line-height:1.25}.slot-rar{grid-column:4;grid-row:1/3;align-self:center;font-size:7px;letter-spacing:.08em;padding:4px 6px;border-radius:5px;color:#0d0a08}.r-common .slot-rar{background:var(--common)}.r-rare .slot-rar{background:var(--rare);color:#06121f}.r-epic .slot-rar{background:var(--epic);color:#fff}.mag-strip .slot:first-child::after{content:"FIRES FIRST";position:absolute;right:84px;top:-9px;font-family:'Press Start 2P';font-size:6px;color:var(--teal);background:#140d24;padding:2px 6px;border-radius:4px;letter-spacing:.1em}.yard{position:relative;padding:34px 0 0;overflow:hidden}.yard-head{text-align:center;position:relative;z-index:5;max-width:760px;margin:0 auto;padding:0 24px}.yard .label{color:var(--teal)}.yard h2{font-size:clamp(15px,2.3vw,22px);margin:12px 0 8px;text-shadow:0 0 18px #51d4d955}.yard-sub{color:var(--muted);font-size:14px;margin:0 auto}.scene{position:relative;margin-top:24px;padding-bottom:40px}.glow{position:absolute;left:50%;top:0;width:64%;height:74%;transform:translateX(-50%);background:radial-gradient(ellipse at center,#2fe6b844 0,#2fae8e1c 38%,transparent 70%);filter:blur(8px);animation:5s ease-in-out infinite pulse;z-index:0}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}.fog{position:absolute;left:-20%;right:-20%;height:150px;background:radial-gradient(closest-side,#b9a9d02b,transparent);opacity:.45;z-index:1;pointer-events:none}.fog.f1{bottom:30px;animation:26s linear infinite drift}.fog.f2{top:20px;animation:40s linear infinite reverse drift;opacity:.28}@keyframes drift{0%,100%{transform:translateX(-8%)}50%{transform:translateX(8%)}}.ground{position:absolute;left:0;right:0;bottom:0;height:90px;z-index:1;background:linear-gradient(180deg,transparent,#0c0716 70%,#080510)}.row{position:relative;z-index:3;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:clamp(10px,1.8vw,22px);padding:0 24px;max-width:1180px;margin:0 auto}.stone{position:relative;width:150px;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding-top:18px;transition:transform .16s}.stone:nth-child(2n){transform:translateY(12px)}.stone-img{width:74px;image-rendering:pixelated;filter:drop-shadow(0 6px 6px #000b);transition:filter .16s}.stone:hover .stone-img{filter:drop-shadow(0 8px 10px #000d) drop-shadow(0 0 12px #51d4d988)}.plate{margin-top:-6px;text-align:center;background:#160f29ee;border:1px solid #36284f;border-top-color:#4a3a6a;border-radius:9px;padding:8px 9px 9px;width:100%;box-shadow:0 8px 20px #0008}.plate .rip{font-family:'Press Start 2P';font-size:6px;color:#6b5d85;letter-spacing:.1em}.plate .killer{font-weight:700;color:var(--lav);font-size:13px;margin-top:5px;line-height:1.15}.plate .fl{font-size:11px;color:#9a8cb8;margin-top:2px}.plate .build{font-size:11px;color:#cdbfe6;margin-top:7px;line-height:1.25}.plate .open{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-family:'Press Start 2P';font-size:6px;letter-spacing:.08em;color:var(--teal)}.plate .open::after{content:"▸";font-family:inherit}.stone:hover .plate{border-color:#51d4d9aa}.shots-sec{padding:48px 0 40px;overflow:hidden}.shots-sec .label{color:var(--purple);text-align:center;display:block;margin-bottom:20px}.marq{display:flex;gap:14px;width:max-content;animation:46s linear infinite scroll}.marq:hover{animation-play-state:paused}.marq img{height:188px;border-radius:10px;border:1px solid var(--edge);box-shadow:0 10px 26px #0007}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.final{text-align:center;padding:54px 24px 26px}.final-logo{width:min(420px,76vw);margin:0 auto 16px;image-rendering:pixelated;filter:drop-shadow(0 0 26px #9f56d255)}.final-cry{font-size:clamp(12px,2.2vw,16px);line-height:1.7;color:#fff}.final-ctas{justify-content:center;margin-top:20px}footer{padding:22px;text-align:center;color:#6f6388;font-size:12px}footer .px{font-size:11px;color:var(--lav)}@media(prefers-reduced-motion:reduce){#embers .ember,.fog,.glow,.marq{animation:none}.marq{transform:none;overflow-x:auto}}@media(max-width:860px){.mag-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:680px){nav{padding:0 16px;top:16px}.nav-r .btn-ghost{display:none}.hero{height:auto;min-height:0;padding:96px 0 54px}.hero-logo{width:84vw}.hero-sub{font-size:15px}.btn-lg{padding:13px 18px;font-size:14px}.mag{padding:44px 16px 28px}.mag-tell p{max-width:none}.mag-strip{padding:10px}.slot{grid-template-columns:24px 40px 1fr;gap:9px;padding:8px 10px}.slot-rar{grid-column:3;grid-row:auto;justify-self:start;margin-top:2px}.slot-name{font-size:14px}.mag-strip .slot:first-child::after{right:10px}.yard{padding:30px 0 0}.scene{padding-bottom:24px}.fog,.glow{display:none}.ground{height:50px}.row{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:6px 16px 16px;gap:14px;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent)}.row::-webkit-scrollbar{display:none}.stone{flex:0 0 168px;scroll-snap-align:center;transform:none!important}.marq img{height:148px}.final{padding:44px 18px 22px}}