:root{--red:#ff3048;--red2:#a40f29;--violet:#8d46ff;--ink:#050508;--panel:#0b0b10;--line:#2b1620;--muted:#aaa4ad;--white:#f8f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{position:fixed;inset:0 0 auto;z-index:30;height:68px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #ffffff14;background:#050508d9;backdrop-filter:blur(14px)}header>a:first-child{display:flex}header img,footer img{width:132px;height:auto}nav{display:flex;gap:30px;margin-left:auto;margin-right:34px}nav a{color:#c7c1c8;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}nav a:hover{color:#fff}.play,.cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,#d31434,#ff3048);border:1px solid #ff6a7d;box-shadow:0 0 26px #ff203535}.play{height:38px;padding:0 17px;font-size:12px}.hero{position:relative;min-height:760px;height:min(90vh,880px);overflow:hidden;border-bottom:1px solid #481321}.keyart{position:absolute;inset:68px 0 0;width:100%;height:calc(100% - 68px);object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#050508 0%,#050508d9 27%,#05050842 56%,#050508aa 100%),linear-gradient(0deg,#050508 0%,transparent 38%),radial-gradient(circle at 73% 45%,transparent 0,#05050821 50%)}.hero-copy{position:absolute;z-index:2;left:max(24px,calc((100vw - 1180px)/2));top:50%;transform:translateY(-46%);width:min(500px,45vw)}.season,.title small,.form-copy>small,.hunt-info small{color:#ff5870;font-size:11px;font-weight:900;letter-spacing:.24em}.hero h1{font-size:clamp(64px,7vw,112px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:20px 0 24px;font-style:italic}.hero h1 em{color:transparent;-webkit-text-stroke:2px var(--red);filter:drop-shadow(0 0 14px #ff244c55)}.hero-copy p{max-width:475px;color:#d4ced5;font-size:17px;line-height:1.65;margin:0 0 30px}.cta{min-height:52px;padding:0 24px;font-size:12px}.hero-data{position:absolute;z-index:3;right:max(24px,calc((100vw - 1180px)/2));bottom:28px;display:flex;border:1px solid #ffffff17;background:#08080dde;backdrop-filter:blur(12px)}.hero-data span{padding:13px 18px;color:#8f8992;font-size:9px;letter-spacing:.15em;border-left:1px solid #ffffff12}.hero-data span:first-child{border:0}.hero-data b{display:block;color:#fff;font-size:18px;letter-spacing:0;margin-bottom:3px}.systems{padding:92px 0}.title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.title h2,.form-copy h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.05em;margin:8px 0 0}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.system-grid article{position:relative;min-height:220px;padding:28px;border-left:1px solid var(--line);background:linear-gradient(145deg,#0e0b11,#07070a);transition:.25s}.system-grid article:first-child{border:0}.system-grid article:hover{background:linear-gradient(145deg,#1a0b12,#09090d);transform:translateY(-3px)}.system-grid article>b{position:absolute;right:18px;top:16px;color:#49222b;font-size:28px}.system-grid i{font-style:normal;color:var(--red);font-size:26px}.system-grid h3{font-size:24px;margin:30px 0 10px}.system-grid p,.form-copy p,.role-panel p{color:var(--muted);line-height:1.6;margin:0}.formation{padding:90px 0;background:radial-gradient(circle at 80% 50%,#34102c55,transparent 38%),#08070b;border-block:1px solid #31131f}.form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.roles button{height:48px;border:1px solid #3a303c;background:#0b0b10;color:#8f8992;text-align:left;padding:0 15px;font-weight:800;font-size:11px;letter-spacing:.1em;cursor:pointer}.roles button i{color:var(--red);font-style:normal;margin-right:9px}.roles button.active{border-color:var(--red);background:#2a0a13;color:#fff;box-shadow:inset 3px 0 var(--red)}.role-panel{position:relative;padding:34px;border:1px solid #633044;background:linear-gradient(145deg,#170c14,#09090d);box-shadow:0 30px 80px #000}.role-panel:before{content:"";position:absolute;inset:8px;border:1px solid #ffffff08;pointer-events:none}.role-head{display:flex;justify-content:space-between;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.16em}.role-head b{color:#88828b}.role-panel h3{font-size:32px;margin:36px 0 12px}.party-example{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.party-example span{padding:16px;background:#050508;border:1px solid #2f2830}.party-example small{display:block;color:#67616a;font-size:9px;letter-spacing:.14em;margin-bottom:8px}.party-example b{font-size:16px}.hunt-section{padding:90px 0}.hunt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.hunt{position:relative;height:230px;padding:18px;text-align:left;color:#fff;border:1px solid #2d2830;background:linear-gradient(0deg,#07070be8 0%,#07070b1c 70%),var(--bg) center/cover;cursor:pointer;overflow:hidden}.hunt:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--red);transform:scaleX(0);transition:.25s}.hunt:hover,.hunt.active{border-color:#ef3651;transform:translateY(-2px)}.hunt.active:after{transform:scaleX(1)}.hunt span{font-size:10px;font-weight:900;color:#ff7082;letter-spacing:.15em}.hunt b{position:absolute;left:18px;right:18px;bottom:42px;font-size:18px}.hunt small{position:absolute;left:18px;bottom:20px;color:#aaa4ad}.hunt-info{display:grid;grid-template-columns:1fr 1.6fr auto;align-items:center;gap:30px;margin-top:8px;padding:22px 25px;border:1px solid #2d2028;background:#0a090d}.hunt-info h3{font-size:24px;margin:5px 0 0}.hunt-info p{margin:0;color:#aaa4ad;line-height:1.5}.hunt-info>span{color:#ff536b;font-size:11px;font-weight:900;letter-spacing:.12em}.final{padding:82px 20px;text-align:center;border-top:1px solid #3b111c;background:radial-gradient(circle at 50% 100%,#5e0e2b66,transparent 45%)}.final img{width:180px}.final h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.05em;margin:22px 0 8px}.final p{color:#aaa4ad;margin:0 0 28px}footer{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));color:#65606a;font-size:9px;letter-spacing:.14em}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){nav{display:none}.hero{height:780px}.keyart{object-position:64% center}.shade{background:linear-gradient(90deg,#050508 0%,#050508a6 55%,#05050855),linear-gradient(0deg,#050508 0%,transparent 55%)}.hero-copy{width:70vw;top:49%}.hero-data{left:20px;right:20px;justify-content:center}.system-grid{grid-template-columns:1fr 1fr}.system-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.system-grid article:nth-child(4){border-top:1px solid var(--line)}.form-grid{grid-template-columns:1fr;gap:35px}.hunt-grid{grid-template-columns:repeat(2,1fr)}.hunt:last-child{grid-column:span 2}.hunt-info{grid-template-columns:1fr}.hunt-info>span{justify-self:start}}@media(max-width:600px){.wrap{width:min(100% - 24px,1180px)}header{height:58px;padding:0 13px}header img{width:116px}.play{height:34px;padding:0 13px}.hero{min-height:720px;height:92vh}.keyart{inset:58px 0 0;height:calc(100% - 58px);object-position:67% center}.shade{background:linear-gradient(90deg,#050508ed 0%,#0505088a 72%,#05050844),linear-gradient(0deg,#050508 0%,transparent 55%)}.hero-copy{left:18px;right:18px;width:auto;top:46%}.hero h1{font-size:58px}.hero-copy p{font-size:15px;max-width:330px}.hero-data{bottom:12px;overflow:auto;justify-content:flex-start}.hero-data span{min-width:94px;padding:10px}.systems,.formation,.hunt-section{padding:62px 0}.system-grid{grid-template-columns:1fr}.system-grid article{min-height:170px;border-left:0;border-top:1px solid var(--line)}.roles{grid-template-columns:1fr}.role-panel{padding:25px}.party-example{grid-template-columns:1fr}.hunt-grid{grid-template-columns:1fr 1fr}.hunt{height:190px}.hunt b{font-size:15px}.final{padding:62px 16px}footer span{display:none}}
/* Account gateway */
.play,.cta{font:inherit;cursor:pointer}
.auth-dialog{width:min(94vw,520px);padding:0;border:0;background:transparent;color:#eee}
.auth-dialog::backdrop{background:rgba(2,2,7,.88);backdrop-filter:blur(8px)}
.auth-panel{position:relative;overflow:hidden;padding:38px 42px 34px;border:1px solid rgba(255,45,76,.55);background:linear-gradient(145deg,rgba(22,5,12,.98),rgba(4,4,8,.99));box-shadow:0 24px 80px #000,0 0 45px rgba(234,22,58,.16)}
.auth-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,32,74,.17),transparent 43%);pointer-events:none}
.auth-close{position:absolute;z-index:2;right:18px;top:14px;border:0;background:none;color:#a78e94;font-size:30px;cursor:pointer}
.auth-logo{display:block;width:min(270px,72%);height:auto;margin:0 auto 8px}
.auth-panel>small{display:block;text-align:center;color:#ff3855;letter-spacing:.3em;font-weight:800}
.auth-panel h2{margin:12px 0 6px;text-align:center;font-family:serif;font-size:32px;text-transform:uppercase}
.auth-panel>p{text-align:center;color:#958b90}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:26px 0 20px;padding:5px;border:1px solid #39232a;background:#07070a}
.auth-tabs button{padding:12px;border:1px solid transparent;background:transparent;color:#82777c;font-weight:900;letter-spacing:.12em;cursor:pointer}
.auth-tabs button.active{border-color:#b9203b;background:#380b16;color:#fff}
#auth-form{display:grid;gap:15px}
#auth-form label{display:grid;gap:7px;color:#c8b8bd;font-size:11px;font-weight:800;letter-spacing:.15em}
#auth-form input{width:100%;box-sizing:border-box;padding:14px 15px;border:1px solid #443138;background:#08080c;color:#fff;outline:0}
#auth-form input:focus{border-color:#ef2949;box-shadow:0 0 0 2px rgba(239,41,73,.12)}
.auth-submit{min-height:54px;margin-top:5px;border:1px solid #ea2444;background:linear-gradient(135deg,#6d1024,#2c0711);color:#fff;font-weight:900;letter-spacing:.12em;cursor:pointer}
.auth-submit:hover{filter:brightness(1.2)}.auth-submit:disabled{opacity:.55;cursor:wait}
.auth-status{min-height:20px;margin:14px 0 0!important;color:#ff9aab!important;font-size:12px}
@media(max-width:560px){.auth-panel{padding:34px 22px 26px}.auth-panel h2{font-size:25px}}