:root{
  --ink:#0b1018; --ink2:#111927; --mist:#c7d0df; --mist2:#8f9cb0;
  --steel:#c8ced8; --gold:#ffd26c; --gold2:#ffb631; --line:rgba(255,255,255,.13);
  --max:1560px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:#f4f0e6;background:linear-gradient(#0e1520,#0b1018 46%,#111824 75%,#090d13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,a{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(255,202,84,.11),rgba(255,202,84,0) 67%);transform:translate(-50%,-50%);left:50%;top:50%;transition:opacity .3s}
.topbar{position:fixed;z-index:40;top:0;left:0;width:100%;height:84px;padding:0 max(34px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(8,13,20,.84),rgba(8,13,20,.42));backdrop-filter:blur(14px)}.sigil{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.sigil img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 22px rgba(255,198,72,.3)}nav{display:flex;gap:34px;font-size:12px;font-weight:700;letter-spacing:.18em;color:#d8dee8}nav a{position:relative;padding:32px 0}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:1px;background:var(--gold);transition:.3s ease}nav a:hover:after{right:0}.ticker-chip{padding:9px 14px;border:1px solid rgba(255,211,113,.35);border-radius:999px;color:var(--gold);font-weight:800;letter-spacing:.12em;font-size:12px;background:rgba(255,190,42,.06)}
.section-shell{position:relative;min-height:880px;padding:150px max(34px,calc((100vw - var(--max))/2)) 110px}.hero{height:1080px;min-height:900px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#8994a5}.hero-bg{position:absolute;inset:-8%;background:linear-gradient(90deg,rgba(10,15,23,.88) 0%,rgba(10,15,23,.60) 38%,rgba(10,15,23,.14) 70%,rgba(10,15,23,.05)),url('../assets/images/fog-field.jpg') center/cover no-repeat;transform:scale(1.08)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,18,.35),transparent 35%,rgba(7,11,18,.72) 100%)}.mist{position:absolute;width:1000px;height:380px;border-radius:50%;filter:blur(42px);opacity:.42;background:radial-gradient(ellipse,rgba(225,233,242,.45),rgba(225,233,242,0) 70%)}.mist-a{left:-10%;bottom:4%}.mist-b{right:-16%;top:9%;opacity:.25}.sparks{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,220,132,.9) 0 1px,transparent 1.8px);background-size:90px 90px;mask-image:linear-gradient(to right,transparent 28%,#000 62%,#000 100%);animation:sparkDrift 13s linear infinite}@keyframes sparkDrift{to{background-position:0 -180px}}
.hero-copy{position:relative;z-index:3;align-self:center;padding-top:10px;max-width:780px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.32em;color:#f4c65b;margin-bottom:22px}.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(92px,7vw,148px);line-height:.74;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 18px 44px rgba(0,0,0,.28)}.hero h1 span{color:#f5f4f0}.hero h1 em{font-style:italic;font-weight:400;color:var(--gold);font-size:.70em;letter-spacing:-.035em}.hero-line{max-width:500px;font-size:20px;line-height:1.6;color:#d5dce7;margin:34px 0 30px}.hero-actions{display:flex;gap:14px;align-items:center}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:170px;padding:15px 22px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:900;letter-spacing:.16em;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s}.btn:active{transform:translateY(2px) scale(.99)}.btn-gold{color:#10141a;background:linear-gradient(135deg,#ffe39a,#ffbd35);box-shadow:0 10px 35px rgba(255,184,46,.16)}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(255,184,46,.30)}.btn-steel{color:#edf1f5;border-color:rgba(255,255,255,.25);background:rgba(11,16,24,.42);backdrop-filter:blur(8px)}.btn-steel:hover{transform:translateY(-3px);border-color:rgba(255,220,145,.65);background:rgba(255,255,255,.07)}
.hero-portrait{position:absolute;z-index:2;right:5.2%;top:126px;width:min(760px,42vw);height:790px;border-radius:30px;overflow:hidden;filter:drop-shadow(0 35px 50px rgba(0,0,0,.35));transform-origin:50% 70%}.hero-portrait:before{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -170px 130px rgba(8,12,18,.64);border-radius:30px}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.035);transition:transform .45s ease}.hero-portrait:hover img{transform:scale(1.06)}.portrait-halo{position:absolute;z-index:3;inset:14% 16% 10%;border-radius:45%;box-shadow:0 0 90px 35px rgba(255,186,53,.23);pointer-events:none}.portrait-label{position:absolute;z-index:4;left:28px;bottom:24px;font-size:11px;font-weight:900;letter-spacing:.22em;color:#f5d98f}.secret-knock{position:absolute;z-index:6;left:43%;top:55%;width:82px;height:120px;background:transparent;border:0;cursor:pointer}.secret-knock:focus-visible{outline:1px solid var(--gold)}.hero-portrait.knock{animation:knock .7s ease}@keyframes knock{25%{transform:rotate(-.7deg) scale(1.006)}55%{transform:rotate(.7deg) scale(.994)}100%{transform:rotate(0)}}
.contract-rail{position:absolute;z-index:5;left:max(34px,calc((100vw - var(--max))/2));right:max(34px,calc((100vw - var(--max))/2));bottom:34px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}.contract-meta{display:flex;align-items:center;gap:24px;min-width:0}.contract-meta span{font-size:10px;letter-spacing:.22em;font-weight:900;color:#b5c0cf}.contract-meta strong{font-family:"SFMono-Regular",Consolas,monospace;font-size:14px;letter-spacing:.05em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px}.copy-btn{border:1px solid rgba(255,210,110,.42);color:#ffe29b;background:rgba(9,14,22,.50);padding:12px 16px;border-radius:3px;font-size:11px;font-weight:900;letter-spacing:.14em;cursor:pointer;transition:.2s}.copy-btn:hover{background:rgba(255,197,62,.12);border-color:rgba(255,217,128,.8)}.copy-btn:active{transform:translateY(1px)}.copy-icon{margin-right:8px}.scroll-cue{position:absolute;z-index:5;right:max(34px,calc((100vw - var(--max))/2));bottom:82px;font-size:9px;font-weight:900;letter-spacing:.23em;color:#c8d0db;display:flex;align-items:center;gap:10px}.scroll-cue span{display:block;width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.marquee{overflow:hidden;background:#e9edf2;color:#10151d;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-.6deg);margin:-10px 0 0;position:relative;z-index:8}.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite;padding:13px 0;font-size:12px;font-weight:1000;letter-spacing:.24em}.marquee-track span{white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}
.watch{background:radial-gradient(circle at 86% 44%,rgba(255,199,70,.08),transparent 22%),linear-gradient(135deg,#0b111a,#131b27);min-height:980px}.watch-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;align-items:center}.watch-copy h2,.rules h2,.blade h2,.gate h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.04em;line-height:.98;margin:0;color:#f0f3f6}.watch-copy h2{font-size:74px}.watch-copy h2 em{color:var(--gold);font-weight:400}.watch-copy>p{font-size:18px;line-height:1.75;color:#aeb8c6;max-width:650px;margin:32px 0 42px}.seal-row{display:flex;gap:14px}.seal{width:118px;height:118px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f0c55a;font-family:Georgia,serif;font-size:24px;position:relative}.seal:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,211,107,.24);border-radius:50%}.seal span{margin-top:6px;font-family:Inter,system-ui,sans-serif;color:#b9c2cf;font-size:9px;line-height:1.4;letter-spacing:.12em;text-align:center;font-weight:900}.watch-art{position:relative;height:680px;border:1px solid rgba(255,255,255,.12);background:#78869a;overflow:hidden}.watch-art img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.88) contrast(1.04)}.watch-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(6,10,15,.72))}.frame-lines{position:absolute;z-index:3;inset:18px;border:1px solid rgba(255,227,158,.33);pointer-events:none}.frame-lines:before,.frame-lines:after{content:"";position:absolute;background:var(--gold)}.frame-lines:before{width:90px;height:1px;top:-1px;left:40px}.frame-lines:after{width:1px;height:90px;right:-1px;bottom:40px}.quote-tag{position:absolute;z-index:4;left:42px;bottom:36px;font-family:Georgia,serif;font-size:24px;font-style:italic;color:#f5e0a4}
.rules{min-height:880px;background:linear-gradient(180deg,#e3e7ec,#b8c2cf);color:#111721}.rules-head{max-width:var(--max);margin:0 auto 58px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(14,19,27,.2);padding-bottom:32px}.rules .eyebrow{color:#6e5318}.rules h2{font-size:70px;color:#111721}.rules-head p{max-width:390px;margin:0;color:#495361;line-height:1.6}.rule-stack{max-width:var(--max);margin:auto}.rule-card{min-height:132px;border-bottom:1px solid rgba(15,20,28,.2);display:grid;grid-template-columns:110px 1fr 60px;align-items:center;gap:26px;transition:padding .28s ease,background .28s ease}.rule-card:first-child{border-top:1px solid rgba(15,20,28,.2)}.rule-card:hover{padding-left:22px;background:rgba(255,255,255,.18)}.rule-num{font-family:Georgia,serif;font-size:42px;color:#8d6b20}.rule-card h3{margin:0 0 9px;font-family:Georgia,serif;font-size:32px;font-weight:400}.rule-card p{margin:0;color:#525d6c;font-size:15px}.slash{font-size:42px;color:#a68a4d;text-align:right}
.blade{min-height:900px;overflow:hidden;background:#121925;padding-top:190px}.blade-sky{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,15,.91),rgba(7,10,15,.5) 50%,rgba(7,10,15,.55)),url('../assets/images/mist-sky.jpg') center/cover no-repeat;opacity:.95}.blade-copy{position:relative;z-index:2;max-width:920px}.blade h2{font-size:88px}.blade-copy p{font-size:18px;line-height:1.7;color:#bcc5d1;max-width:580px;margin-top:30px}.sword-line{position:absolute;z-index:2;right:16%;top:-90px;width:80px;height:1120px;transform:rotate(7deg);filter:drop-shadow(0 0 28px rgba(255,194,58,.42))}.sword-line:before{content:"";position:absolute;left:35px;top:0;width:8px;height:915px;background:linear-gradient(90deg,#705622,#fff0b6 48%,#d99d22);clip-path:polygon(50% 0,100% 5%,100% 100%,0 100%,0 5%)}.sword-line:after{content:"";position:absolute;left:0;top:910px;width:80px;height:9px;background:linear-gradient(90deg,#614615,#f4c85b,#614615);border-radius:4px;box-shadow:0 0 14px rgba(255,203,73,.5)}.blade-note{position:absolute;z-index:2;right:7%;bottom:95px;width:360px;border-left:1px solid var(--gold);padding-left:22px;font-size:11px;letter-spacing:.22em;line-height:1.7;color:#e5d7ae}
.gate{min-height:760px;background:radial-gradient(circle at 20% 50%,rgba(255,189,55,.08),transparent 26%),#0b1018;display:flex;align-items:center}.gate-card{max-width:var(--max);width:100%;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;border:1px solid rgba(255,255,255,.12);background:linear-gradient(130deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 40px 120px rgba(0,0,0,.28)}.gate-copy{padding:72px 78px;border-right:1px solid rgba(255,255,255,.1)}.gate h2{font-size:70px}.gate-copy p{color:#aab5c4;font-size:17px;line-height:1.7;max-width:570px;margin:28px 0 34px}.gate-contract{display:flex;flex-direction:column;justify-content:center;padding:62px}.gate-contract>span{font-size:11px;letter-spacing:.28em;font-weight:900;color:var(--gold);margin-bottom:14px}.gate-contract strong{font-family:Consolas,monospace;font-size:15px;line-height:1.7;word-break:break-all;color:#e9edf2;margin-bottom:28px}.copy-secondary{align-self:flex-start;padding:14px 19px}
footer{height:120px;padding:0 max(34px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:#8995a5;font-size:10px;letter-spacing:.18em;font-weight:800}.footer-mark{display:flex;align-items:center;gap:10px;text-transform:uppercase;color:#cbd2dc}.footer-mark img{width:28px;height:28px;border-radius:50%}.toast{position:fixed;z-index:80;left:50%;bottom:34px;transform:translate(-50%,25px);padding:12px 18px;border:1px solid rgba(255,220,138,.52);background:#111820;color:#ffe2a0;font-size:11px;font-weight:900;letter-spacing:.16em;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:1400px){:root{--max:1240px}.hero h1{font-size:104px}.hero-portrait{right:4%;width:540px;height:690px}.contract-meta strong{max-width:480px}.watch-copy h2,.rules h2,.gate h2{font-size:58px}.blade h2{font-size:72px}}