:root{--bg:#030405;--ink:#f6f0e6;--parchment:#efeae2;--gold:#d1a85b;--gold-soft:#d1a85b2e;--muted:#9a9489;--faint:#514c44;--line:#efeae229;--glass:#080808c2;--black:#050505;--blood:#9c302b;--blue:#386ca8;--olive:#8a9550;--font-display:"DotGothic16", monospace;--font-body:"JetBrains Mono", monospace}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font-body);background:linear-gradient(90deg,#efeae207 1px,#0000 1px) 0 0/48px 48px,linear-gradient(#efeae205 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 50% 0,#d1a85b2e,#0000 36rem),radial-gradient(circle at 84% 18%,#9c302b1a,#0000 28rem),#030405;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.sigil-field,.grain{pointer-events:none;position:fixed;inset:0}.sigil-field{z-index:0;image-rendering:pixelated}.grain{z-index:1;opacity:.18;mix-blend-mode:overlay;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:3px 3px}.top-nav,.hero-section,.ritual-grid,.sect-section,.step-section,.merge-section,.ceremony-section,.contract-section,.footer{z-index:2;position:relative}.top-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030405d1;border:1px solid #efeae22e;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:min(1140px,100% - 32px);padding:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 20px 90px #0000008a}.brand-mark{color:#030405;background:var(--parchment);width:42px;height:42px;font-family:var(--font-display);border:1px solid #d1a85bb3;border-radius:6px;place-items:center;font-size:18px;display:grid;box-shadow:0 0 24px #d1a85b2e}.nav-links{color:var(--muted);text-transform:uppercase;gap:20px;font-size:12px;display:flex}.nav-links a:hover{color:var(--gold)}.wallet-button,.primary-button,.primary-link,.ghost-link,.sigil-toggle{min-height:42px;color:var(--ink);background:#050505;border:1px solid #efeae238;border-radius:7px;justify-content:center;align-items:center;gap:8px;transition:transform .15s,border-color .15s,color .15s,background .15s,box-shadow .15s;display:inline-flex}.wallet-button{padding:0 14px;font-size:12px}.wallet-button:hover,.ghost-link:hover,.sigil-toggle:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.hero-section{grid-template-columns:minmax(0,1.04fr) minmax(310px,.72fr);align-items:center;gap:38px;width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;padding:140px 0 76px;display:grid}.hero-copy{max-width:820px}.eyebrow{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;align-items:center;font-size:11px;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:0;font-weight:400}h1{text-transform:uppercase;text-shadow:0 0 22px #d1a85b2e,0 8px #9c302b33;margin:14px 0 20px;font-size:clamp(88px,17vw,218px);line-height:.82}h2{max-width:840px;margin-bottom:0;font-size:clamp(42px,7.4vw,98px);line-height:.96}h3{margin-bottom:8px;font-size:28px}.hero-copy p{color:#bdb4a6;max-width:650px;font-size:clamp(17px,2vw,23px);line-height:1.58}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-link,.primary-button{color:#030405;background:var(--parchment);border-color:#efeae2d9;padding:0 18px;font-weight:900}.primary-link:hover,.primary-button:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px);box-shadow:0 0 28px #d1a85b47}.primary-button:disabled{cursor:not-allowed;color:#746f65;background:#141210;border-color:#efeae229}.ghost-link{padding:0 18px}.hero-card,.phase-card,.summon-panel,.sect-card,.step-card,.merge-console,.outcome-card,.ceremony-panel,.leaderboard-panel,.contract-note{background:linear-gradient(180deg, #efeae20e, #efeae203), var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #efeae22e;box-shadow:inset 0 0 0 1px #ffffff05,0 22px 88px #0000006b}.hero-card{border-radius:10px;padding:18px}.card-topline,.phase-title,.stat-row,.mint-total{justify-content:space-between;align-items:center;gap:16px;display:flex}.card-topline,.stat-row,.cap-line,.tiny-note,.summon-panel small,.outcome-card small,.ceremony-panel small{color:var(--muted);font-size:12px}.mask-triptych{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.mini-mask{--sect:var(--gold);aspect-ratio:1;border:1px solid color-mix(in srgb, var(--sect) 78%, transparent);min-height:132px;image-rendering:pixelated;background:linear-gradient(#0000 0 52%,#060606f0 52%),radial-gradient(circle at 50% 42%,#efeae22e,#0000 48%),#040404;border-radius:4px;position:relative;overflow:hidden}.mini-mask:before{content:"";background:linear-gradient(90deg, transparent 48%, var(--sect) 49% 53%, transparent 54%), linear-gradient(180deg, #f1e9dc, #bdb4a8);clip-path:polygon(21% 7%,77% 4%,92% 28%,84% 77%,62% 96%,35% 96%,13% 76%,8% 32%);width:44%;height:56%;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:inset -8px 0 #00000026,0 0 22px #efeae21f}.mini-mask:after{content:"";background:linear-gradient(90deg, transparent 0 14%, var(--sect) 15% 18%, transparent 19% 82%, var(--sect) 83% 86%, transparent 87%), linear-gradient(180deg, #121111, #050505);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);height:34%;position:absolute;bottom:2%;left:23%;right:18%}.mask-eye{z-index:2;background:#010101;width:14%;height:8%;position:absolute;top:40%;box-shadow:0 2px #0006}.mask-eye.left{clip-path:polygon(0 12%,100% 0,78% 100%,8% 84%);left:34%}.mask-eye.right{clip-path:polygon(0 0,100% 18%,88% 84%,22% 100%);right:31%}.mask-mark{z-index:3;background:var(--sect);width:4px;height:45%;box-shadow:-14px 20px 0 -1px var(--sect), 14px 23px 0 -1px var(--sect), 0 30px 0 2px color-mix(in srgb, var(--sect) 72%, transparent);position:absolute;top:23%;left:50%;transform:translate(-50%)}.mask-fray{z-index:4;background:var(--sect);opacity:.8;width:5px;height:5px;position:absolute}.mask-fray.a{box-shadow:11px 6px 0 var(--sect), 20px 16px 0 #efeae252, 29px 28px 0 var(--sect);top:26%;right:24%}.mask-fray.b{box-shadow:13px -4px 0 var(--sect), 24px 10px 0 var(--sect), 36px 20px 0 #efeae238;top:45%;right:18%}.mask-fray.c{box-shadow:14px 2px 0 var(--sect), 26px -8px 0 var(--sect), 33px 12px 0 #efeae23d;top:61%;right:25%}.tiny-note{margin-top:18px;line-height:1.55}.ritual-grid,.sect-section,.merge-section,.ceremony-section,.contract-section{width:min(1180px,100% - 40px);margin:0 auto;padding:76px 0}.section-heading{gap:12px;margin-bottom:28px;display:grid}.phase-grid,.sect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.phase-card,.summon-panel,.sect-card,.step-card,.ceremony-panel,.leaderboard-panel{border-radius:10px;padding:22px}.phase-card p,.sect-card p,.step-card p,.outcome-card p,.ceremony-panel p{color:#bdb4a6;line-height:1.62}.phase-title strong,.mint-total strong{color:var(--gold)}.cap-line{border-top:1px solid #efeae21f;margin-top:30px;padding-top:12px}.summon-panel{grid-template-columns:1fr minmax(220px,.7fr) .45fr auto;align-items:center;gap:18px;margin-top:12px;display:grid}input,select{color:var(--ink);background:#030405db;border:1px solid #efeae233;border-radius:7px}input[type=range]{width:100%;accent-color:var(--gold)}select,.name-field input{min-height:42px;padding:0 12px}.sect-card{border-color:color-mix(in srgb, var(--sect) 54%, #efeae229);min-height:260px;position:relative;overflow:hidden}.sect-card:after{content:"";border:1px solid color-mix(in srgb, var(--sect) 70%, transparent);opacity:.24;width:140px;height:140px;position:absolute;inset:auto -24px -44px auto;transform:rotate(45deg)}.sect-sigil{border:2px solid var(--sect);background:linear-gradient(90deg, transparent 44%, var(--sect) 45% 55%, transparent 56%), linear-gradient(transparent 44%, var(--sect) 45% 55%, transparent 56%);width:42px;height:42px;box-shadow:0 0 0 6px #0000005c, 0 0 28px color-mix(in srgb, var(--sect) 32%, transparent);margin-bottom:28px}.step-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 76px;display:grid}.step-card svg,.contract-note svg{color:var(--gold)}.merge-console{border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:18px;padding:18px;display:grid}.slider-stack{gap:16px;display:grid}.slider-stack label,.name-field{color:var(--muted);text-transform:uppercase;gap:10px;font-size:12px;display:grid}.slider-stack strong{color:var(--ink);font-size:22px}.sect-pickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sigil-toggle{justify-self:start;padding:0 16px}.sigil-toggle.is-active{border-color:var(--gold);color:#030405;background:var(--parchment)}.outcome-card{border-radius:8px;min-height:300px;padding:22px}.outcome-number{font-family:var(--font-display);margin-top:12px;font-size:clamp(76px,12vw,150px);line-height:.85}.outcome-form{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:10px 0 16px;font-size:13px;font-weight:900}.ceremony-grid{grid-template-columns:minmax(310px,.72fr) minmax(0,1fr);gap:18px;display:grid}.ceremony-price{color:var(--gold);font-family:var(--font-display);align-items:center;gap:10px;margin-bottom:18px;font-size:30px;display:inline-flex}.ceremony-price svg{color:var(--blood)}.ceremony-button{width:100%;margin:14px 0 12px}.leaderboard-panel{align-content:start;gap:10px;display:grid}.leader-row{border-top:1px solid #efeae21f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.leader-row strong,.leader-row span{display:block}.leader-row strong{overflow-wrap:anywhere}.leader-row span{color:var(--muted);margin-top:4px;font-size:12px}.leader-row>div:last-child{color:var(--gold);font-size:13px}.contract-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contract-note{color:#bdb4a6;border-radius:8px;align-items:center;gap:10px;min-height:64px;padding:14px;font-size:13px;display:flex}.footer{width:min(1180px,100% - 40px);color:var(--muted);text-transform:uppercase;border-top:1px solid #efeae224;justify-content:space-between;margin:0 auto;padding:42px 0 54px;font-size:12px;display:flex}@media (width<=900px){.nav-links{display:none}.hero-section,.phase-grid,.sect-grid,.step-section,.merge-console,.ceremony-grid,.contract-list{grid-template-columns:1fr}.hero-section{padding-top:118px}.summon-panel{grid-template-columns:1fr}.hero-card{max-width:540px}}@media (width<=620px){.top-nav{width:calc(100% - 20px);top:12px}.wallet-button{max-width:150px;overflow:hidden}.hero-section,.ritual-grid,.sect-section,.merge-section,.ceremony-section,.contract-section,.step-section,.footer{width:min(100% - 24px,1180px)}h1{font-size:clamp(68px,24vw,110px)}.mask-triptych,.sect-pickers,.leader-row{grid-template-columns:1fr}.footer{flex-direction:column;gap:12px}}