:root{--ink:#06070a;--bone:#e8e0cc;--bone-dim:#b3ab97;--bone-faint:#e8e0cc6b;--gold:#d9b96a;--gold-soft:#d9b96a8c;--blood:#9e2b33;--blood-bright:#c4434c;--hairline:#d9b96a38;--card-bg:#08090d9e;--serif-display:"Cinzel", "Times New Roman", serif;--serif-body:"EB Garamond", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--bone);font-family:var(--serif-body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;overflow-x:hidden}#gl{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}main{z-index:1;position:relative}.panel{pointer-events:none;height:160vh;position:relative}.panel-final{height:100vh}.sticky{will-change:opacity, transform;height:100vh;position:sticky;top:0;overflow:hidden}.ui{pointer-events:auto}.eyebrow{font-family:var(--serif-display);letter-spacing:.52em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:1.1rem;font-size:.72rem;font-weight:600}h2{font-family:var(--serif-display);letter-spacing:.06em;color:var(--bone);text-shadow:0 2px 24px #000c;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:600}.site-nav{z-index:20;pointer-events:none;background:linear-gradient(#06070ad1,#06070a00);height:235px;padding:0;position:fixed;top:0;left:0;right:0}.brand{color:var(--bone);pointer-events:auto;text-decoration:none;display:block;position:absolute;top:.35rem;left:50%;translate:-50%}.brand-logo{object-fit:contain;object-position:center;filter:drop-shadow(0 4px 16px #000000b8);width:clamp(420px,40vw,560px);height:215px;display:block}.nav-links{border-left:1px solid var(--hairline);pointer-events:auto;flex-direction:column;align-items:flex-start;gap:1.45rem;padding:1.2rem 0 1.2rem 1rem;display:flex;position:fixed;top:38%;left:clamp(.8rem,2.2vw,2rem);translate:0 -50%}.nav-links a{font-family:var(--serif-display);letter-spacing:.34em;text-transform:uppercase;color:var(--bone-dim);font-size:.7rem;font-weight:600;text-decoration:none;transition:color .25s}.nav-links a:hover{color:var(--gold)}.site-nav>.btn-small{pointer-events:auto;position:absolute;top:1.15rem;right:clamp(1.2rem,4vw,3.2rem)}.btn{font-family:var(--serif-display);letter-spacing:.3em;text-transform:uppercase;border:1px solid var(--hairline);color:var(--bone);cursor:pointer;background:#08090d66;padding:.95rem 2rem .85rem;font-size:.74rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:linear-gradient(160deg,#9e2b33e0,#5e161ee0);border-color:#c4434c8c;box-shadow:0 0 32px #9e2b3340,inset 0 1px #ffffff14}.btn-primary:hover{background:linear-gradient(160deg,#c4434cf2,#7a1e27f2);transform:translateY(-1px);box-shadow:0 0 48px #c4434c66}.btn-ghost:hover{border-color:var(--gold-soft);color:var(--gold)}.btn-small{padding:.6rem 1.3rem .52rem;font-size:.64rem}.rail{z-index:20;flex-direction:column;gap:1.1rem;display:flex;position:fixed;top:50%;right:clamp(.9rem,2.4vw,2rem);translate:0 -50%}.rail button{cursor:pointer;background:0 0;border:none;place-items:center;width:22px;height:22px;display:grid}.rail button span{border:1px solid var(--bone-faint);background:0 0;width:7px;height:7px;transition:all .35s;rotate:45deg}.rail button.is-active span{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px #d9b96ab3}.hero-stack{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 1.5rem;display:flex;position:absolute;inset:0}.hero-title{font-family:var(--serif-display);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(178deg,#f4ecd8 28%,#cdbb90 55%,#8d784e 88%);color:#0000;filter:drop-shadow(0 6px 40px #000000e6);-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:.18em;font-size:clamp(3.2rem,11vw,8.6rem);font-weight:700;line-height:.96;display:flex}.hero-title em{letter-spacing:.5em;background:linear-gradient(#d9b96a,#8d784e);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.32em;font-style:normal;font-weight:500;translate:0 -.35em}.hero-lede{max-width:34rem;color:var(--bone-dim);text-shadow:0 2px 18px #000000e6;margin-top:1.6rem;font-size:clamp(1.05rem,1.6vw,1.3rem);font-style:italic}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.4rem;display:flex}.proof-strip{flex-wrap:wrap;justify-content:center;gap:.6rem 0;margin-top:3rem;list-style:none;display:flex}.proof-strip li{font-family:var(--serif-display);letter-spacing:.32em;text-transform:uppercase;color:var(--bone-faint);padding:0 1.4rem;font-size:.66rem;font-weight:600}.proof-strip li+li{border-left:1px solid var(--hairline)}.development-banner{width:min(760px,100vw - 3rem);font-family:var(--serif-display);letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,#08090dc2,#46141894,#08090dc2);border:1px solid #d9b96a4d;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 1.3rem;margin-top:1.8rem;padding:.9rem 1.2rem;font-size:.66rem;display:flex;box-shadow:0 12px 35px #00000061,inset 0 1px #ffffff0a}.development-banner strong{color:var(--gold)}.development-banner span{color:var(--bone-dim)}.development-banner a{color:var(--bone);border-left:1px solid var(--hairline);padding-left:1.3rem;text-decoration:none;transition:color .25s}.development-banner a:hover{color:var(--gold)}.scroll-cue{font-family:var(--serif-display);letter-spacing:.5em;text-transform:uppercase;color:var(--bone-faint);flex-direction:column;align-items:center;gap:.7rem;font-size:.62rem;display:flex;position:absolute;bottom:2.2rem;left:50%;translate:-50%}.scroll-cue i{background:linear-gradient(var(--gold-soft), transparent);width:1px;height:44px;animation:2.4s ease-in-out infinite cue-drop}@keyframes cue-drop{0%{transform-origin:top;opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{transform-origin:top;opacity:0;transform:scaleY(1)}}.sec-head{text-align:center;pointer-events:none;position:absolute;top:clamp(14.5rem,28vh,16rem);left:0;right:0}.sec-head .eyebrow{margin-bottom:.6rem}.card{background:var(--card-bg);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(14px);width:min(380px,100vw - 2.4rem);padding:1.9rem 2rem 1.5rem;position:absolute;box-shadow:0 24px 60px #0000008c}.card:before{content:"";pointer-events:none;border:1px solid #d9b96a14;position:absolute;inset:6px}.host-card{bottom:clamp(1.2rem,7vh,4.5rem);left:clamp(1.2rem,5vw,4.5rem)}.relic-card{bottom:clamp(1.2rem,7vh,4.5rem);right:clamp(1.2rem,5vw,4.5rem)}.card-kicker{font-family:var(--serif-display);letter-spacing:.42em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:.7rem;font-size:.62rem;font-weight:600}.card h3{font-family:var(--serif-display);letter-spacing:.04em;color:var(--bone);font-size:1.5rem;font-weight:600;line-height:1.15}.card-epithet{color:var(--bone-dim);margin-top:.25rem;font-size:.98rem;font-style:italic}.statline{border-top:1px solid var(--hairline);gap:1.6rem;margin-top:1.1rem;padding-top:1rem;display:flex}.statline div{min-width:0}.statline dt{font-family:var(--serif-display);letter-spacing:.3em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:.2rem;font-size:.58rem;font-weight:600}.statline dd{color:var(--bone);font-size:.95rem}.card-lore{color:var(--bone-dim);min-height:4.6em;margin-top:1rem;font-size:.96rem}.oath{border-left:2px solid var(--gold-soft);color:var(--bone);margin-top:1.1rem;padding:.2rem 0 .2rem 1rem;font-size:1.02rem;font-style:italic}.card-foot{border-top:1px solid var(--hairline);align-items:center;gap:1rem;margin-top:1.3rem;padding-top:1rem;display:flex}.arrows{gap:.5rem;display:flex}.arrows button{border:1px solid var(--hairline);width:38px;height:38px;color:var(--bone-dim);cursor:pointer;background:0 0;font-size:1rem;transition:all .25s}.arrows button:hover{border-color:var(--gold-soft);color:var(--gold);background:#d9b96a12}.index-dots{flex:1;justify-content:center;gap:.45rem;list-style:none;display:flex}.index-dots button{border:1px solid var(--bone-faint);cursor:pointer;background:0 0;width:6px;height:6px;padding:0;transition:all .3s;rotate:45deg}.index-dots button.is-active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #d9b96acc}.counter{font-family:var(--serif-display);letter-spacing:.22em;color:var(--bone-faint);white-space:nowrap;margin-left:auto;font-size:.66rem}.stage-hint{font-family:var(--serif-display);letter-spacing:.34em;text-transform:uppercase;color:var(--bone-faint);pointer-events:none;font-size:.6rem;position:absolute;bottom:1.6rem;right:clamp(1.2rem,5vw,4.5rem)}.rarity-chip{font-family:var(--serif-display);letter-spacing:.4em;text-transform:uppercase;color:var(--gold);border:1px solid;margin-bottom:.9rem;padding:.32rem .8rem .24rem;font-size:.6rem;font-weight:600;display:inline-block}.war-table-panel{background:#0a0907;width:100%;height:160vh;overflow:clip}.war-table-sticky{isolation:isolate;background:#0a0907;width:100%;height:100dvh;position:sticky;top:0;overflow:clip}.war-table-frame{object-fit:cover;pointer-events:none;background:#0a0907;border:0;width:100%;height:100%;transition:opacity .55s,filter .55s;display:block;position:absolute;inset:0}body.war-demo-running .war-table-sticky{z-index:15;width:100vw;height:100dvh;position:fixed;inset:0;opacity:1!important;visibility:visible!important;transform:none!important}.war-table-frame.is-ending{opacity:0;filter:brightness(0)}html.war-demo-lock,body.war-demo-lock{overflow:hidden}body.war-demo-running .nav-links,body.war-demo-running .rail{opacity:0;pointer-events:none}.finale-stack{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 1.5rem;display:flex;position:absolute;inset:0}.finale-title{max-width:22ch;font-size:clamp(2rem,5vw,3.6rem);line-height:1.18}.finale-copy{max-width:36rem;color:var(--bone-dim);margin-top:1.5rem;font-size:1.08rem}.finale-footnote{font-family:var(--serif-display);letter-spacing:.4em;text-transform:uppercase;color:var(--bone-faint);margin-top:2.6rem;font-size:.62rem}.loader{z-index:50;background:var(--ink);place-items:center;transition:opacity .9s,visibility .9s;display:grid;position:fixed;inset:0}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-card{flex-direction:column;align-items:center;gap:.9rem;display:flex}.loader-rune{border:1px solid var(--gold);width:16px;height:16px;animation:1.6s ease-in-out infinite rune-pulse;rotate:45deg}@keyframes rune-pulse{0%,to{background:0 0;box-shadow:0 0 4px #d9b96a4d}50%{background:#d9b96a59;box-shadow:0 0 22px #d9b96acc}}.loader-card strong{font-family:var(--serif-display);letter-spacing:.42em;text-transform:uppercase;color:var(--bone);font-size:.85rem;font-weight:600}.loader-card small{color:var(--bone-faint);font-size:.85rem;font-style:italic}.loader-bar{background:#e8e0cc1f;width:180px;height:1px;overflow:hidden}.loader-bar i{background:var(--gold);width:0%;height:100%;transition:width .3s;display:block}@media (width<=880px){.nav-links,.rail,.site-nav>.btn-small{display:none}.sec-head{top:14.2rem}.card{padding:1.3rem 1.4rem 1.1rem;bottom:1rem;translate:-50%;left:50%!important;right:auto!important}.card-lore{min-height:0;font-size:.9rem}.stage-hint{display:none}.proof-strip li{padding:0 .8rem;font-size:.58rem}.development-banner{text-align:center;gap:.55rem;padding:.75rem .9rem}.development-banner a{border-left:0;border-top:1px solid var(--hairline);padding:.55rem 0 0}.brand-logo{width:420px;height:215px}.btn-small{letter-spacing:.18em;padding-inline:.85rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue i,.loader-rune{animation:none}}