:root{--bg:#120e0c;--bg-elevated:#1a1512;--ash:#2a221c;--bone:#f0e6d8;--bone-muted:#b8a794;--ember:#e24b2d;--ember-hot:#ff7a3d;--ember-deep:#8f2418;--stone:#6e5c4d;--line:#f0e6d81f;--font-display:"Bebas Neue", Impact, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--header-h:4.25rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--bone);background:var(--bg);margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% -10%, #e24b2d38, transparent 55%), radial-gradient(80% 50% at 100% 40%, #8f24182e, transparent 50%), radial-gradient(70% 45% at 0% 70%, #2a221ce6, transparent 55%), linear-gradient(180deg, #1a1210 0%, var(--bg) 35%, #0c0a09 100%);position:fixed;inset:0}.ash-layer{pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:overlay;background-image:repeating-linear-gradient(-12deg,#0000,#0000 2px,#ffffff04 2px 3px),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:fixed;inset:0}.embers{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.ember{width:var(--size,3px);height:var(--size,3px);background:var(--ember-hot);opacity:0;border-radius:50%;animation:linear infinite rise;position:absolute;bottom:-4%;box-shadow:0 0 8px #ff7a3db3}@keyframes rise{0%{opacity:0;transform:translate(0,0)scale(1)}12%{opacity:.85}to{transform:translate3d(var(--drift,20px), -110vh, 0) scale(.4);opacity:0}}#app{z-index:2;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.site-header{z-index:20;height:var(--header-h);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#120e0ceb,#120e0c8c 70%,#0000);justify-content:space-between;align-items:center;padding:0 clamp(1.25rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:1.35rem;display:inline-flex}.logo-mark{background:var(--ember);width:.85rem;height:.85rem;animation:pulse-mark 2.4s var(--ease-out) infinite;box-shadow:0 0 0 3px #e24b2d40}@keyframes pulse-mark{0%,to{transform:scale(1);box-shadow:0 0 0 3px #e24b2d33}50%{transform:scale(1.08);box-shadow:0 0 0 6px #e24b2d14}}.nav{gap:clamp(1rem,3vw,2rem);display:flex}.nav a{letter-spacing:.04em;text-transform:uppercase;color:var(--bone-muted);font-size:.875rem;font-weight:600;transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--bone)}.hero{min-height:100svh;padding:calc(var(--header-h) + 2rem) clamp(1.25rem, 4vw, 3rem) clamp(3rem, 8vh, 5rem);align-items:end;display:grid;position:relative;overflow:hidden}.hero-visual{z-index:0;background:linear-gradient(180deg, transparent 20%, #120e0c59 55%, var(--bg) 92%), radial-gradient(ellipse 90% 55% at 50% 100%, #e24b2d47, transparent 60%), linear-gradient(180deg, #2a1a14 0%, #17110e 48%, #0f0c0a 100%);position:absolute;inset:0}.horizon{clip-path:polygon(0% 68%,8% 62%,14% 70%,22% 55%,31% 64%,40% 48%,48% 58%,57% 42%,66% 54%,74% 46%,82% 60%,90% 52%,100% 66%,100% 100%,0% 100%);opacity:.95;background:linear-gradient(#0000 0%,#1c1410f2 40%,#120e0c 100%);height:42%;position:absolute;bottom:18%;left:-10%;right:-10%}.horizon:after{content:"";opacity:.35;mix-blend-mode:soft-light;background:repeating-linear-gradient(90deg,#f0e6d80a 0 12px,#0000 12px 28px);position:absolute;inset:0}.cracks{background:linear-gradient(115deg,#0000 40%,#e24b2d14 50%,#0000 60%),linear-gradient(-25deg,#0000 55%,#ff7a3d0f 62%,#0000 70%);animation:10s ease-in-out infinite alternate glow-shift;position:absolute;inset:0}@keyframes glow-shift{0%{opacity:.55;transform:translate(-1%)}to{opacity:1;transform:translate(1%)}}.hero-hearts{filter:drop-shadow(0 8px 24px #e24b2d59);gap:.85rem;display:flex;position:absolute;bottom:clamp(28%,32vh,36%);left:50%;transform:translate(-50%)}.heart{background:var(--ember);width:clamp(1.75rem,4vw,2.5rem);height:clamp(1.75rem,4vw,2.5rem);animation:heartbeat 2.8s var(--ease-out) infinite;position:relative;transform:rotate(-45deg)}.heart:before,.heart:after{content:"";background:inherit;border-radius:50%;width:100%;height:100%;position:absolute}.heart:before{top:-50%;left:0}.heart:after{top:0;left:50%}.heart:nth-child(2){animation-delay:.18s}.heart:nth-child(3){animation-delay:.36s}@keyframes heartbeat{0%,to{opacity:1;transform:rotate(-45deg)scale(1)}45%{opacity:.92;transform:rotate(-45deg)scale(1.08)}60%{transform:rotate(-45deg)scale(.96)}}.hero-content{z-index:1;max-width:42rem;animation:hero-in 1s var(--ease-out) both;position:relative}@keyframes hero-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ember-hot);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.brand{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--bone);text-shadow:0 .08em #00000059;margin:0;font-size:clamp(4.5rem,14vw,9.5rem);line-height:.88}.hero-lead{max-width:34rem;color:var(--bone-muted);margin:1.25rem 0 0;font-size:clamp(1.05rem,2.2vw,1.25rem)}.hero-cta{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.btn{letter-spacing:.02em;min-height:3.25rem;transition:transform .2s var(--ease-out), background .2s ease, color .2s ease, border-color .2s ease;flex-direction:column;justify-content:center;align-items:flex-start;gap:.15rem;padding:.7rem 1.25rem;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ember);color:#1a0c08}.btn-primary:hover,.btn-primary:focus-visible{background:var(--ember-hot)}.btn-primary.copied{color:#0b1a10;background:#3d9a5f}.btn-label{font-size:.95rem;line-height:1.1}.btn-ip{opacity:.8;letter-spacing:.02em;font-size:.75rem;font-weight:600}.btn-ghost{border:1px solid var(--line);color:var(--bone);background:#120e0c59;flex-direction:row;align-items:center}.btn-ghost:hover,.btn-ghost:focus-visible{background:#2a221c8c;border-color:#f0e6d859}.section-inner{width:min(68rem,100% - clamp(2.5rem,8vw,6rem));margin-inline:auto;padding-block:clamp(4.5rem,12vh,7.5rem)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ember);margin:0 0 .75rem;font-size:.8125rem;font-weight:700}.section-inner h2{max-width:18ch;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(2.75rem,7vw,4.5rem);line-height:.95}.section-lead{max-width:36rem;color:var(--bone-muted);margin:1.25rem 0 0;font-size:1.0625rem}.lives{border-top:1px solid var(--line);background:radial-gradient(60% 50% at 0%,#e24b2d1a,#0000 60%),linear-gradient(#1a1512a6,#0000);position:relative}.life-steps{border-top:1px solid var(--line);gap:0;margin:3rem 0 0;padding:0;list-style:none;display:grid}.life-step{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:1.25rem;padding:1.75rem 0;display:grid}.life-count{font-family:var(--font-display);color:var(--ember);min-width:2.5rem;font-size:clamp(3rem,8vw,4.5rem);line-height:.85}.life-count.danger{color:var(--ember-hot);animation:1.8s ease-in-out infinite danger-pulse}@keyframes danger-pulse{0%,to{opacity:1}50%{opacity:.55}}.life-step h3{margin:.15rem 0 .4rem;font-size:1.2rem;font-weight:700}.life-step p{color:var(--bone-muted);max-width:36rem;margin:0}.features{border-top:1px solid var(--line)}.features-intro{margin-bottom:2.5rem}.feature-list{margin:0;padding:0;list-style:none}.feature-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2rem);padding:clamp(1.75rem,4vw,2.5rem) 0;display:grid}.feature-row:last-child{border-bottom:1px solid var(--line)}.feature-index{font-family:var(--font-display);color:var(--stone);letter-spacing:.04em;padding-top:.15rem;font-size:clamp(2rem,4vw,2.75rem);line-height:1}.feature-body h3{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1}.feature-plain{color:var(--bone);margin:.75rem 0 0;font-size:1.125rem;font-weight:600}.feature-detail{max-width:40rem;color:var(--bone-muted);margin:.5rem 0 0}.crafts{border-top:1px solid var(--line);background:radial-gradient(55% 40% at 100% 0,#e24b2d14,#0000 55%),linear-gradient(#1a151266,#0000 40%)}.crafts-intro{margin-bottom:2.5rem}.crafts-list{gap:0;display:grid}.craft-embed{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.75rem,4vw,2.75rem) 0;display:grid}.craft-embed:last-child{border-bottom:1px solid var(--line)}.craft-copy h3{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1}.craft-mode{letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin:0 0 .45rem;font-size:.75rem;font-weight:700}.craft-copy p:not(.craft-mode){max-width:32rem;color:var(--bone-muted);margin:.85rem 0 0}.craft-bench{--slot:3.15rem;--gap:.28rem;image-rendering:pixelated;background:linear-gradient(160deg,#3a322c 0%,#2a241f 45%,#1f1a16 100%);border:2px solid #55483e;align-items:center;gap:.85rem;padding:.9rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 12px 28px #00000059}.craft-mode-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--bone-muted);font-size:.65rem;font-weight:700;position:absolute;top:.35rem;left:.5rem}.craft-smithing{align-items:center;gap:.5rem;display:flex}.craft-plus{font-family:var(--font-display);color:var(--bone-muted);font-size:1.5rem;line-height:1}.craft-grid{grid-template-columns:repeat(3, var(--slot));grid-template-rows:repeat(3, var(--slot));gap:var(--gap);display:grid}.craft-slot{width:var(--slot);height:var(--slot);background:linear-gradient(145deg,#1a1613 0%,#2c251f 100%);border:2px solid #0d0b09;place-items:center;display:grid;position:relative;box-shadow:inset 2px 2px #ffffff0f,inset -2px -2px #00000073}.craft-slot[data-empty=true]{background:#171310}.craft-icon{object-fit:contain;width:70%;height:70%;image-rendering:pixelated;pointer-events:none}.craft-any{place-items:center;width:70%;height:70%;display:grid;position:relative}.craft-icon-cycle{opacity:0;grid-area:1/1;width:100%;height:100%;transition:opacity .2s}.craft-icon-cycle.is-active{opacity:1}.craft-any-badge{z-index:1;color:var(--ember-hot);text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;pointer-events:none;font-size:.7rem;font-weight:800;line-height:1;position:absolute;top:-.4rem;right:-.35rem}.craft-slot-any{outline-offset:-3px;outline:1px dashed #ff7a3d59}.craft-fallback{width:70%;height:70%;font-family:var(--font-display);color:var(--ember-hot);background:#e24b2d1f;border:1px solid #e24b2d59;place-items:center;font-size:1.15rem;line-height:1;display:grid}.craft-count{color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;pointer-events:none;font-size:.75rem;font-weight:800;line-height:1;position:absolute;bottom:.05rem;right:.15rem}.craft-arrow{clip-path:polygon(0 28%,55% 28%,55% 0,100% 50%,55% 100%,55% 72%,0 72%);opacity:.85;background:#c4b5a5;flex-shrink:0;width:1.35rem;height:1.35rem}.craft-result .craft-slot{width:calc(var(--slot) + .35rem);height:calc(var(--slot) + .35rem);border-color:#e24b2d8c;box-shadow:inset 2px 2px #ffffff0f,inset -2px -2px #00000073,0 0 0 1px #e24b2d33}.join{border-top:1px solid var(--line);background:radial-gradient(70% 80% at 50% 100%,#e24b2d29,#0000 55%),linear-gradient(#0000,#1a1512cc)}.join-panel{border-top:1px solid var(--line);max-width:36rem;margin-top:2.5rem;padding:1.75rem 0 0}.join-label{letter-spacing:.12em;text-transform:uppercase;color:var(--bone-muted);margin:0;font-size:.8125rem;font-weight:700}.join-ip{font-family:var(--font-display);letter-spacing:.04em;word-break:break-all;margin:.65rem 0 1.35rem;font-size:clamp(1.75rem,5vw,2.75rem);line-height:1}.join .btn-primary{flex-direction:row}.site-footer{border-top:1px solid var(--line);padding:1.75rem clamp(1.25rem,4vw,3rem) 2.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;display:flex}.footer-brand{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1.25rem}.footer-meta{color:var(--bone-muted);margin:0;font-size:.9rem}.toast{z-index:40;background:var(--bg-elevated);border:1px solid var(--line);color:var(--bone);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s var(--ease-out);padding:.75rem 1.15rem;font-size:.9rem;font-weight:600;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(12px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=720px){.nav{display:none}.hero{align-items:end;min-height:100svh}.hero-hearts{bottom:clamp(34%,38vh,42%)}.life-step{gap:.85rem}.feature-row{grid-template-columns:1fr;gap:.5rem}.craft-embed{grid-template-columns:1fr;justify-items:start}.craft-bench{--slot:2.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}