@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-thai-400-normal.1dqfxqyeh811x.woff2)format("woff2"),url(../media/noto-sans-thai-thai-400-normal.248msg2hca52y.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-latin-ext-400-normal.3ad253atfvzcw.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-400-normal.0e5qa5wvbyukz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-latin-400-normal.42f8l63-h23zb.woff2)format("woff2"),url(../media/noto-sans-thai-latin-400-normal.3mdbtavpftt8q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-thai-500-normal.0757t9rl4xr9f.woff2)format("woff2"),url(../media/noto-sans-thai-thai-500-normal.21j6ubrazrykg.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-latin-ext-500-normal.0e8dcjjt3gts0.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-500-normal.14ski2gn5d9ex.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-latin-500-normal.1fy4bcel5txi0.woff2)format("woff2"),url(../media/noto-sans-thai-latin-500-normal.1uhpzigoma-nb.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-thai-600-normal.01gqlfrhoygtq.woff2)format("woff2"),url(../media/noto-sans-thai-thai-600-normal.11m27vyv7t0ir.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-latin-ext-600-normal.0lcque7ms9a2w.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-600-normal.08sz8qrn5f0bw.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-latin-600-normal.43zs497cf16uq.woff2)format("woff2"),url(../media/noto-sans-thai-latin-600-normal.0oi6usjpcl2ue.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-thai-700-normal.15-98avio19uy.woff2)format("woff2"),url(../media/noto-sans-thai-thai-700-normal.3hd7ixnhjizoo.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-latin-ext-700-normal.1_vk9v-vq81xx.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-700-normal.0juykiz06i7_3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-latin-700-normal.0cjj8b5tn3txs.woff2)format("woff2"),url(../media/noto-sans-thai-latin-700-normal.3cvdl3gmcef1p.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(../media/kanit-thai-600-normal.2p9f0dv37sso_.woff2)format("woff2"),url(../media/kanit-thai-600-normal.11v_6g4d6og-y.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(../media/kanit-vietnamese-600-normal.0timvuy3tw984.woff2)format("woff2"),url(../media/kanit-vietnamese-600-normal.1qegqj4avvchz.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(../media/kanit-latin-ext-600-normal.00y9co-bpfjor.woff2)format("woff2"),url(../media/kanit-latin-ext-600-normal.33tl2fdar5qqc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(../media/kanit-latin-600-normal.3lg2y4864lcrl.woff2)format("woff2"),url(../media/kanit-latin-600-normal.3esu4hu43b-lu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(../media/kanit-thai-700-normal.1p1dpiy7rk5ko.woff2)format("woff2"),url(../media/kanit-thai-700-normal.3j7783_d5jse6.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(../media/kanit-vietnamese-700-normal.1tekllyvclyw0.woff2)format("woff2"),url(../media/kanit-vietnamese-700-normal.24rkh_h38aik5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(../media/kanit-latin-ext-700-normal.21-73atqz0w6v.woff2)format("woff2"),url(../media/kanit-latin-ext-700-normal.2et_3w3qeila-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(../media/kanit-latin-700-normal.12crgla0nk5ms.woff2)format("woff2"),url(../media/kanit-latin-700-normal.2no1m8pkr9syy.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--cream:#fffaf3;--paper:#fffdf8;--ink:#17202f;--muted:#73727a;--orange:#ff671b;--gold:#edb75b;--line:#efdfc5;--body:"Noto Sans Thai", Tahoma, sans-serif;--display:"Kanit", "Noto Sans Thai", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:94px}body{color:var(--ink);background:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65}body:has(dialog[open]){overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-user-drag:none}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}button img{pointer-events:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{color:var(--ink);background:#ffd8b5}:focus-visible{outline-offset:5px;outline:3px solid #087bdc}[hidden]{display:none!important}.game-portal{isolation:isolate;overflow:clip}.section-shell{width:min(1280px,100% - 80px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:10px;left:20px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.button-primary,.button-secondary,.button-outline,.button-ghost{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:11px;min-height:47px;padding:13px 24px;font-size:14px;font-weight:600;line-height:1.5;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.button-primary{color:#fff;background:var(--orange);text-shadow:0 1px #7b311840;border:1px solid #c85218;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff5,0 3px #ac4318}.button-primary:after{content:none;pointer-events:none;background:#ffffff3b;width:35%;transition:left .6s;position:absolute;inset:-30% auto -30% -65%;transform:skew(-20deg)}.button-primary:hover:after{left:140%}.button-primary:hover{background:color-mix(in srgb, var(--orange), #fff 8%);transform:translateY(-1px);box-shadow:inset 0 1px #fff5,0 4px #ac4318}.button-primary:active,.button-secondary:active,.button-outline:active{transform:translateY(1px)}.button-secondary{color:var(--ink);background:var(--paper);border:1px solid #c9ad83;box-shadow:inset 0 1px #fff,0 3px #d7c3a6}.button-secondary>svg{color:var(--orange)}.button-secondary:hover{background:#fff4df;border-color:#b7915b;transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 4px #d7c3a6}.button-outline{background:var(--paper);color:#9b4a1f;border:1px solid #c9ad83;min-height:42px;padding:10px 22px;font-size:12px}.button-outline:hover{background:#fff0da;border-color:#b06b36;transform:translateY(-1px)}.button-outline>svg{transition:transform .2s}.button-outline:hover>svg{transform:translate(3px)}.button-ghost{color:var(--muted);background:0 0;padding:8px 14px}.hero{isolation:isolate;--scroll-y:0px;--pointer-x:0px;--pointer-y:0px;background:#77dcee;height:min(55.9vw,840px);min-height:590px;max-height:840px;position:relative;overflow:hidden}.hero-scene{object-fit:cover;object-position:center 45%;width:103%;max-width:none;height:103%;transform:translate3d(calc(var(--pointer-x) * -1), calc(var(--scroll-y) * .12 + var(--pointer-y) * -1), 0) scale(1.015);will-change:transform;z-index:-2;animation:1.6s ease-out both scene-enter;position:absolute;inset:-1.5%}.hero-cast{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-cast-character{aspect-ratio:1;max-width:490px;transform:translate3d(calc(var(--pointer-x) * .6), calc(var(--scroll-y) * .06 + var(--pointer-y) * .6), 0);position:absolute}.hero-cast-character img{object-fit:contain;filter:drop-shadow(0 5px 3px #19485330);width:100%;height:100%;animation:none}.hero-cast-assassin{width:25%;top:4%;left:0}.hero-cast-biochemist{width:25%;top:4%;right:0}.hero-cast-rocker{width:32%;bottom:1%;left:-1%}.hero-cast-guardian{width:32%;bottom:2%;right:-1%}.hero-cast-biochemist img{animation-delay:-3s}.hero-cast-rocker img{animation-delay:-1.5s}.hero-cast-guardian img{animation-delay:-4.5s}.hero:after{content:"";z-index:-1;background:linear-gradient(180deg, transparent 55%, #fffaf315 77%, var(--cream) 100%);pointer-events:none;position:absolute;inset:0}.hero-content{text-align:center;z-index:2;flex-direction:column;align-items:center;width:min(680px,60%);display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.hero-eyebrow{color:#a36d24;letter-spacing:2.6px;text-shadow:0 1px 5px #fff;opacity:0;align-items:center;gap:12px;font-size:10px;font-weight:600;animation:1s .4s forwards content-enter;display:flex;position:absolute;bottom:calc(100% + 10px)}.hero-eyebrow>span{background:#d6a54f;width:22px;height:1px;display:block}.hero-logo{filter:drop-shadow(0 9px 13px #273d6f20);transform-origin:50%;width:clamp(320px,39vw,575px);max-width:100%;height:auto;animation:.9s cubic-bezier(.2,.75,.2,1) both logo-enter}.hero-message{min-height:84px;margin-top:20px;animation:.55s ease-out both message-enter}.hero-title{font-family:var(--display);letter-spacing:-.7px;text-shadow:0 2px 1px #fff,0 0 12px #ffffff90;white-space:nowrap;font-size:clamp(28px,3.2vw,47px);font-weight:600;line-height:1.25}.hero-title>span{color:#ff641d}.hero-description{color:#38464c;text-shadow:0 1px 3px #fff;margin-top:5px;font-size:clamp(14px,1.55vw,21px);font-weight:500;line-height:1.6}.hero-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:16px;width:min(660px,100vw - 44px);margin-top:18px;animation:.8s .45s both content-enter;display:grid}.hero-actions>:is(button,a){border-radius:5px;min-width:0;min-height:56px;padding-inline:16px;font-size:16px}.hero-actions>.hero-discord{color:#494187;background:#efedfa;border-color:#8f86bc;box-shadow:inset 0 1px #fff,0 3px #b9b0d9}.hero-actions>.hero-discord>svg{color:#6653b2}.hero-actions>.hero-discord:hover{background:#f5f0ff;border-color:#8170bf;box-shadow:inset 0 1px #fff,0 4px #b9b0d9}.hero-platform{font:12px var(--body);color:#494b50;text-shadow:0 1px 6px #fff;align-items:center;gap:7px;margin-top:15px;animation:1s .6s both content-enter;display:flex}.platform-dot{background:#bfa784;border-radius:50%;width:3px;height:3px;margin-inline:4px}.hero-pagination{align-items:center;gap:8px;margin-top:18px;animation:1s .8s both content-enter;display:flex}.hero-pagination button{background:#bebbb5;border-radius:1px;width:24px;height:4px;padding:0;transition:background .2s,transform .2s;position:relative}.hero-pagination button:before{content:"";position:absolute;inset:-10px}.hero-pagination button.is-active{background:var(--orange);box-shadow:none;transform:none}.hero-scroll-hint{color:#d39c45;place-items:center;width:30px;height:30px;animation:2.4s ease-in-out infinite scroll-bounce;display:grid;position:absolute;bottom:2px;left:calc(50% - 15px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preregister-section{isolation:isolate;background:var(--cream);border-bottom:1px solid #ddc8a8;padding:48px 0 56px;position:relative}.campaign-backdrop{object-fit:cover;object-position:center 20%;opacity:.035;z-index:-1;pointer-events:none;width:100%;height:330px;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000,#0000 100%);mask-image:linear-gradient(#000,#0000 100%)}.campaign-shell{max-width:1120px}.campaign-heading{text-align:center}.campaign-kicker{letter-spacing:1.4px;color:#916433;justify-content:center;align-items:center;gap:10px;font-size:9px;font-weight:600;display:flex}.campaign-kicker>span{background:#e9c28c;width:46px;height:1px}.campaign-heading h2{font:600 clamp(30px, 3vw, 40px)/1.35 var(--display);letter-spacing:-.5px;margin-top:9px}.campaign-heading h2>span{color:var(--orange)}.campaign-heading>p:last-child{color:#665d54;margin-top:10px;font-size:13px;line-height:1.8}.campaign-counter{text-align:center;background:var(--paper);border:1px solid #d8c3a3;border-top:3px solid var(--orange);border-radius:6px;width:min(600px,100%);margin:20px auto 24px;padding:16px 24px 20px;position:relative;box-shadow:0 3px #e7dac6}.campaign-preview-badge{color:#725b3f;background:#f7eddc;border:1px solid #ecddc6;border-radius:3px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;display:inline-flex}.counter-label{color:#766954;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:12px;display:flex}.counter-label>svg{color:#d79b47}.counter-total{justify-content:center;align-items:baseline;gap:13px;display:flex}.counter-total>strong{font:700 88px/1.18 var(--display);color:#cf591d;letter-spacing:2px;font-variant-numeric:tabular-nums;text-shadow:none}.counter-unit{color:#bd8b48;font:400 17px var(--display)}.counter-next{color:#685d51;margin-top:4px;font-size:12px}.counter-next strong{color:#dc7935;font-weight:600}.campaign-progress-summary{color:#6e5c47;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;font-size:12px;display:flex}.campaign-progress-summary>span:first-child{color:#8e7657;align-items:center;gap:7px;font-weight:500;display:flex}.campaign-progress-summary strong{font:600 17px var(--display);color:#e37a2f;margin-left:5px}.campaign-progress-summary strong>span{color:#b3a896;font-size:12px;font-weight:400}.milestone-road{--milestone-gap:18px;margin-top:4px;padding-top:42px;position:relative}.milestone-rail{height:6px;top:18px;left:calc((100% + var(--milestone-gap)) / (var(--milestone-count,5) * 2) - var(--milestone-gap) / 2);right:calc((100% + var(--milestone-gap)) / (var(--milestone-count,5) * 2) - var(--milestone-gap) / 2);background:#ede4d5;border-radius:10px;position:absolute;box-shadow:inset 0 1px 2px #ad8e5720}.milestone-fill{height:100%;width:var(--campaign-progress);border-radius:inherit;background:linear-gradient(90deg,#ffbb4a,#ff7520);transition:width 1.2s;display:block;position:relative}.milestone-fill:after{content:"";background:#ff913b;border:3px solid #ffe8c5;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffad4e20}.js-motion .milestone-road:not(.is-visible) .milestone-fill{width:0}.milestone-list{grid-template-columns:repeat(var(--milestone-count,5), minmax(0, 1fr));gap:var(--milestone-gap);margin:0;padding:0;list-style:none;display:grid}.milestone-item{min-width:0;position:relative}.milestone-card{background:var(--paper);border:1px solid #d8c3a3;border-radius:6px;flex-direction:column;align-items:center;width:100%;min-height:258px;padding:17px 10px 13px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 3px #e7dac6}.milestone-card:hover{border-color:#c38e52;transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 5px #e7dac6}.milestone-card.is-selected{box-shadow:inset 0 3px 0 var(--orange), 0 3px 0 #e5c5a0;border-color:#dc7b2f}.is-unlocked .milestone-card{background:linear-gradient(#fffaf0,#fffefb);border-color:#e8c28c}.is-unlocked .milestone-card.is-selected{border-color:#f29346}.milestone-node{border:3px solid var(--cream);color:#b9ad99;background:#f3eee4;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-34px;left:calc(50% - 12px);box-shadow:0 0 0 1px #e5d9c5}.is-unlocked .milestone-node{color:#fff;background:#f59b37;box-shadow:0 0 0 1px #ecc48e}.is-next .milestone-node{color:#f09233;background:#fff7e8;box-shadow:0 0 0 1px #f2bc77,0 0 0 5px #ffbb6120}.milestone-target{font:600 28px/1.1 var(--display);letter-spacing:-.3px;color:#504943}.is-unlocked .milestone-target,.is-next .milestone-target{color:#cd8034}.milestone-target>span{font:10px var(--body);color:#75644f;letter-spacing:0;margin-left:5px;display:inline-block}.milestone-status{color:#6c6256;background:#eee7da;border-radius:3px;justify-content:center;align-items:center;gap:4px;margin-top:8px;padding:3px 9px;font-size:10px;line-height:1.5;display:inline-flex}.is-unlocked .milestone-status{color:#b4772b;background:#fff0d3}.milestone-status.status-next{color:#9b491c;background:#fff0df}.reward-art{aspect-ratio:1;filter:drop-shadow(0 6px 6px #916a3917);background-image:url(/images/preregister-rewards-v1.webp);background-repeat:no-repeat;background-size:300% 200%;flex-shrink:0;width:150px;max-width:100%;height:auto;transition:transform .3s;display:block}.milestone-card:hover .reward-art{transform:translateY(-2px)}.is-locked .reward-art{opacity:.8}.is-next .reward-art{opacity:1}.reward-title{font:500 16px/1.4 var(--display);color:#453c35}.reward-details-hint{color:#86592c;align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.milestone-detail{background:var(--paper);border:1px solid #d8c3a3;border-radius:6px;align-items:center;gap:13px;min-height:75px;margin:18px auto 0;padding:13px 18px;display:flex}.milestone-detail-icon{color:#da9544;background:#fff0db;border:1px solid #f0d4ac;border-radius:4px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.milestone-detail>div{min-width:0}.milestone-detail-title{font:500 15px var(--display);color:#554638;align-items:center;gap:12px;display:flex}.milestone-detail-title>span{font:9px var(--body);color:#a89578;border-left:1px solid #e4d5be;padding-left:12px}.milestone-detail>div>p:last-child{color:#6e6052;margin-top:2px;font-size:12px}.milestone-detail-state{color:#6d5e4d;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.milestone-detail-state.is-unlocked{color:#c18b37}.campaign-actions{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:26px;display:flex}.campaign-register{gap:13px;min-width:264px;min-height:51px;font-size:15px;box-shadow:inset 0 1px #fff5,0 3px #ac4318}.campaign-register>svg:last-child{margin-left:14px}.campaign-actions>p{color:#79654e;font-size:11px}.campaign-preview-note{text-align:center;color:#786d60;max-width:680px;margin:15px auto 0;font-size:11px;line-height:1.8}.footer-preregister{color:#d8772e;align-items:center;gap:9px;margin-top:14px;font-size:11px;display:inline-flex}.footer-preregister:hover{text-underline-offset:4px;text-decoration:underline}.news-section{z-index:3;background:var(--cream);padding:44px 0 48px;position:relative}.section-heading{text-align:center;justify-content:center;align-items:center;gap:24px;margin-bottom:24px;display:flex}.heading-copy{overflow-wrap:anywhere;min-width:0;position:relative}.section-heading h2{font-family:var(--display);letter-spacing:-.45px;font-size:29px;font-weight:600;line-height:1.35}.section-kicker{color:#aaa1a0;letter-spacing:2px;font-size:10px;font-weight:400}.heading-copy .section-kicker{color:#85808a;letter-spacing:1.4px;margin-top:2px}.heading-line{opacity:.65;background:#d8c3a3;flex:1;height:1px;margin-top:2px;position:relative}.heading-line:after{content:none;color:#d79c40;background:var(--cream);padding:0 6px;font-size:20px;line-height:1;position:absolute;top:-9px}.heading-line:first-child:after{right:-8px}.heading-line:last-child:after{left:-8px}.news-toolbar{justify-content:flex-end;align-items:center;gap:24px;min-height:43px;margin-bottom:20px;display:flex;position:relative}.news-tabs{align-items:center;gap:24px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.news-tabs button{color:#726a69;white-space:nowrap;background:0 0;min-height:43px;padding:12px 4px;font-size:13px;transition:color .2s;position:relative}.news-tabs button:after{content:"";background:var(--orange);height:2px;transition:left .2s,right .2s;position:absolute;bottom:2px;left:50%;right:50%}.news-tabs button.is-active{color:#f96c22;font-weight:600}.news-tabs button.is-active:after{left:-6px;right:-6px}.news-tabs button:hover{color:var(--orange)}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.news-card{background:var(--paper);text-align:left;border:1px solid #d8c3a3;border-radius:6px;width:100%;padding:0;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 3px #e7dac6}.news-card:hover{border-color:#c38e52;box-shadow:0 5px #e7dac6;transform:translateY(-2px)!important}.news-card-image{aspect-ratio:2.13;border-bottom:1px solid #d8c3a3;border-radius:0;margin:0;position:relative;overflow:hidden}.news-card-image>.news-artwork{transition:transform .7s cubic-bezier(.2,.7,.3,1)}.news-card:hover .news-card-image>.news-artwork{transform:scale(1.025)}.news-card-body{padding:16px 18px 20px;position:relative}.news-card-meta{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.category-badge{color:#fff;background:#a23df3;border-radius:3px;align-items:center;min-height:17px;padding:2px 9px;font-size:11px;font-weight:500;line-height:1.35;display:inline-flex}.category-update{background:#ff7c1c}.category-event{background:#069fda}.news-card-date{color:#a7a096;font-size:9px}.news-card-title{font-family:var(--display);padding-right:9px;font-size:19px;font-weight:600;line-height:1.4}.news-card-summary{color:#665e58;margin-top:3px;padding-right:20px;font-size:12px;line-height:1.6}.card-arrow{color:var(--orange);transition:transform .2s;position:absolute;bottom:19px;right:17px}.news-card:hover .card-arrow{transform:translate(3px)}.heroes-section.selected-assassin{--class-accent:#83589c;--class-wash:#e9deed}.heroes-section.selected-rocker{--class-accent:#a56f27;--class-wash:#efe3c4}.heroes-section.selected-biochemist{--class-accent:#a14f42;--class-wash:#efddd5}.heroes-section.selected-mystery{--class-accent:#526d43;--class-wash:#e0e8d7}.character-backplate{z-index:-1;background:linear-gradient(135deg, var(--class-wash), #faf6ec 80%);border:1px solid #cdbd9f;border-radius:6px;position:absolute;inset:28px 22px;box-shadow:inset 0 0 0 5px #fffdf763}.character-backplate:before,.character-backplate:after{content:"";border-color:var(--class-accent);border-style:solid;width:26px;height:26px;position:absolute}.character-backplate:before{border-width:3px 0 0 3px;border-radius:6px 0 0;top:-1px;left:-1px}.character-backplate:after{border-width:0 3px 3px 0;border-radius:0 0 6px;bottom:-1px;right:-1px}.heroes-section{isolation:isolate;--class-accent:#268b9c;--class-wash:#daeae8;background:#f5efdf;border-top:1px solid #ddc8a8;border-bottom:1px solid #ddc8a8;position:relative}.heroes-section:before{content:none;z-index:-1;background:var(--site-scene-image,url(/images/hero-island-v1.webp)) center 40% / cover;opacity:.08;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 47% 70%,#000);mask-image:linear-gradient(90deg,#000,#0000 47% 70%,#000)}.hero-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:15px;min-height:455px;display:grid}.hero-character-stage{isolation:isolate;align-self:center;height:465px;position:relative;overflow:hidden}.hero-character-image{object-fit:contain;object-position:center;z-index:1;filter:drop-shadow(0 8px 4px #3d352d25);width:calc(100% - 12px);max-width:none;height:calc(100% - 16px);animation:.4s cubic-bezier(.15,.65,.25,1) both character-enter;position:absolute;inset:8px 6px}.character-stage-label{writing-mode:horizontal-tb;font-family:var(--display);letter-spacing:1px;color:var(--class-accent);z-index:2;opacity:1;border-left:3px solid var(--class-accent);background:#fffdf7e8;padding:2px 9px;font-size:17px;font-weight:600;position:absolute;top:22px;left:26px;right:auto}.character-stage-label>span{font-family:var(--body);letter-spacing:1.5px;margin-top:14px;font-size:7px;font-weight:400;display:none}.hero-selector-content{padding:36px 5px 36px 20px}.hero-selector-content>.section-kicker{color:#8c6338;letter-spacing:1.4px;align-items:center;gap:13px;margin-bottom:7px;font-size:11px;display:flex}.hero-selector-content>.section-kicker>span{background:#ebca94;flex:1;max-width:105px;height:1px}.hero-selector-title{font-family:var(--display);letter-spacing:-.4px;font-size:37px;font-weight:600;line-height:1.25}.hero-selector-title>span{color:#fb6d22;margin-left:7px}.hero-selector-description{color:#655c53;margin-top:9px;font-size:12px;line-height:1.85}.hero-portraits{gap:12px;margin:19px 0 13px;display:flex}.hero-portrait{background:#fff;border:2px solid #c8bba5;border-radius:5px;width:87px;height:87px;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff,0 3px #d6c7af}.hero-portrait img{object-fit:contain;width:205%;max-width:none;height:205%;transition:transform .3s;position:absolute;top:-11%;left:-52%}.portrait-assassin{background:#f2deff}.portrait-rocker{background:#fff1c8}.portrait-guardian{background:#dffcff}.portrait-biochemist{background:#ffe5df}.portrait-rocker img,.portrait-biochemist img{width:235%;height:230%;top:-9%;left:-68%}.portrait-rocker img{top:-25%}.hero-portrait:hover{border-color:#c88e4d;transform:translateY(-2px)}.hero-portrait:hover img{transform:scale(1.045)}.hero-portrait.is-selected{border-color:#e27929;box-shadow:inset 0 0 0 1px #fff,0 3px #d36e26}.portrait-name{bottom:0;text-align:center;font-family:var(--display);letter-spacing:.2px;z-index:2;background:#fffcf3;padding:1px 0 2px;font-size:9px;font-weight:600;position:absolute;inset-inline:0}.portrait-biochemist .portrait-name{letter-spacing:0;font-size:8px}.portrait-selected{background:var(--orange);color:#fff;z-index:2;border-radius:3px;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:3px;right:3px}.selected-hero-meta{max-width:470px;min-height:65px;padding:3px 0 0}.selected-hero-heading{align-items:center;gap:10px;margin-bottom:2px;display:flex}.selected-hero-name{font-family:var(--display);letter-spacing:.8px;color:var(--class-accent);font-size:22px;font-weight:600}.selected-hero-role{color:#63574c;border-left:1px solid #dfcfb8;padding-left:10px;font-size:11px}.selected-hero-meta>p{color:#5d554d;font-size:13px;line-height:1.85}.hero-class-stats{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin-top:12px;margin-bottom:5px;display:grid}.hero-class-stat{background:#fffdf7;border:1px solid #d2bfa2;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.hero-class-stat dt{color:#5e5145;font-size:12px}.hero-class-stat dd{margin:0}.hero-rating{align-items:center;gap:6px;padding-inline:2px;display:flex}.hero-rating>span{background:#e3d9ca;border-radius:1px;width:7px;height:7px;rotate:45deg}.hero-rating>.is-filled{background:#ee8d32;box-shadow:inset 1px 1px #ffd67c}.hero-selector-cta{gap:27px;margin-top:11px;padding-inline:24px}.hero-portraits.has-mystery{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1vw,12px);width:min(100%,470px);display:grid}.hero-portraits.has-mystery .hero-portrait{aspect-ratio:1;width:100%;min-width:0;height:auto}.portrait-mystery{background:radial-gradient(at 50% 35%,#45775c,#182d26 80%);border-color:#92ab83}.portrait-mystery img{opacity:.65;width:170%;height:170%;top:-12%;left:-35%}.portrait-mystery .portrait-name{color:#ecf4cf;letter-spacing:3px;background:#172a24ed}.mystery-portrait-question{z-index:1;color:#fff4c7;font-family:var(--display);text-shadow:0 2px 10px #0b201d;place-items:center;font-size:clamp(30px,4vw,44px);font-weight:600;display:grid;position:absolute;inset:0 0 9px}.portrait-mystery.is-selected{border-color:#6d9b58;box-shadow:0 0 0 2px #fffdf8,0 0 0 3px #9db883}.selected-mystery .hero-character-stage{align-self:center}.selected-mystery .mystery-character-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 4px #365a4c30);width:100%;height:100%;inset:0}.mystery-question-mark{z-index:2;color:#fff5c7;width:64px;height:76px;font-family:var(--display);text-shadow:none;pointer-events:none;background:#213c31ee;border:1px solid #d4c08b;border-radius:5px;place-items:center;font-size:58px;font-weight:600;line-height:1;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #163226}.mystery-hero-meta{background:#f8faee;border:1px solid #aebe9e;border-radius:6px;max-width:470px;padding:17px 18px 14px;box-shadow:0 3px #d7dfc7}.mystery-eyebrow{color:#536b3d;letter-spacing:1.2px;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.mystery-eyebrow>span{background:#7b995b;border-radius:50%;flex:0 0 5px;width:5px;height:5px;box-shadow:0 0 0 3px #a2b18a20}.mystery-title{font-family:var(--display);color:#344c3e;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;font-size:23px;font-weight:600;display:flex}.mystery-title>span{color:#596e40;border:1px solid #b9c4a0;border-radius:50%;flex:0 0 25px;place-items:center;height:25px;font-size:18px;display:grid}.mystery-description{color:#4d5f45;margin-top:4px;font-size:12px;line-height:1.8}.mystery-hints-heading{color:#4e6248;border-bottom:1px solid #d7dfc8;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-bottom:7px;font-size:12px;font-weight:500;display:flex}.mystery-hints-heading>span:last-child{color:#59684b;font-variant-numeric:tabular-nums;font-size:12px}.mystery-hints{gap:6px;margin:9px 0 0;padding:0;list-style:none;display:grid}.mystery-hints>li{color:#626e54;border:1px dashed #d9dfca;border-radius:5px;align-items:flex-start;gap:8px;min-height:39px;padding:9px 10px;font-size:12px;line-height:1.7;display:flex}.mystery-hints>li.is-revealed{color:#4f6149;background:#ffffffa8;border-style:solid;border-color:#d0ddba;animation:.25s both mystery-clue-enter}.mystery-hint-number{text-align:center;color:#566a3d;letter-spacing:1px;flex:0 0 22px;font-size:12px}.mystery-hint-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:11px;display:flex}.mystery-reveal-button{color:#fffdf0;background:linear-gradient(#536c3e,#425b32);border:1px solid #6d8651;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 14px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff32,0 2px 5px #566e3520}.mystery-reveal-button:hover:not(:disabled){background:linear-gradient(#617b46,#4f683b);transform:translateY(-1px)}.mystery-reveal-button:disabled{color:#5c6a4b;box-shadow:none;cursor:default;background:#e9eddf;border-color:#cfd8bf}.mystery-reset-button{color:#536744;text-underline-offset:3px;min-height:44px;padding:9px 6px;font-size:12px;text-decoration:underline}.mystery-guess-prompt{color:#55644a;align-items:flex-start;gap:7px;margin-top:11px;font-size:12px;line-height:1.8;display:flex}.mystery-guess-prompt>svg{color:#627848;flex:0 0 15px;margin-top:3px}.dialog-mystery .dialog-image{object-fit:contain;background:radial-gradient(#e2ecd5,#f9fbf2)}.selected-mystery .hero-selector-cta{min-height:44px;font-size:12px}@keyframes mystery-clue-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width:641px) and (max-width:1100px){.mystery-hero-meta{padding:14px}}@media (max-width:640px){.hero-portraits.has-mystery{margin-inline:auto}.mystery-hero-meta{text-align:start;margin-inline:auto;padding:15px}.mystery-title{font-size:22px}.mystery-question-mark{width:54px;height:64px;font-size:48px}}.guides-section{isolation:isolate;min-height:320px;padding:38px 0 32px;position:relative}.guides-section:before{content:"";background:linear-gradient(90deg,#0000,#eac28a,#0000);height:1px;position:absolute;top:0;left:6%;right:6%}.guide-side-art{pointer-events:none;object-fit:contain;z-index:-1;filter:drop-shadow(0 6px 9px #927b5d19);width:min(29vw,410px);max-width:none;height:360px;position:absolute;bottom:-12px}.guide-art-left{object-position:right bottom;left:-110px;transform:rotate(5deg)}.guide-art-right{object-position:left bottom;right:-100px;transform:rotate(-5deg)}.guide-panels{z-index:1;grid-template-columns:1fr 1fr;gap:20px;width:min(900px,100% - 380px);max-width:900px;display:grid;position:relative}.guide-panel{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #d8c3a3;border-radius:6px;padding:14px 19px 5px;box-shadow:0 3px #e7dac6}.guide-panel h2{font-family:var(--display);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;font-size:24px;font-weight:600;line-height:1.4;display:flex}.guide-panel h2>svg{color:#d9ad61;width:15px}.guide-row{text-align:left;background:0 0;border-top:1px solid #ebd7b4;align-items:center;gap:12px;width:100%;min-height:75px;padding:12px 0;display:flex}.guide-index{color:#a65b24;min-width:43px;height:43px;font-family:var(--display);background:#f5e8d1;border:1px solid #c69a65;border-radius:4px;place-items:center;font-size:20px;font-weight:500;transition:background .2s,color .2s;display:grid;box-shadow:inset 0 0 0 3px #fffaf1}.guide-text{flex-direction:column;gap:2px;display:flex}.guide-text>strong{font-size:13px;font-weight:600;line-height:1.5}.guide-text>span{color:#6e6256;font-size:12px;line-height:1.65}.guide-arrow{width:16px;color:var(--orange);margin-left:auto;transition:transform .2s}.guide-row:hover .guide-arrow{transform:translate(3px)}.guide-row:hover .guide-index{color:#fff;box-shadow:none;background:#ff8128}.guide-row:hover strong{color:#d87824}.footer-rule{background:#d8c3a3;flex:1;height:1px}.site-footer{text-align:center;background:var(--cream);border-top:1px solid #d8c3a3;padding:28px 30px;position:relative}.footer-decor{justify-content:center;align-items:center;gap:28px;max-width:1040px;margin:0 auto;display:flex}.footer-brand{flex-shrink:0;width:175px}.footer-brand img{width:100%;height:auto}.social-links{justify-content:center;align-items:center;gap:9px;margin-top:9px;display:flex}.social-links :is(button,a){color:#66594b;background:#fffdf9;border:1px solid #c9c3b9;border-radius:4px;place-items:center;width:30px;height:30px;padding:0;transition:color .2s,border-color .2s,transform .2s;display:grid}.social-links :is(button,a):hover{color:var(--orange);border-color:var(--orange);transform:translateY(-1px)}.social-links svg{width:15px;height:15px}.footer-legal{color:#73675a;letter-spacing:1px;margin-top:10px;font-size:10px}.footer-legal>span{margin-left:7px;font-size:10px}.footer-concept{color:#73675a;margin-top:5px;font-size:10px;line-height:1.8}.footer-concept>span{letter-spacing:1px;border-left:1px solid #d9cebd;margin-left:8px;padding-left:8px;font-size:10px}.portal-dialog{width:min(550px,100% - 32px);max-height:min(850px,88dvh);color:var(--ink);background:#fffdf8;border:1px solid #c6a477;border-radius:8px;padding:0;animation:.28s cubic-bezier(.2,.7,.3,1) both dialog-enter;overflow:auto;box-shadow:0 25px 100px #43332245}.portal-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#22324c75;animation:.25s both backdrop-enter}.dialog-close{z-index:2;color:#6e6257;background:#fffaf5f0;border:1px solid #ecdcc7;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .2s,background .2s;display:grid;position:absolute;top:13px;right:13px}.dialog-close:hover{background:#fff0e0;transform:rotate(90deg)}.dialog-image{object-fit:cover;width:100%;height:225px}.dialog-emblem{color:#ee822b;background:#fff3df;border:1px solid #f1cf9d;border-radius:5px;place-items:center;width:70px;height:70px;margin:35px 32px 0;display:grid}.dialog-body{padding:25px 32px 30px}.dialog-kicker{color:#d48d36;letter-spacing:2px;margin-bottom:9px;font-size:9px;font-weight:500}.dialog-title{font-family:var(--display);margin-bottom:12px;font-size:29px;font-weight:600;line-height:1.35}.dialog-copy{color:#7b7479;font-size:13px;line-height:1.95}.dialog-detail{color:#958575;background:#f7f0e4;border-left:2px solid #f7bc68;border-radius:0 4px 4px 0;margin-top:20px;padding:12px 15px;font-size:10px;line-height:1.9}.dialog-points{margin:21px 0 0;padding:0;list-style:none}.dialog-points>li{border-top:1px solid #eee0cc;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.dialog-points>li>span{font-family:var(--display);color:#e79a40;font-size:18px;line-height:1.5}.dialog-points p{color:#726c71;padding-top:2px;font-size:12px;line-height:1.9}.dialog-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.dialog-actions .button-primary,.dialog-actions .button-outline{min-height:44px;font-size:12px}.dialog-status{color:#aa9b88;align-items:center;gap:7px;margin-top:14px;font-size:9px;display:flex}.dialog-status>span{background:#dfad69;border-radius:50%;width:5px;height:5px}.not-found{background:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:23px;min-height:100dvh;padding:40px 25px;display:flex}.not-found>img{height:auto}.not-found>p{color:#a58b68;letter-spacing:2px;font-size:11px}.not-found h1{font-family:var(--display);font-size:35px;font-weight:600}.reveal{opacity:1}.js-motion .reveal:not(.is-visible){opacity:0;transform:translateY(25px)}.js-motion .reveal{transition:opacity .7s,transform .7s cubic-bezier(.2,.6,.3,1)}.js-motion .news-delay-1{transition-delay:90ms}.js-motion .news-delay-2{transition-delay:.18s}@keyframes content-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes message-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-enter{0%{opacity:0;transform:translateY(-18px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes logo-float{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-7px)rotate(.5deg)}}@keyframes scene-enter{0%{opacity:.5;filter:brightness(1.2)}to{opacity:1;filter:brightness()}}@keyframes character-enter{0%{opacity:0;translate:-15px 12px;scale:.97}to{opacity:1;translate:0;scale:1}}@keyframes character-hover{0%,to{translate:0}50%{translate:0 -9px}}@keyframes scroll-bounce{0%,to{opacity:.6;translate:0}50%{opacity:1;translate:0 4px}}@keyframes drift-leaf{0%{opacity:0;translate:0 -40px;rotate:30deg}15%{opacity:.75}85%{opacity:.6}to{translate:var(--drift) 350px;opacity:0;rotate:240deg}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@media (min-width:1600px){.section-shell{width:min(1380px,100% - 120px)}.hero{height:55vw;max-height:900px}.hero-logo{width:620px}.hero-content{top:30%}.hero-showcase{min-height:500px}.hero-character-stage{height:500px}.guide-panels{max-width:980px}}@media (max-width:1180px){.section-shell{width:calc(100% - 60px)}.hero{min-height:570px}.hero-content{top:27%}.hero-logo{width:40vw}.hero-title{font-size:34px}.hero-description{font-size:16px}.hero-message{min-height:70px;margin-top:19px}.hero-actions{gap:13px;margin-top:14px}.hero-actions>:is(button,a){min-height:49px;font-size:14px}.hero-platform{margin-top:12px;font-size:11px}.hero-pagination{margin-top:14px}.hero-eyebrow{letter-spacing:2px;font-size:8px}.hero-showcase{min-height:420px}.hero-character-stage{height:420px}.hero-selector-content{padding-block:27px;padding-left:10px}.hero-selector-title{font-size:32px}.hero-selector-description{font-size:12px}.hero-portrait{width:77px;height:77px}.hero-portraits{gap:10px;margin-top:16px}.hero-selector-content>.section-kicker{font-size:10px}.selected-hero-meta{min-height:70px}.guide-panels{gap:16px;width:calc(100% - 275px)}.guide-panel{padding-inline:15px}.guide-panel h2{font-size:20px}.guide-row{gap:9px}.guide-text>strong{font-size:13px}.guide-text>span{font-size:12px}.guide-index{min-width:39px;height:39px;font-size:18px}.guide-side-art{width:320px;height:340px}.guide-art-left{left:-135px}.guide-art-right{right:-110px}.news-card-body{padding-inline:13px}.news-card-title{font-size:17px}.news-card-summary{font-size:12px}}@media (max-width:900px){.section-shell{width:calc(100% - 44px)}.hero{height:62vw;min-height:535px}.hero-scene{width:110%;left:-5%}.hero-content{width:64%;top:27%}.hero-logo{width:43vw}.hero-title{font-size:30px}.hero-description{font-size:14px}.hero-actions>:is(button,a){min-height:47px;padding-inline:12px;font-size:13px}.hero-actions svg{width:20px;height:20px}.hero-platform{font-size:11px}.hero-message{min-height:64px}.section-heading h2{font-size:27px}.news-toolbar{margin-top:0;margin-bottom:16px}.news-tabs{gap:18px;left:0;transform:none}.news-tabs button{font-size:12px}.all-news-button{min-height:37px;padding:8px 13px;font-size:11px}.news-grid{gap:13px}.news-card-title{font-size:16px}.news-card-summary{min-height:30px;font-size:12px}.card-arrow{width:16px;bottom:18px;right:12px}.news-card-body{padding:16px 18px 20px}.hero-showcase{grid-template-columns:.9fr 1.1fr;gap:0;min-height:410px}.hero-character-stage{height:410px}.character-stage-label{display:none}.hero-selector-title{font-size:28px}.hero-selector-content>.section-kicker{gap:9px;font-size:9px}.hero-selector-content>.section-kicker>svg{width:16px}.hero-portrait{width:65px;height:65px}.hero-portraits{gap:9px}.portrait-name{font-size:8px}.hero-selector-description{font-size:12px}.selected-hero-meta>p{font-size:13px}.selected-hero-role{font-size:11px}.hero-selector-cta{min-height:38px;padding:9px 18px;font-size:11px}.guide-panels{gap:13px;width:calc(100% - 160px)}.guide-panel{padding-inline:12px}.guide-panel h2{font-size:19px}.guide-row{gap:8px}.guide-index{min-width:33px;height:36px;font-size:17px}.guide-text>strong{font-size:13px}.guide-text>span{font-size:12px}.guide-arrow{width:13px}.guide-side-art{width:255px;height:285px}.guide-art-left{left:-155px}.guide-art-right{right:-145px}.footer-decor{gap:22px}.footer-brand{width:155px}[data-language=en] .hero-title{font-size:29px}[data-language=en] .hero-selector-title{font-size:30px}[data-language=en] .hero-selector-title>span{margin-left:0;display:block}}@media (max-width:640px){html{scroll-padding-top:70px}body{font-size:14px}.section-shell{width:calc(100% - 36px)}.hero{background:var(--cream);height:auto;min-height:0;max-height:none;padding:235px 18px 52px}.hero-scene{object-fit:cover;object-position:center top;opacity:1;width:850px;height:486px;animation:none;inset:0 auto auto 50%;transform:translate(-50%)}.hero-cast-character{width:34%;max-width:130px;transform:none}.hero-cast-assassin{top:2px;left:1%}.hero-cast-biochemist{top:4px;right:1%}.hero-cast-rocker{width:37%;top:126px;bottom:auto;left:-1%}.hero-cast-guardian{width:37%;top:126px;bottom:auto;right:-1%}.hero:after{z-index:-1;background:linear-gradient(180deg, transparent 25%, #fffaf300 45%, #fffaf3bc 62%, var(--cream) 73%)}.hero-content{width:100%;margin-inline:auto;position:relative;inset:auto;transform:none}.hero-logo{filter:drop-shadow(0 4px 9px #273d6f20);width:300px;max-width:88%}.hero-eyebrow{display:none}.hero-message{min-height:76px;margin-top:23px}.hero-title{letter-spacing:-.6px;white-space:normal;font-size:30px;line-height:1.35}.hero-description{margin-top:7px;font-size:13px}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:min(100%,400px);margin-top:14px}.hero-actions>:is(button,a){white-space:normal;overflow-wrap:anywhere;border-radius:5px;gap:8px;width:100%;min-height:48px;padding:12px 10px;font-size:14px}.hero-actions>.hero-discord{grid-column:1/-1}.hero-actions svg{width:18px;height:18px}.hero-platform{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:14px;font-size:12px}.hero-platform svg{width:13px;height:13px}.hero-pagination{gap:4px;margin-top:8px}.hero-pagination button{background:0 0;width:44px;height:44px}.hero-pagination button:before{background:#bebbb5;border-radius:1px;inset:20px 10px}.hero-pagination button.is-active{background:0 0}.hero-pagination button.is-active:before{background:var(--orange)}.hero-scroll-hint{bottom:8px}.news-section{padding-top:14px;padding-bottom:16px}.section-heading{gap:13px;margin-bottom:24px}.section-heading h2{font-size:26px}.heading-copy .section-kicker{letter-spacing:1.6px;margin-top:4px;font-size:8px}.heading-line:after{font-size:16px;top:-7px}.heading-line:first-child:after{right:-6px}.heading-line:last-child:after{left:-6px}.news-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.news-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;width:100%;display:grid;position:static;transform:none}.news-tabs button{white-space:normal;overflow-wrap:anywhere;min-height:44px;padding-inline:8px;font-size:14px}.all-news-button{gap:6px;min-height:44px;margin-inline-start:auto;padding:8px 14px;font-size:13px}.all-news-button>svg{width:13px;height:13px}.news-grid{grid-template-columns:1fr;gap:17px}.news-card{border-radius:6px}.news-card-image{aspect-ratio:2.12;margin:0}.news-card-body{padding:16px 18px 20px}.category-badge{min-height:18px;padding:2px 9px;font-size:11px}.news-card-title{margin-top:3px;font-size:21px}.news-card-summary{min-height:0;margin-top:4px;font-size:12px}.card-arrow{width:18px;bottom:19px;right:14px}.news-card:hover{transform:translateY(-2px)!important}.heroes-section{margin-top:11px}.hero-showcase{flex-direction:column;gap:0;width:100%;min-height:0;display:flex}.hero-character-stage{order:2;width:100%;height:355px;margin-top:17px}.hero-selector-content{text-align:center;order:1;width:calc(100% - 44px);margin-inline:auto;padding:32px 0 20px}.hero-selector-content>.section-kicker{justify-content:center;gap:10px;margin-bottom:9px;font-size:10px}.hero-selector-content>.section-kicker>span{flex:0;display:none}.hero-selector-title{font-size:32px}.hero-selector-description{margin-top:10px;font-size:14px;line-height:1.9}.desktop-break{display:none}.hero-portraits{justify-content:center;gap:12px;margin:21px 0 15px}.hero-portrait{border-radius:5px;width:70px;height:70px}.selected-hero-meta{max-width:340px;min-height:68px;margin-inline:auto}.selected-hero-heading{justify-content:center;gap:10px}.selected-hero-name{font-size:22px}.selected-hero-role{padding-left:10px;font-size:11px}.selected-hero-meta>p{font-size:13px}.hero-selector-cta{white-space:normal;gap:20px;min-height:44px;margin-top:7px;font-size:14px}.character-stage-label{opacity:1;font-size:17px;display:block;top:22px;right:auto}.character-stage-label>span{font-size:6px}.guides-section{min-height:0;padding:38px 0 32px}.guide-panels{flex-direction:column;gap:24px;width:calc(100% - 36px);display:flex}.guide-panel{background:var(--paper);border-radius:6px;padding:17px 18px 4px}.guide-panel h2{padding-bottom:10px;font-size:24px}.guide-panel h2>svg{width:16px}.guide-row{gap:12px;min-height:77px;padding:13px 0}.guide-index{min-width:43px;height:43px;font-size:20px}.guide-text>strong{font-size:13px}.guide-text>span{font-size:12px}.guide-arrow{width:16px}.guide-side-art{display:none}.site-footer{padding:28px 30px}.footer-decor{gap:15px}.footer-brand{width:150px}.social-links{gap:11px;margin-top:13px}.social-links :is(button,a){width:44px;height:44px}.footer-legal{margin-top:14px;font-size:10px}.footer-concept{font-size:10px}.footer-concept>span{margin-left:6px;padding-left:6px;font-size:10px}.portal-dialog{border-radius:8px;max-height:87dvh}.dialog-body{padding:23px 23px 25px}.dialog-title{font-size:27px}.dialog-copy{overflow-wrap:anywhere;font-size:14px}.dialog-image{height:180px}.dialog-emblem{border-radius:5px;width:60px;height:60px;margin:28px 23px 0}.dialog-emblem>svg{width:26px}.dialog-points p{overflow-wrap:anywhere;font-size:14px}.dialog-detail{overflow-wrap:anywhere;font-size:12px}.dialog-actions{gap:8px}.dialog-actions .button-primary,.dialog-actions .button-outline{white-space:normal;padding-inline:16px;font-size:14px}.dialog-close{width:44px;height:44px}.footer-preregister{min-height:44px;font-size:13px}[data-language=en] .hero-title{font-size:27px}[data-language=en] .hero-description,[data-language=en] .hero-actions>:is(button,a){font-size:14px}[data-language=en] .hero-selector-title{font-size:32px}[data-language=en] .hero-selector-title>span{display:inline}[data-language=en] .guide-panel h2{font-size:23px}}@media (max-width:365px){.section-shell{width:calc(100% - 28px)}.hero{padding-inline:14px;padding-top:220px}.hero-content{width:100%}.hero-logo{width:280px}.hero-title{font-size:27px}.hero-description{font-size:12px}.hero-actions{grid-template-columns:minmax(0,1fr);gap:10px}.hero-actions>:is(button,a){font-size:14px}.hero-platform{font-size:11px}.news-tabs{gap:11px}.all-news-button{font-size:11px}.hero-portraits{gap:9px}.hero-portrait{width:62px;height:65px}.hero-selector-title{font-size:28px}.selected-hero-role{font-size:11px}}@media (max-width:900px){.campaign-heading h2{font-size:32px}.campaign-heading>p:last-child{font-size:13px}.milestone-road{--milestone-gap:10px}.milestone-card{min-height:231px;padding:16px 6px 13px}.milestone-target>span{margin-left:3px;font-size:11px}.milestone-status{padding-inline:6px;font-size:10px}.milestone-detail-state{font-size:11px}.preregister-section{padding:48px 0 56px}.campaign-kicker{letter-spacing:1.4px;gap:7px;font-size:7px}.campaign-kicker>span{width:19px}.campaign-kicker>svg{width:15px}.campaign-heading h2{margin-top:10px;font-size:30px}.campaign-heading h2>span{display:block}.campaign-heading>p:last-child{max-width:320px;margin-inline:auto;font-size:13px}.campaign-counter{margin-block:19px 26px}.campaign-preview-badge{padding:3px 9px;font-size:11px}.counter-label{margin-top:13px;font-size:12px}.counter-total{flex-wrap:wrap;gap:10px}.counter-total>strong{letter-spacing:.5px;overflow-wrap:anywhere;max-width:100%;font-size:clamp(38px,10vw,70px)}.counter-unit{font-size:13px}.counter-next{font-size:12px}.campaign-progress-summary{flex-wrap:wrap;gap:8px;margin-top:21px;font-size:12px}.campaign-progress-summary>span:first-child{gap:5px}.campaign-progress-summary>span:first-child>svg{width:13px}.campaign-progress-summary strong{font-size:16px}.milestone-road{margin-top:4px;padding-top:23px}.milestone-rail{height:5px;top:5px;left:0;right:0}.milestone-rail .milestone-fill{width:var(--campaign-percent)}.milestone-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.milestone-card{border-radius:6px;min-height:220px;padding:16px 8px 14px}.milestone-node{border-width:2px;width:17px;height:17px;top:11px;left:auto;right:10px;box-shadow:none!important}.milestone-node>svg{width:10px;height:10px}.milestone-target{font-size:25px}.milestone-target>span{font-size:11px}.milestone-status{margin-top:7px;padding:3px 8px;font-size:10px}.reward-art{width:122px;height:122px}.reward-title{font-size:14px}.reward-details-hint{margin-top:4px;font-size:11px}.milestone-item:last-child:nth-child(odd){grid-column:1/-1}.milestone-item:last-child:nth-child(odd) .milestone-card{grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;justify-items:center;min-height:180px;padding:16px 12px;display:grid}.milestone-item:last-child:nth-child(odd) .reward-art{aspect-ratio:1;grid-area:1/1/5;width:min(140px,32vw);height:auto}.milestone-item:last-child:nth-child(odd) .milestone-target{grid-area:1/2;align-self:end}.milestone-item:last-child:nth-child(odd) .milestone-status{grid-area:2/2}.milestone-item:last-child:nth-child(odd) .reward-title{grid-area:3/2;align-self:end}.milestone-item:last-child:nth-child(odd) .reward-details-hint{grid-area:4/2}.milestone-detail{flex-wrap:wrap;gap:10px;margin-top:14px;padding:12px}.milestone-detail-icon{border-radius:4px;width:35px;height:35px}.milestone-detail-title{gap:8px;font-size:14px}.milestone-detail-title>span{padding-left:8px;font-size:11px}.milestone-detail>div>p:last-child{font-size:12px}.milestone-detail-state{margin-top:-4px;margin-left:45px;font-size:11px}.campaign-actions{margin-top:23px}.campaign-register{white-space:normal;width:min(340px,100%);min-width:0;min-height:49px;font-size:14px}.campaign-actions>p{max-width:300px;font-size:11px}.campaign-preview-note{max-width:320px;margin-top:13px;font-size:11px}}@media (max-width:365px){.campaign-heading h2{font-size:27px}.counter-total>strong{font-size:clamp(38px,10vw,44px)}.milestone-target{font-size:22px}.milestone-target>span{font-size:11px}.milestone-node{top:8px;right:6px}.reward-title{font-size:12px}.milestone-item:last-child:nth-child(odd) .milestone-card{padding-inline:12px}.milestone-item:last-child:nth-child(odd) .reward-art{width:120px;height:120px}.milestone-detail-title{flex-wrap:wrap;gap:3px 7px}}@media (max-width:900px){.hero-showcase{flex-direction:column;gap:0;width:100%;display:flex}.hero-selector-content{text-align:center;order:1;width:calc(100% - 36px);max-width:620px;margin-inline:auto;padding:32px 0 20px}.hero-character-stage{order:2;width:min(100%,500px);height:clamp(300px,70vw,420px);margin-inline:auto}.hero-selector-content>.section-kicker{justify-content:center}.hero-portraits{justify-content:center;margin-inline:auto}.hero-portraits.has-mystery{margin-inline:auto}.selected-hero-meta{max-width:100%}.selected-hero-heading{flex-wrap:wrap;justify-content:center}.hero-class-stat{flex-wrap:wrap;gap:6px;min-width:0}.hero-class-stat dt{overflow-wrap:anywhere}.guide-panels{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 44px)}.guide-side-art{display:none}.guide-text{overflow-wrap:anywhere;min-width:0}.news-toolbar{flex-wrap:wrap;justify-content:space-between}.news-tabs{flex-wrap:wrap;min-width:0;position:static;transform:none}.news-tabs button,.all-news-button,.hero-selector-cta{min-height:44px}}@media (max-width:640px){html{scrollbar-gutter:auto}.hero-portraits,.hero-portraits.has-mystery{overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:72px;grid-auto-flow:column;justify-content:start;gap:9px;width:100%;max-width:100%;padding:4px 3px 10px;display:grid;overflow-x:auto}.hero-portrait,.hero-portraits.has-mystery .hero-portrait{aspect-ratio:auto;scroll-snap-align:center;width:72px;height:76px}.portrait-name,.portrait-biochemist .portrait-name{letter-spacing:0;font-size:10px;line-height:1.6}.hero-selector-content .selected-hero-meta>p,.news-card-summary,.guide-text>span{font-size:14px}.guide-text>strong{font-size:15px}.guide-panels{width:calc(100% - 36px)}.hero-class-stat{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10px}.hero-class-stat dt{font-size:13px}.selected-hero-role{border-left:0;padding-left:0;font-size:12px}.milestone-detail-title{flex-wrap:wrap}.milestone-detail-state{overflow-wrap:anywhere;flex-shrink:1}.milestone-target{overflow-wrap:anywhere}.campaign-counter{padding-inline:14px}.campaign-actions>p,.campaign-preview-note,.reward-details-hint{font-size:12px}.campaign-preview-badge,.counter-label,.campaign-progress-summary>span{overflow-wrap:anywhere}.dialog-actions>:is(a,button){flex:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.hero-eyebrow,.hero-actions,.hero-platform,.hero-pagination,.hero-logo{opacity:1}.hero-scene{transform:none}.js-motion .reveal:not(.is-visible){opacity:1;transform:none}}@media (prefers-reduced-motion:reduce) and (max-width:640px){.hero-scene{transform:translate(-50%)}}body[data-site-motion=off] *,body[data-site-motion=off] :before,body[data-site-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}body[data-site-motion=off] .reveal{opacity:1;transform:none}.cms-preview-bar{z-index:90;color:#fff;background:#17202f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:18px;width:max-content;max-width:calc(100% - 36px);padding:11px 18px;font-size:12px;display:flex;position:fixed;inset:auto 18px 18px;box-shadow:0 5px 24px #0003}.cms-preview-bar a{color:#ffb36a;text-underline-offset:3px;text-decoration:underline}@media (max-width:640px){.cms-preview-bar{inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom));gap:8px 14px;max-width:calc(100% - 24px)}.cms-preview-bar a{align-items:center;min-height:44px;display:inline-flex}}
body[data-primary-art=custom] :is(.hero-actions,.campaign-actions)>.button-primary{background:var(--game-primary-fallback,none);border-color:#0000;border-image-source:var(--game-primary-art,none);text-shadow:0 1px 1px #b83b184d;border-image-slice:20% 9% fill;border-image-width:10px 14px;border-image-outset:0;border-image-repeat:stretch;transition:filter .16s,transform .16s,box-shadow .16s;box-shadow:0 3px 8px #ff671b24}body[data-primary-art=custom] :is(.hero-actions,.campaign-actions)>.button-primary:after{content:none;display:none}@media (hover:hover){body[data-primary-art=custom] :is(.hero-actions,.campaign-actions)>.button-primary:not(:disabled,[aria-disabled=true]):hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 5px 12px #ff671b2b}}body[data-primary-art=custom] :is(.hero-actions,.campaign-actions)>.button-primary:not(:disabled,[aria-disabled=true]):active{filter:brightness(.97);transform:translateY(1px);box-shadow:0 1px 3px #ff671b1a}@media (prefers-reduced-motion:reduce){body[data-primary-art=custom] :is(.hero-actions,.campaign-actions)>.button-primary{transition:none}body[data-primary-art=custom] :is(.hero-actions,.campaign-actions)>.button-primary:not(:disabled,[aria-disabled=true]):is(:hover,:active){transform:none}}