: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}button:disabled{cursor:not-allowed}.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,.profile-section,.quest-section,.contract-section,.footer{z-index:2;position:relative}.top-nav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;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}a.brand-mark{text-decoration:none}button.brand-mark{padding:0}.nav-links{scrollbar-width:none;min-width:0;color:var(--muted);text-transform:uppercase;flex:1;justify-content:center;gap:18px;font-size:12px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-button{color:inherit;white-space:nowrap;text-transform:uppercase;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:8px 2px;display:inline-flex}.nav-links a:hover,.nav-button:hover,.nav-button.is-active{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;box-shadow:none;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{align-items:flex-start;gap:8px;margin-top:18px;line-height:1.55;display:flex}.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:minmax(180px,.7fr) minmax(220px,.75fr) minmax(160px,.5fr) minmax(240px,.8fr) auto;align-items:center;gap:18px;margin-top:12px;display:grid}.recipient-field,.merge-live-panel label{color:var(--muted);text-transform:uppercase;gap:8px;font-size:12px;display:grid}.recipient-field input,.merge-live-panel input{min-height:42px;padding:0 12px}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}.merge-live-panel{background:linear-gradient(180deg, #efeae20e, #efeae203), var(--glass);border:1px solid #efeae22e;border-radius:10px;grid-template-columns:minmax(240px,1fr) repeat(2,minmax(150px,.55fr)) auto;align-items:end;gap:14px;margin-top:18px;padding:22px;display:grid;box-shadow:0 22px 88px #0000006b}.merge-live-panel p{color:#bdb4a6;margin-bottom:0;line-height:1.55}.merge-live-panel .fee-strip,.merge-live-panel>.primary-button,.merge-live-panel>small{grid-column:1/-1}.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}.view-panel{animation:.36s steps(8,end) both rise-in}.page-shell{min-height:calc(100vh - 118px);padding-top:148px}.app-hero{min-height:82vh}.fee-strip,.quest-score,.status-line{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.fee-strip{background:#00000038;border:1px solid #efeae224;border-radius:7px;justify-content:space-between;margin:14px 0;padding:12px}.fee-strip strong,.quest-score strong{color:var(--gold)}.pixel-stage{min-height:430px;image-rendering:pixelated;background:radial-gradient(circle at 64% 44%,#9c302b38,#0000 28%),linear-gradient(135deg,#d1a85b14,#0000 52%),#020202c2;border:1px solid #efeae22e;border-radius:8px;grid-template-rows:repeat(5,minmax(38px,1fr));grid-template-columns:repeat(7,minmax(38px,1fr));gap:4px;padding:18px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff06}.tile{background-color:#10100e;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #efeae214;border-radius:2px;min-height:56px;position:relative}.tile:hover{border-color:#d1a85b66}.tile.is-pit{background:radial-gradient(circle,#050000 0 35%,#320b0b 36% 52%,#060303 53%),#050505;box-shadow:0 0 36px #9c302b4d}.pit-core{border:2px solid var(--blood);border-radius:50%;position:absolute;inset:21%;box-shadow:0 0 0 6px #9c302b1f,0 0 24px #d1a85b38}.player-sprite{clip-path:polygon(30% 0,70% 0,82% 30%,72% 100%,28% 100%,18% 30%);width:24px;height:34px;box-shadow:0 0 0 3px #00000073, 7px 11px 0 -5px var(--gold);background:linear-gradient(90deg,#0000 0 20%,#111 21% 79%,#0000 80%),linear-gradient(#efeae2 0 35%,#111 36%);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.stage-note{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:14px;left:18px;right:18px}.ceremony-play-grid{align-items:stretch}.ceremony-board{width:min(1180px,100% - 40px);margin:18px auto 0}.profile-section,.quest-section{width:min(1180px,100% - 40px);margin:0 auto;padding:76px 0}.profile-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1fr);gap:18px;display:grid}.profile-layout{grid-template-columns:minmax(340px,.86fr) minmax(280px,.52fr);align-items:start;gap:18px;display:grid}.profile-layout-public{grid-template-columns:minmax(340px,.78fr) minmax(280px,.48fr)}.profile-card,.settings-panel,.quest-card{background:linear-gradient(180deg, #efeae20e, #efeae203), var(--glass);border:1px solid #efeae22e;border-radius:10px;box-shadow:0 22px 88px #0000006b}.profile-card{padding:0 22px 22px;position:relative;overflow:hidden}.profile-card-large{min-height:620px}.profile-banner{color:#efeae257;background-color:#050505;background-image:linear-gradient(90deg,#9c302b33,#386ca82e),radial-gradient(circle at 50% 30%,#d1a85b38,#0000 42%),none;background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:170px;margin:0 -22px;display:grid}.profile-avatar{border:3px solid var(--black);width:96px;height:96px;color:var(--gold);background-color:#080808;background-image:radial-gradient(circle,#efeae229,#0000 60%),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;place-items:center;margin-top:-48px;display:grid}.profile-name-row{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.profile-name-row h3,.profile-card h3{overflow-wrap:anywhere;margin:0;font-size:34px}.profile-card p{color:var(--muted);margin-top:10px}.profile-public-path{overflow-wrap:anywhere;width:fit-content;max-width:100%;color:var(--gold);background:#d1a85b14;border:1px solid #d1a85b5c;border-radius:6px;margin:12px 0 4px;padding:8px 10px;font-size:12px}.profile-side-panel,.profile-empty-panel{background:linear-gradient(180deg, #efeae20e, #efeae203), var(--glass);border:1px solid #efeae22e;border-radius:10px;box-shadow:0 22px 88px #0000006b}.profile-side-panel{gap:16px;padding:22px;display:grid}.profile-side-panel h3{overflow-wrap:anywhere;font-size:30px}.profile-side-panel p,.profile-empty-panel p{color:#bdb4a6;line-height:1.65}.profile-side-panel small{color:var(--muted)}.profile-empty-panel{gap:14px;max-width:720px;padding:26px;display:grid}.icon-button{width:38px;height:38px;color:var(--gold);background:#050505;border:1px solid #efeae238;border-radius:7px;flex:none;place-items:center;transition:transform .15s,border-color .15s,background .15s;display:inline-grid}.icon-button:hover{border-color:var(--gold);background:#d1a85b14;transform:translateY(-1px)}.score-grid{border-top:1px solid #efeae21f;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:18px;padding-top:18px;display:grid}.score-grid strong{color:var(--gold)}.score-grid span{color:var(--muted)}.settings-panel{gap:14px;padding:22px;display:grid}.settings-panel-modal{box-shadow:none;background:0 0;border:0;padding:0}.settings-panel label{color:var(--muted);text-transform:uppercase;gap:8px;font-size:12px;display:grid}.settings-panel input{min-height:42px;padding:0 12px}.upload-row,.social-row,.quest-actions{flex-wrap:wrap;gap:10px;display:flex}.file-button,.social-chip{min-height:40px;color:var(--ink);background:#050505;border:1px solid #efeae238;border-radius:7px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.file-button input{display:none}.social-row{margin-top:18px}.social-chip{min-width:40px;color:var(--gold);justify-content:center}.quest-score{background:#0000003d;border:1px solid #efeae229;border-radius:8px;margin-bottom:18px;padding:16px}.quest-score strong{font-family:var(--font-display);font-size:44px}.quest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quest-card{gap:12px;min-height:300px;padding:22px;display:grid}.quest-icon{width:42px;height:42px;color:var(--gold);border:1px solid #d1a85b80;place-items:center;display:grid}.quest-card p{color:#bdb4a6;line-height:1.6}.quest-meta{color:var(--muted);text-transform:uppercase;justify-content:space-between;margin-top:auto;font-size:12px;display:flex}.status-line{margin-top:16px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 20%,#d1a85b29,#0000 34rem),#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-edit-modal{background:linear-gradient(#efeae214,#efeae206),#050505;border:1px solid #efeae233;border-radius:10px;width:min(680px,100%);max-height:min(760px,100vh - 40px);padding:22px;overflow:auto;box-shadow:inset 0 0 0 1px #ffffff08,0 28px 120px #000000bd}.modal-topline{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.modal-topline h3{margin:8px 0 0}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.top-nav{flex-wrap:wrap;align-items:flex-start}.nav-links{flex:0 0 100%;order:3;justify-content:flex-start;gap:14px;padding:2px 2px 0}.hero-section,.phase-grid,.sect-grid,.step-section,.merge-console,.merge-live-panel,.ceremony-grid,.profile-grid,.profile-layout,.quest-grid,.contract-list{grid-template-columns:1fr}.hero-section{padding-top:168px}.page-shell{padding-top:188px}.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}.nav-links{gap:12px}.nav-button{font-size:11px}.hero-section,.ritual-grid,.sect-section,.merge-section,.ceremony-section,.profile-section,.quest-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}.profile-card-large{min-height:auto}.profile-edit-modal{padding:18px}.footer{flex-direction:column;gap:12px}}
