@font-face{font-family:Grim;src:url('assets/display.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:DM;src:url('assets/body.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Mono;src:url('assets/mono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#071013;--ink-deep:#040b0e;--paper:#e5ede5;--muted:#8eaaa9;--cyan:#78f7df;--blue:#18cbea;--pink:#f28ddc;--line:rgba(149,210,202,.17);--display:Grim,'Arial Narrow',Impact,sans-serif;--body:DM,Arial,sans-serif;--mono:Mono,'Courier New',monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:clip}
main{overflow:clip}
body::after{content:'';position:fixed;inset:0;z-index:15;opacity:.028;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
::selection{background:var(--cyan);color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0}
button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:6px}
button:disabled{cursor:default}
svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:900}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:12px;left:12px;padding:15px;background:var(--cyan);color:var(--ink);z-index:100;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.section-shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.site-header{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(164,218,211,.16);background:linear-gradient(#040b0eb3,#040b0e20)}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:30px;letter-spacing:-.7px;line-height:1}
.brand-mark{width:34px;height:39px;display:grid;place-items:center;color:var(--cyan);transform:rotate(-13deg)}
.brand-mark svg{width:33px;height:33px}
.brand-dot{font-family:var(--mono);font-size:10px;vertical-align:top;margin-left:3px;display:inline-block;margin-top:3px}
.desktop-nav{display:flex;align-items:center;gap:33px;font-size:12px;font-weight:600}
.desktop-nav a{position:relative;padding:15px 0;transition:color .2s}
.desktop-nav a::after{content:'';height:1px;background:var(--cyan);position:absolute;left:0;bottom:7px;width:0;transition:width .25s}
.desktop-nav a:hover{color:var(--cyan)}
.desktop-nav a:hover::after{width:100%}
.header-actions{display:flex;align-items:center;gap:23px}
.sound-toggle{display:flex;align-items:center;gap:9px;background:transparent;padding:12px 0;font-family:var(--mono);font-size:9px;color:#afc3bf;letter-spacing:.5px}
.sound-toggle svg{width:19px;height:19px}
.sound-waves{display:none}
.sound-toggle[aria-pressed=true]{color:var(--cyan)}
.sound-toggle[aria-pressed=true] .sound-waves{display:block}
.sound-toggle[aria-pressed=true] .sound-slash{display:none}
.header-cta{padding:13px 17px;border:1px solid #b5d8cf77;display:flex;align-items:center;gap:23px;font-family:var(--mono);font-size:10px;transition:background .25s,color .25s,border-color .25s}
.header-cta svg{width:15px;height:15px}
.header-cta:hover{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}
.menu-toggle{display:none;background:transparent;padding:10px}
.menu-toggle span{display:block;width:23px;height:1px;background:var(--paper);margin:6px 0}
.mobile-nav{position:absolute;top:100%;left:0;right:0;padding:25px;background:#071013f7;border-bottom:1px solid var(--line)}
.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:24px}
.hero{min-height:840px;height:min(940px,100svh);position:relative;isolation:isolate;overflow:hidden;background:#020b11}
.hero-scene{position:absolute;inset:0;z-index:-3;overflow:hidden}
.hero-art{width:100%;height:100%;max-width:none;object-fit:cover;object-position:62% 49%;transform:scale(1.04) translate(var(--scene-x,0),var(--scene-y,0));will-change:transform;transition:filter .6s}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,14,.52),rgba(3,10,13,.15) 43%,transparent 65%),linear-gradient(0deg,#071013,transparent 19%,transparent 81%,#030b0e66)}
.hero-content{position:relative;padding-top:153px;margin-left:max(56px,calc((100% - 1280px)/2));width:510px;z-index:2}
.eyebrow{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:1.6px;line-height:1.6;display:flex;align-items:center;gap:10px;color:#b1c4bf}
.live-dot{width:5px;height:5px;background:var(--cyan);box-shadow:0 0 9px var(--cyan);border-radius:50%;flex-shrink:0;animation:beacon 3.8s infinite}
.hero h1{font-size:clamp(138px,14vw,195px);line-height:.77;letter-spacing:-6px;margin:33px 0 27px;color:#e2ede4;filter:drop-shadow(0 4px 20px #0004)}
.hero h1>span{display:block;color:var(--cyan);margin-left:-2px}
.title-period{color:var(--paper)}
.hero-tagline{font-size:25px;font-weight:600;letter-spacing:-.9px}
.hero-tagline em{font-style:normal;color:var(--cyan)}
.hero-description{margin-top:16px;font-size:14px;line-height:1.8;color:#a7bcb9}
.hero-actions{display:flex;gap:10px;margin-top:29px;align-items:center}
.button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 23px;font-size:10px;font-family:var(--mono);letter-spacing:.4px;border:1px solid transparent;transition:background .25s,box-shadow .25s,transform .25s,color .25s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--cyan);color:#061416;box-shadow:0 0 30px #78f7df0b}
.button-primary:hover{background:#a6ffe9;box-shadow:0 0 30px #78f7df33}
.button-primary>svg{width:21px;height:21px}
.button .arrow{width:16px;height:16px;margin-left:5px}
.button-icon{padding:0;width:55px;border-color:#8bb8b54d;background:#071b2299}
.button-icon svg{width:18px;height:18px}
.button-icon:hover{border-color:var(--cyan);color:var(--cyan);background:#0c2c35}
.hero-footnote{display:flex;align-items:center;gap:8px;font:8px/1.5 var(--mono);letter-spacing:.6px;color:#91a9a4;margin-top:18px}
.tiny-cross{color:var(--cyan);font-size:12px}
.hero-bottom{position:absolute;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1.5px;color:#8ca9a4;z-index:3}
.scroll-cue{display:flex;gap:14px;align-items:center;transition:color .2s}
.scroll-cue:hover{color:var(--cyan)}
.scroll-cue>span{border:1px solid var(--line);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:15px;color:var(--cyan)}
.location{display:flex;align-items:center;gap:10px}
.location i{width:4px;height:4px;background:var(--pink);border-radius:50%}
.location>span{margin-left:16px;color:#b5c5c0}
.pet-hotspot{position:absolute;left:62%;top:59%;width:30%;height:26%;background:transparent;z-index:3;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 0 5px 0}
.pet-spark{position:absolute;right:14%;bottom:13%;font-size:27px;color:var(--cyan);transition:transform .4s}
.pet-label{position:absolute;right:0;bottom:-12%;text-align:left;color:var(--cyan);font:10px/1.6 var(--mono);letter-spacing:.5px;transform:rotate(-7deg);padding:12px 17px;background:#06121dbd;border:1px solid #519daa55;backdrop-filter:blur(10px);transition:transform .3s,border-color .3s}
.pet-label>span{display:block;font-size:7px;color:#bccfce;letter-spacing:.2px}
.pet-hotspot:hover .pet-label{transform:rotate(0);border-color:var(--cyan)}
.pet-hotspot:hover .pet-spark{transform:rotate(90deg) scale(1.3)}
.pet-message{position:absolute;left:66%;top:43%;z-index:5;font:16px var(--display);letter-spacing:2px;background:var(--paper);color:var(--ink);padding:14px 21px;transform:translateY(10px) rotate(-5deg);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;border-radius:3px}
.pet-message::after{content:'';position:absolute;bottom:-8px;left:23px;border:8px solid transparent;border-top-color:var(--paper);border-bottom:0}
.pet-message.visible{opacity:1;transform:translateY(0) rotate(-5deg)}
.hero.is-petted .hero-art{filter:brightness(1.16) saturate(1.12)}
#embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.marquee{position:relative;z-index:4;border-top:1px solid #76f3d24a;border-bottom:1px solid #76f3d24a;background:#0b201e;overflow:hidden;padding:21px 0;transform:rotate(-1.3deg);width:102%;margin-left:-1%;margin-top:-8px}
.marquee-track{display:flex;align-items:center;gap:45px;width:max-content;animation:marquee 44s linear infinite;color:var(--cyan);font:28px/.9 var(--display);letter-spacing:.6px}
.marquee-track b{font-size:25px;font-weight:400}
.marquee-track .outline{-webkit-text-stroke:1px #76f3d2;color:transparent}
.legend{padding:145px 0 130px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.legend-visual{position:relative;isolation:isolate;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.legend-visual img{width:91%;height:100%;object-fit:contain;position:relative;z-index:2;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 32px #1ecdd311)}
.ghost-aura{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(ellipse,#0c5b664d,#0c5b6611 47%,transparent 70%)}
.orbit{position:absolute;border:1px solid #688a8440;border-radius:50%;width:89%;height:89%;transform:rotate(-20deg)}
.orbit-one::before,.orbit-one::after{content:'+';position:absolute;color:#598f89;left:12%;top:12%;font:24px var(--mono)}
.orbit-one::after{left:auto;top:auto;right:12%;bottom:12%}
.orbit-two{width:99%;height:99%;border-style:dashed;border-color:#6d998c21}
.orbit-label{position:absolute;top:5%;left:12%;font:7px var(--mono);letter-spacing:2px;color:#73968b;transform:rotate(-19deg)}
.specimen-note{position:absolute;bottom:-7%;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px var(--mono);letter-spacing:1.5px;color:#75968e}
.small-star{position:absolute;color:var(--cyan);font-size:36px}
.star-one{top:10%;right:4%}
.star-two{bottom:11%;left:4%;font-size:19px}
.section-number{color:var(--cyan);margin-right:5px}
h2{font-size:76px;line-height:.96;letter-spacing:-1px}
.legend h2{margin:27px 0 28px}
.text-cyan{color:var(--cyan)}
.text-light{color:var(--paper)}
.legend-copy p{max-width:420px;color:var(--muted);font-size:14px;line-height:1.9;margin-top:17px}
.text-link{display:flex;align-items:center;justify-content:space-between;max-width:300px;margin-top:30px;padding-bottom:13px;font:9px var(--mono);letter-spacing:.7px;border-bottom:1px solid #86bbb147;transition:color .2s,border-color .2s}
.text-link span{font:22px var(--body);color:var(--cyan)}
.text-link:hover{color:var(--cyan);border-color:var(--cyan)}
.after-dark{padding-top:70px;padding-bottom:115px;border-top:1px solid var(--line)}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}
.section-top h2{font-size:67px;margin-top:24px;line-height:1}
.text-outline{color:transparent;-webkit-text-stroke:1px #b7d0c5}
.section-top>p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:6px}
.haunt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.haunt-card{position:relative;isolation:isolate;min-height:377px;text-align:left;padding:25px 27px 24px;border:1px solid var(--line);background:#0b171a;overflow:hidden;transition:border-color .3s,background .3s,transform .3s}
.haunt-card:hover{transform:translateY(-6px);border-color:#6dddd383;background:#0d1e22}
.haunt-card::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#36c5c90d,transparent 70%)}
.card-topline{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1.1px;color:#92aca7}
.card-topline svg{width:14px;height:14px;color:var(--cyan)}
.card-art{height:183px;display:flex;align-items:center;justify-content:center;position:relative}
.card-bottom{display:block}
.card-bottom strong{font:31px/1 var(--display);letter-spacing:.2px;display:block;margin-bottom:11px}
.card-bottom>span{font-size:11px;color:#8eaaa5;display:block;line-height:1.6}
.card-bottom small{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:15px;border-top:1px solid var(--line);font:7px var(--mono);letter-spacing:.7px;color:var(--cyan)}
.card-bottom small b{font:16px var(--mono);font-weight:400}
.flame-art{filter:drop-shadow(0 0 18px #1adbca33)}
.flame{display:block;position:absolute;width:66px;height:86px;bottom:44px;border-radius:65% 4% 60% 45%;transform:rotate(-35deg);background:linear-gradient(135deg,#054653 4%,#16b5c4 50%,#86ffe2);transition:filter .4s,transform .4s}
.flame-inner{width:40px;height:61px;bottom:43px;border-radius:80% 4% 60% 45%;background:linear-gradient(135deg,#14a5c3,#78ffe5);transform:translate(8px,1px) rotate(2deg)}
.flame-core{width:22px;height:38px;bottom:45px;background:#bbffe5;border-radius:80% 4% 65% 40%;transform:translate(3px,1px) rotate(15deg)}
.flame-spark{width:6px;height:13px;border-radius:100% 0 100% 40%;background:var(--cyan);position:absolute;top:31px;left:55%;transform:rotate(25deg);animation:spark 3s ease-in-out infinite}
.spark-b{left:36%;top:56px;width:4px;height:8px;animation-delay:1s}
.haunt-card-flame.active .flame-art{filter:drop-shadow(0 0 28px #1adbcabb)}
.haunt-card-flame.active .flame-outer{transform:rotate(-25deg) scale(1.28)}
.eyes-art{gap:18px;perspective:200px}
.eye-socket{width:71px;height:85px;display:flex;justify-content:center;align-items:center;background:#020608;border:1px solid #15252c;border-radius:48% 46% 44% 44%;transform:rotate(-9deg);box-shadow:0 0 23px #fd6cdb06;transition:transform .4s}
.eye-socket:nth-child(2){transform:rotate(9deg)}
.eye-socket i{width:13px;height:39px;border-radius:50%;background:#e986cf;box-shadow:0 0 14px #ed75c552;transform:translate(var(--eye-x,0),var(--eye-y,0));transition:width .25s,height .25s;display:block}
.haunt-card-eyes.active .eye-socket{transform:rotate(-5deg) scale(1.08)}
.haunt-card-eyes.active .eye-socket:nth-child(2){transform:rotate(5deg) scale(1.08)}
.haunt-card-eyes.active .eye-socket i{width:25px;height:46px;box-shadow:0 0 28px #ed75c599}
.paw-art>svg{width:101px;height:101px;color:var(--cyan);transform:rotate(-16deg);filter:drop-shadow(0 0 21px #77fad826);transition:transform .4s}
.paw-ring{position:absolute;width:125px;height:125px;border:1px solid #78f7df26;border-radius:50%;opacity:0}
.haunt-card-paw.active .paw-art>svg{transform:rotate(9deg) scale(1.2)}
.haunt-card-paw.active .paw-ring{animation:ripple 1.2s ease-out infinite}
.trick-feedback{text-align:center;min-height:13px;font:8px/1.6 var(--mono);letter-spacing:1px;color:#75948e;margin-top:25px;transition:color .3s}
.trick-feedback.is-active{color:var(--cyan)}
.pack{position:relative;overflow:hidden;isolation:isolate;border-top:1px solid var(--line);background:#081719}
.pack-art{position:absolute;inset:0;z-index:-2;background:linear-gradient(#071013e6,#071013c9 35%,#071013c9 65%,#071013f0),url('assets/hero.webp') center 70%/cover;filter:saturate(.65)}
.pack-content{text-align:center;padding-top:105px;padding-bottom:75px}
.pack-content>.eyebrow{justify-content:center;font-size:9px}
.pack h2{font-size:clamp(65px,7.2vw,105px);line-height:.95;margin:30px 0 25px}
.pack h2 span{color:var(--cyan)}
.pack-content>p{font-size:14px;line-height:1.9;color:#a2b8b1}
.social-portals{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:43px auto 0;gap:16px;text-align:left}
.social-portals>a{display:flex;align-items:center;gap:18px;border:1px solid #a4d2bd42;background:#061316a8;padding:23px;transition:background .3s,border-color .3s,transform .3s}
.social-portals>a:hover{background:#12302f;border-color:var(--cyan);transform:translateY(-5px)}
.social-icon{width:43px;height:43px;display:grid;place-items:center;background:#163731;border:1px solid #77f9da24;color:var(--cyan)}
.social-icon svg{width:23px;height:23px}
.social-portals small{display:block;font:7px var(--mono);letter-spacing:.6px;color:#93b5a8;margin-bottom:6px}
.social-portals strong{font:27px/1 var(--display)}
.social-portals .arrow{width:17px;height:17px;margin-left:auto;color:var(--cyan)}
.pack-signoff{margin-top:47px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#70968a;font:7px var(--mono);letter-spacing:2px}
.pack-signoff svg{width:22px;height:22px;transform:rotate(-15deg)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:33px 0;border-top:1px solid var(--line)}
.footer-brand{font-size:22px;gap:9px}
.footer-brand>svg{width:22px;height:22px;color:var(--cyan)}
.site-footer>span{font:7px var(--mono);letter-spacing:.9px;color:#7a9890}
.back-top{font:7px var(--mono);letter-spacing:1px;display:flex;gap:19px;align-items:center;color:#aac6bb}
.back-top>span{font-size:19px;color:var(--cyan)}
.portal-dialog{width:min(480px,calc(100% - 32px));text-align:center;padding:55px 35px 42px;border:1px solid #6adbbd66;background:radial-gradient(ellipse at top,#123c3e,#071013 70%);color:var(--paper);box-shadow:0 20px 150px #000b}
.portal-dialog::backdrop{background:#02090de6;backdrop-filter:blur(8px)}
.dialog-close{position:absolute;right:14px;top:10px;font-size:27px;background:transparent;color:#8db4a7;padding:6px 12px}
.dialog-mark{display:inline-block;color:var(--cyan);transform:rotate(-15deg);margin-bottom:22px}
.dialog-mark svg{width:44px;height:44px}
.portal-dialog .eyebrow{justify-content:center;font-size:8px;color:var(--cyan)}
.portal-dialog h2{font-size:58px;line-height:.95;margin:22px 0}
.portal-dialog h2 span{color:var(--cyan)}
.portal-dialog p{font-size:13px;line-height:1.9;color:#93b5a8}
.portal-dialog p strong{color:var(--paper);font-weight:500}
.dialog-dismiss{margin-top:29px;min-height:47px}
.cursor-glow{position:fixed;left:0;top:0;width:330px;height:330px;transform:translate(-50%,-50%);background:radial-gradient(circle,#4afade07,transparent 65%);pointer-events:none;z-index:10;opacity:0;transition:opacity .3s}
.reveal{opacity:1;transform:none}
.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s ease}
.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
.haunt-grid .reveal:nth-child(2){transition-delay:.08s}
.haunt-grid .reveal:nth-child(3){transition-delay:.16s}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(1deg)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes beacon{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes spark{0%,100%{opacity:.1;transform:translateY(7px) rotate(25deg)}50%{opacity:1;transform:translateY(-8px) rotate(15deg)}}
@keyframes ripple{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(1.4)}}
@media(min-width:1600px){.hero-content{margin-left:max(80px,calc((100% - 1380px)/2))}.hero-art{object-position:center 49%}.hero{min-height:900px}.hero h1{font-size:205px}.hero-content{padding-top:158px}.hero-description{font-size:16px}.hero-actions{margin-top:33px}}
@media(max-width:1150px){.desktop-nav{gap:22px}.header-actions{gap:17px}.sound-toggle>span{display:none}.hero-content{width:440px}.hero h1{font-size:172px}.hero-art{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#030c1399,transparent 72%),linear-gradient(0deg,#071013,transparent 25%)}.legend{gap:40px}.legend h2{font-size:66px}.section-top h2{font-size:58px}.haunt-card{padding:22px 20px}.card-bottom strong{font-size:27px}.social-portals>a{padding:19px 16px;gap:12px}.social-portals strong{font-size:24px}.social-icon{width:37px;height:40px}}
@media(max-width:900px){.desktop-nav{display:none}.section-shell{width:calc(100% - 64px)}.site-header{height:78px;padding:0 32px}.hero{min-height:790px;height:90svh;max-height:950px}.hero-content{margin-left:32px;padding-top:143px;width:420px}.hero h1{font-size:155px}.hero-art{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#030c13b8,transparent 90%),linear-gradient(0deg,#071013,transparent 25%)}.hero-description{color:#bbcdca}.pet-hotspot{left:58%;width:35%;top:65%;height:16%}.pet-label{font-size:8px}.pet-label>span{font-size:6px}.pet-spark{bottom:27%}.hero-footnote{font-size:7px}.location{display:none}.legend{padding:110px 0;gap:25px}.legend h2{font-size:56px}.legend-copy p{font-size:12px}.orbit-label{font-size:6px}.section-top h2{font-size:49px}.section-top>p{font-size:11px}.haunt-grid{gap:12px}.haunt-card{padding:18px 16px;min-height:352px}.card-topline{font-size:6px;letter-spacing:.6px}.card-art{height:174px}.card-bottom strong{font-size:23px}.card-bottom>span{font-size:10px}.card-bottom small{font-size:6px}.eyes-art{gap:12px}.eye-socket{width:55px;height:70px}.eye-socket i{height:33px;width:10px}.social-portals>a{flex-wrap:wrap;position:relative;padding:20px}.social-portals .arrow{position:absolute;top:25px;right:17px}.social-portals>a>span:nth-child(2){flex-basis:100%}.social-portals small{font-size:6px}.social-portals strong{font-size:25px}.pack h2{font-size:72px}.site-footer>span{font-size:6px}}
@media(max-width:600px){html{scroll-padding-top:25px}.section-shell{width:calc(100% - 40px)}.site-header{height:72px;padding:0 20px;gap:10px}.brand{font-size:27px;gap:7px}.brand-mark,.brand-mark svg{width:27px;height:31px}.brand-dot{font-size:8px}.header-actions{gap:15px}.sound-toggle{padding:10px 0}.header-cta{display:none}.menu-toggle{display:block;padding:5px}.hero{height:auto;min-height:1010px;max-height:none}.hero-scene{height:590px;top:0;inset-inline:0}.hero-art{object-position:80% 50%;transform:scale(1.04)}.hero-shade{background:linear-gradient(0deg,#071013,transparent 35%,transparent 81%,#020a1099)}.hero-content{margin:0 22px;padding-top:490px;width:auto}.hero-content>.eyebrow{font-size:8px;letter-spacing:1.35px}.hero h1{font-size:clamp(89px,25vw,153px);letter-spacing:-3px;margin:24px 0 21px;line-height:.85;white-space:nowrap}.hero h1>span{display:inline;margin:0}.hero h1 .title-period{display:none}.hero-tagline{font-size:24px;letter-spacing:-.7px}.hero-description{font-size:13px;line-height:1.9;margin-top:13px;color:#9ebbb5}.hero-actions{gap:8px;margin-top:25px}.button{min-height:52px;padding:0 15px;font-size:9px;gap:9px}.button-primary>svg{width:19px;height:19px}.button .arrow{width:14px;height:14px;margin-left:1px}.button-icon{padding:0;width:48px;flex-shrink:0}.button-icon svg{width:17px;height:17px}.hero-footnote{font-size:6.5px;letter-spacing:.25px;gap:6px;margin-top:17px}.hero-bottom{left:22px;bottom:31px;font-size:7px;letter-spacing:1px}.scroll-cue>span{width:26px;height:26px}.pet-hotspot{top:205px;left:20%;height:220px;width:73%}.pet-label{bottom:-20px;right:1%;font-size:8px;padding:9px 12px}.pet-label>span{font-size:6px}.pet-spark{right:4%;bottom:25%}.pet-message{left:40%;top:160px;font-size:15px}.marquee{padding:17px 0;transform:rotate(-2deg)}.marquee-track{font-size:24px;gap:29px}.marquee-track b{font-size:19px}.legend{padding:90px 0 70px;grid-template-columns:1fr;gap:65px}.legend-visual{width:min(380px,95%);margin:auto}.legend-visual img{width:95%}.orbit-label{font-size:6px}.specimen-note{font-size:7px}.legend-copy .eyebrow{font-size:9px}.legend h2{font-size:69px;margin:24px 0}.legend h2 .text-cyan br{display:none}.legend-copy p{font-size:13px;max-width:none}.text-link{margin-top:26px;font-size:8px}.after-dark{padding-top:53px;padding-bottom:65px}.section-top{display:block;margin-bottom:30px}.section-top .eyebrow{font-size:9px}.section-top h2{font-size:49px;letter-spacing:-.7px;margin-top:22px}.section-top>p{margin-top:20px;font-size:12px}.haunt-grid{grid-template-columns:1fr;gap:13px}.haunt-card{min-height:264px;padding:22px 24px}.card-topline{font-size:8px;letter-spacing:1px}.card-art{position:absolute;right:16px;top:60px;width:145px;height:155px}.card-bottom{padding-top:85px;width:56%;position:relative;z-index:2}.card-bottom strong{font-size:28px;max-width:150px}.card-bottom>span{font-size:11px;max-width:140px}.card-bottom small{margin-top:21px;font-size:6px;letter-spacing:.4px;white-space:nowrap}.flame{bottom:32px}.flame-inner{bottom:31px}.flame-core{bottom:33px}.eyes-art{gap:12px;right:15px}.eye-socket{width:55px;height:69px}.paw-art>svg{width:92px;height:92px}.trick-feedback{font-size:6px;letter-spacing:.6px;margin-top:23px}.pack-content{padding-top:69px;padding-bottom:50px}.pack-content>.eyebrow{font-size:6.5px;letter-spacing:.8px}.pack h2{font-size:clamp(47px,12.4vw,70px);margin:25px 0 20px;letter-spacing:-.5px}.pack-content>p{font-size:12px}.social-portals{grid-template-columns:1fr;margin-top:32px;gap:10px}.social-portals>a{padding:18px 22px;flex-wrap:nowrap;gap:20px}.social-portals>a>span:nth-child(2){flex-basis:auto}.social-icon{width:42px;height:42px}.social-portals small{font-size:7px}.social-portals strong{font-size:28px}.social-portals .arrow{position:static;width:20px;height:20px}.pack-signoff{margin-top:31px;font-size:6px}.site-footer{display:grid;grid-template-columns:1fr 1fr;row-gap:26px;padding:25px 0}.footer-brand{font-size:24px}.site-footer>span{grid-row:2;grid-column:1/-1;font-size:6px}.back-top{justify-self:end;font-size:6px;gap:9px}.portal-dialog{padding:45px 24px 35px}.portal-dialog h2{font-size:55px}.cursor-glow{display:none}}
@media(max-width:360px){.hero{min-height:990px}.hero-content{margin-inline:16px}.hero-actions{gap:6px}.button-primary{font-size:8px;padding-inline:10px}.button-icon{width:44px}.hero-footnote{font-size:5.7px}.section-top h2{font-size:44px}.card-art{right:5px;transform:scale(.9)}.card-bottom strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal{opacity:1;transform:none}.hero-art{transform:none!important}.cursor-glow{display:none}#embers{display:none}}

/* Hand-inked character world and independent scene layers. */
.site-header{border-bottom-color:#5bad9d20;background:linear-gradient(#020b10b8,transparent)}
.header-cta{border:1px solid #7af6d7;border-radius:9px 3px 10px 3px;box-shadow:3px 3px 0 #1b6f65;transform:rotate(-1deg);background:#092023}
.hero{min-height:830px;height:min(920px,100svh);perspective:1200px}
.hero-art{object-position:center;transform:scale(1.08) translate3d(var(--scene-x,0px),var(--scene-y,0px),0);filter:saturate(.85);will-change:transform}
.hero-shade{background:linear-gradient(90deg,#020c1160,transparent 62%),linear-gradient(0deg,#071013,transparent 24%,transparent 80%,#02080d55)}
.hero-content{padding-top:190px;width:470px;pointer-events:none;z-index:5}
.hero-content a{pointer-events:auto}
.hero h1{font-size:clamp(155px,15.7vw,220px);line-height:.78;letter-spacing:-7px;margin:0 0 37px;text-shadow:3px 5px 0 #020a0d,0 0 50px #00c8b511;transform:rotate(-3deg);transform-origin:left bottom}
.hero h1>span{color:#7af4d4;-webkit-text-stroke:1px #9ffbe133;text-shadow:4px 6px 0 #083b3d,6px 8px 0 #020a0d}
.hero-tagline{font-size:26px;margin-left:3px}
.hero-actions{margin-top:36px;gap:17px}
.button{position:relative;isolation:isolate;min-height:64px;border:2px solid #06161b;border-radius:17px 6px 19px 7px;font-family:var(--display);font-size:27px;letter-spacing:.3px;gap:16px;transition:transform .25s,box-shadow .25s,background .25s;transform:rotate(-2deg)}
.button-primary{padding:0 28px;background:#7af4d4;box-shadow:4px 6px 0 #176c66,inset 0 2px 0 #d5ffec,0 0 26px #4ff3d320}
.button-primary::after{content:'';position:absolute;inset:5px;border:1px solid #0d574541;border-radius:12px 4px 14px 4px;pointer-events:none}
.button-primary::before{content:'';position:absolute;right:19px;bottom:2px;width:32px;height:6px;background:repeating-linear-gradient(110deg,transparent 0 5px,#155b4f 6px 7px,transparent 8px 11px);opacity:.4}
.button-primary:hover{background:#a3ffe2;transform:translateY(-5px) rotate(1deg);box-shadow:4px 10px 0 #17574f,inset 0 2px 0 #e1fff0,0 0 32px #50f8d150}
.button-primary:active{transform:translateY(3px) rotate(-1deg);box-shadow:1px 2px 0 #17574f}
.button-primary>svg{width:25px;height:25px}
.button .arrow{width:20px;height:20px;margin-left:8px}
.button-icon{width:64px;padding:0;min-width:58px;background:#09232b;border-color:#6beac6;box-shadow:3px 5px 0 #083c3c,inset 0 0 15px #48e9bb0c;transform:rotate(4deg);border-radius:15px 9px 18px 5px}
.button-icon:last-child{transform:rotate(-4deg);border-radius:8px 17px 6px 20px}
.button-icon svg{width:22px;height:22px;color:#b0ffe9}
.button-icon:hover,.button-icon:last-child:hover{background:#184743;transform:translateY(-6px) rotate(0);box-shadow:3px 9px 0 #083c3c,0 0 25px #4ff3d32a}
.character-stage{position:absolute;left:45%;top:12%;width:53%;height:77%;z-index:3;transform:translate3d(var(--layer-x,0px),var(--layer-y,0px),0) rotate(var(--layer-r,0deg));will-change:transform;pointer-events:none}
.character-stage .pet-hotspot{position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent;display:grid;place-items:center;pointer-events:auto;border-radius:44%}
.hero-character{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 3px #1a899b) drop-shadow(0 20px 28px #0009);transition:filter .3s;user-select:none;animation:ghost-hover 6s ease-in-out infinite}
.character-aura{position:absolute;inset:15% 8%;border-radius:50%;background:radial-gradient(ellipse,#0acacb30,transparent 68%);filter:blur(24px);pointer-events:none}
.character-shadow{position:absolute;bottom:-4%;left:22%;width:58%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#00f7e041,#00e9ff0a 50%,transparent 72%);transform:rotate(-5deg);filter:blur(9px);pointer-events:none}
.pet-label{position:absolute;right:12%;bottom:4%;display:flex;align-items:center;gap:9px;font:13px var(--display);letter-spacing:1.3px;padding:10px 14px;color:#a4ffe1;background:#09232dde;border:1px solid #53c7b184;border-radius:9px 3px 10px 3px;transform:rotate(-8deg);box-shadow:3px 3px 0 #020a0d}
.pet-label svg{width:17px;height:17px}
.hero.is-petted .hero-art{filter:saturate(.85)}
.hero.is-petted .hero-character{filter:drop-shadow(0 0 15px #5ce6e39e) brightness(1.12)}
.pet-message{top:24%;left:58%;font-size:17px;border:2px solid #091b20;border-radius:9px 4px 12px 3px;max-width:310px;z-index:8;box-shadow:4px 4px 0 #061319}
.hero-spirit{position:absolute;z-index:2;pointer-events:none;transform:translate3d(var(--layer-x,0px),var(--layer-y,0px),0);will-change:transform}
.hero-spirit img{width:100%;height:auto;object-fit:contain;animation:ghost-hover 7s ease-in-out infinite;filter:drop-shadow(0 0 12px #28ecdc30)}
.spirit-left{width:83px;left:39%;top:15%;opacity:.7}
.spirit-left img{animation-delay:-3s;transform:rotate(-15deg)}
.spirit-right{width:112px;right:2%;bottom:12%;opacity:.85;z-index:4}
.spirit-right img{animation-delay:-2s}
.forest-mist{position:absolute;inset:48% -20% -8%;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 65% 60%,#35d8d912,transparent 55%),radial-gradient(ellipse at 30% 70%,#62eac40d,transparent 45%);filter:blur(25px);animation:mist-drift 14s ease-in-out infinite alternate}
.hero-bottom{bottom:26px;left:6%;right:7%}
.scroll-cue>span{width:40px;height:40px;border-color:#6ee5c05c;color:var(--cyan);font-size:22px;transform:rotate(-8deg);border-radius:40% 50% 38% 50%;background:#061a1c}
.ghost-tracks{display:flex;gap:24px;transform:rotate(-13deg);opacity:.35}
.ghost-tracks svg{color:var(--cyan);width:20px;height:20px;transform:rotate(65deg)}
.ghost-tracks svg:nth-child(2){margin-top:14px;opacity:.7}
.ghost-tracks svg:nth-child(3){opacity:.4}
.legend{padding:115px 0 105px;gap:80px;position:relative}
.legend-visual .legend-mascot{width:91%;height:100%;object-fit:contain;animation:float 6s ease-in-out infinite}
.legend-visual .legend-wisp{position:absolute;bottom:-3%;left:-4%;width:100px;height:160px;object-fit:contain;animation:ghost-hover 7s ease-in-out -2s infinite;filter:drop-shadow(0 0 15px #36f8c625)}
.legend-copy{position:relative}
.legend h2{margin-top:5px}
.claw-marks{position:absolute;right:0;top:0;display:flex;gap:9px;transform:rotate(25deg);opacity:.6}
.claw-marks i{display:block;width:5px;height:65px;background:linear-gradient(transparent,#77f8d6,transparent);clip-path:polygon(75% 0,100% 18%,45% 100%,0 87%)}
.claw-marks i:nth-child(2){height:80px;margin-top:8px}
.claw-marks i:nth-child(3){height:52px;margin-top:16px}
.after-dark{padding-top:60px;padding-bottom:80px;border-top-color:#77ebc926}
.section-top{position:relative;align-items:center;margin-bottom:35px}
.section-top h2{margin-top:0}
.section-spirit{width:110px;height:150px;object-fit:contain;margin-right:35px;transform:rotate(17deg);filter:drop-shadow(0 0 12px #24d4c220)}
.haunt-grid{gap:24px;align-items:stretch}
.haunt-card{padding:20px 26px 25px;min-height:366px;background:radial-gradient(ellipse at 50% 35%,#103735,#091719 70%);border:1px solid #3d847369;border-radius:36px 8px 32px 9px;box-shadow:4px 6px 0 #020809;overflow:visible}
.haunt-card:nth-child(2){border-radius:9px 35px 10px 31px}
.haunt-card::before{content:'';position:absolute;inset:6px;border:1px solid #6bd3b21a;border-radius:inherit;pointer-events:none}
.haunt-card::after{background:repeating-linear-gradient(127deg,transparent 0 7px,#78f7df02 8px 9px);border-radius:inherit}
.haunt-card:hover{border-color:#7df7ce;background:#102d2c;box-shadow:5px 10px 0 #020809,0 0 40px #37c8a80c;transform:translateY(-6px) rotate(-1deg)}
.card-art{height:234px;position:relative}
.card-art img{width:85%;height:100%;object-fit:contain;transition:transform .5s,filter .5s}
.flame-art img{width:165px;height:222px;transform:rotate(-9deg)}
.haunt-card-flame.active .flame-art img{transform:scale(1.13) rotate(5deg);filter:drop-shadow(0 0 18px #54efcf80)}
.card-bottom strong{font-size:33px}
.card-bottom small{font-size:8px;margin-top:18px;letter-spacing:1px;border-top-color:#8ce4c726}
.card-bottom small b{font-size:20px}
.paw-art img{width:235px;height:235px;transform:rotate(7deg)}
.haunt-card-paw.active .paw-art img{transform:translateY(-9px) rotate(-9deg) scale(1.1)}
.eyes-art{isolation:isolate}
.eye-socket{width:80px;height:96px;border:2px solid #244c49;box-shadow:0 0 25px #80f8db10;z-index:1}
.eye-socket i{width:15px;height:43px;background:#f192df}
.eye-flames{position:absolute;inset:23% 12%;background:radial-gradient(ellipse,#0c887750,transparent 65%);filter:blur(15px)}
.trick-feedback{min-height:25px;font-size:8px;margin-top:24px}
.pack-art{background:linear-gradient(#071013ef,#071013a8 40%,#071013b8 70%,#071013),url('assets/forest.webp') center 65%/cover;filter:saturate(.7)}
.pack-content{position:relative;z-index:1;padding-top:85px;padding-bottom:55px}
.pack h2{margin-top:0}
.pack-wisp{position:absolute;object-fit:contain;pointer-events:none;opacity:.6;animation:ghost-hover 7s ease-in-out infinite;z-index:0}
.pack-wisp-left{left:2%;top:15%;width:120px;height:180px;transform:rotate(-16deg)}
.pack-wisp-right{right:1%;top:35%;width:100px;height:150px;animation-delay:-3s}
.social-portals{margin-top:42px;gap:23px}
.social-portals>a{border:2px solid #74eec695;border-radius:19px 6px 22px 7px;background:#0d2b29d9;box-shadow:4px 6px 0 #031311,inset 0 0 30px #77ecbe06;transform:rotate(-1deg);padding:24px 21px;gap:17px}
.social-portals>a:nth-child(2){transform:rotate(1.5deg);border-radius:7px 21px 7px 19px}
.social-portals>a:hover{background:#16483e;transform:translateY(-6px) rotate(0);box-shadow:4px 10px 0 #031311,0 0 30px #67eeb521}
.social-icon{border:0;background:transparent;width:38px;height:38px}
.social-icon svg{width:28px;height:28px}
.social-portals strong{font-size:30px;white-space:nowrap}
.social-portals .arrow{width:20px;height:20px}
.pack-signoff{margin-top:33px}
.portal-dialog{border-radius:23px 7px 26px 9px;border:2px solid #65cfb9}
.dialog-dismiss{font-size:21px;min-height:52px}
@keyframes ghost-hover{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -16px;rotate:2deg}}
@keyframes mist-drift{from{transform:translateX(-4%)}to{transform:translateX(4%)}}
@media(min-width:1600px){.hero-content{padding-top:180px}.hero h1{font-size:232px}.character-stage{left:45%;width:49%;top:12%;height:77%}.spirit-left{left:40%}.hero-actions{margin-top:40px}}
@media(max-width:1150px){.hero-content{width:420px;padding-top:190px}.hero h1{font-size:187px}.character-stage{left:44%;width:58%;top:15%;height:72%}.hero-actions{gap:13px}.button-primary{padding-inline:22px}.button{font-size:25px;gap:12px}.button-icon{width:59px;min-height:61px}.spirit-left{left:42%;width:65px}.spirit-right{width:85px;bottom:12%}.legend{gap:45px}.haunt-card{padding-inline:22px}.card-bottom strong{font-size:28px}.social-portals strong{font-size:27px}.social-portals>a{gap:11px;padding:23px 17px}.pack-wisp-left{left:-3%}.pack-wisp-right{right:-3%}}
@media(max-width:900px){.hero{min-height:780px;height:90svh;max-height:900px}.hero-content{padding-top:210px;width:350px}.hero h1{font-size:157px;letter-spacing:-5px}.hero-tagline{font-size:23px}.hero-actions{gap:11px}.button{min-height:58px;font-size:23px;gap:9px}.button-primary{padding-inline:17px}.button .arrow{margin-left:2px;width:17px}.button-icon{width:55px;min-width:51px}.character-stage{left:43%;width:60%;height:66%;top:19%}.spirit-left{width:55px;left:43%;top:14%}.spirit-right{width:72px;bottom:10%;right:3%}.pet-label{font-size:10px;right:13%;bottom:6%}.pet-message{font-size:14px;left:52%;max-width:245px}.legend{gap:35px;padding:90px 0}.legend-visual .legend-wisp{width:75px;height:115px;left:-2%}.claw-marks{opacity:.35;right:-5px;scale:.7;transform-origin:top right}.section-spirit{width:80px;height:110px;margin-right:15px}.haunt-grid{gap:14px}.haunt-card{padding:16px 17px 22px;min-height:315px}.card-art{height:199px}.flame-art img{width:132px;height:185px}.paw-art img{width:180px;height:180px}.eye-socket{width:61px;height:77px}.card-bottom strong{font-size:24px}.card-bottom small{font-size:7px}.social-portals{gap:14px}.social-portals>a{flex-wrap:nowrap;padding:20px 13px;gap:8px}.social-icon{width:28px}.social-icon svg{width:24px;height:24px}.social-portals strong{font-size:22px}.social-portals .arrow{position:static;width:15px;height:15px}.pack-wisp{opacity:.3}.pack-wisp-left{left:-6%}.pack-wisp-right{right:-5%}}
@media(max-width:600px){.hero{height:auto;min-height:850px;max-height:none}.hero-scene{height:100%;inset:0}.hero-art{object-position:70% 50%;transform:scale(1.08) translate3d(var(--scene-x,0px),var(--scene-y,0px),0)}.hero-shade{background:linear-gradient(0deg,#071013 3%,#07101388 28%,transparent 58%,#030b0e55)}.hero-content{padding-top:540px;width:auto;margin:0 23px;text-align:center;position:relative}.hero h1{font-size:clamp(90px,25vw,145px);line-height:.85;letter-spacing:-3px;margin:0 0 24px;transform:rotate(-3deg);transform-origin:center}.hero h1>span{display:inline}.hero-tagline{font-size:23px;margin:0}.hero-actions{justify-content:center;margin-top:28px;gap:14px}.button{min-height:58px;font-size:25px;gap:11px}.button-primary{padding-inline:22px}.button-primary>svg{width:22px;height:22px}.button-icon{width:56px;min-width:50px}.button .arrow{width:17px;height:17px}.character-stage{left:2%;top:103px;width:96%;height:410px}.character-stage .pet-hotspot{inset:0;width:100%;height:100%}.hero-character{width:100%;height:100%}.character-shadow{bottom:-1%}.character-aura{inset:12% -10%}.pet-label{right:6%;bottom:4%;font-size:10px;padding:9px 12px}.pet-label svg{width:15px;height:15px}.pet-message{top:145px;left:15%;max-width:70%;font-size:13px}.spirit-left{left:2%;top:82px;width:55px;opacity:.7}.spirit-right{right:-1%;bottom:auto;top:440px;width:58px;opacity:.8}.forest-mist{inset:38% -20% 0}.hero-bottom{bottom:27px;left:calc(50% - 18px);right:auto}.scroll-cue>span{width:36px;height:36px;font-size:21px}.ghost-tracks{display:none}.legend{padding:65px 0 70px;gap:35px}.legend-visual{width:90%}.legend-visual .legend-wisp{left:-5%;width:85px;height:125px}.legend h2{font-size:66px;margin-top:0;margin-bottom:22px}.legend h2 .text-cyan br{display:none}.legend-copy p{font-size:13px;line-height:1.85}.claw-marks{right:4%;top:8%;scale:.8}.after-dark{padding-top:45px;padding-bottom:50px}.section-top{display:flex;margin-bottom:26px;align-items:center}.section-top h2{font-size:45px;letter-spacing:-.5px;margin:0}.section-spirit{width:54px;height:95px;margin-right:0;flex-shrink:0;opacity:.8}.haunt-grid{gap:17px}.haunt-card{min-height:235px;padding:24px 22px;border-radius:28px 7px 29px 9px}.card-art{position:absolute;right:7px;top:16px;width:49%;height:195px}.card-bottom{padding-top:65px;width:54%;z-index:2}.card-bottom strong{font-size:29px;max-width:170px}.card-bottom small{font-size:7px;margin-top:24px;letter-spacing:.5px;white-space:nowrap}.flame-art img{width:140px;height:187px}.paw-art img{width:175px;height:185px}.eyes-art{gap:11px;right:8px}.eye-socket{width:56px;height:75px}.eye-socket i{height:36px;width:11px}.trick-feedback{font-size:6px;letter-spacing:.4px;min-height:28px;margin-top:21px}.pack-content{padding-top:63px;padding-bottom:42px}.pack h2{font-size:clamp(46px,12.4vw,70px);line-height:.97;margin-top:0;margin-bottom:0}.pack-wisp-left{width:75px;height:125px;top:0;left:-4%;opacity:.35}.pack-wisp-right{width:67px;height:105px;right:-4%;top:31%;opacity:.4}.social-portals{margin-top:32px;gap:19px}.social-portals>a{padding:22px 25px;gap:18px;flex-wrap:nowrap}.social-icon{width:36px;height:36px}.social-icon svg{width:28px;height:28px}.social-portals strong{font-size:32px}.social-portals .arrow{width:21px;height:21px}.pack-signoff{margin-top:30px}.dialog-dismiss{font-size:23px;min-height:53px}}
@media(max-width:360px){.hero{min-height:785px}.hero-content{padding-top:490px;margin-inline:16px}.hero h1{font-size:25vw}.hero-tagline{font-size:21px}.character-stage{top:95px;height:360px;left:1%;width:98%}.hero-actions{gap:10px}.button{font-size:23px;gap:8px;min-height:54px}.button-primary{padding-inline:16px}.button-icon{width:48px;min-width:46px}.spirit-right{top:390px}.section-top h2{font-size:40px}.section-spirit{width:42px}.card-bottom strong{font-size:25px}.card-art{right:0;scale:.95}.legend h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){.character-stage,.hero-spirit,.hero-art{transform:none!important}.character-stage .pet-hotspot,.hero-spirit img,.pack-wisp{animation:none;translate:none;rotate:none}.forest-mist{animation:none}.button:hover,.haunt-card:hover,.social-portals>a:hover{transform:none}.hero-character{transition:none}}

/* Live project links and chart follow the same quiet forest palette. */
.token-links{padding:35px 0 65px}
.token-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.token-heading h2{font:clamp(32px,5vw,54px)/1 var(--display);margin:0}
.token-heading .text-link{margin:0;white-space:nowrap}
.token-heading svg{width:16px;height:16px}
.contract-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px;border:1px solid #74eec650;border-radius:15px 5px 18px 6px;background:#0d2b2980}
.contract-row>span,.contract-row button{font:11px var(--mono);letter-spacing:.5px}
.contract-row code{flex:1;min-width:0;overflow-wrap:anywhere;color:#b0ffe9;font-size:13px;user-select:all}
.contract-row button{color:#b0ffe9;background:#09232b;border:1px solid #6beac6;border-radius:6px;padding:12px;cursor:pointer}
.contract-row button:disabled{opacity:.4;cursor:default}
.config-status{min-height:20px;font-size:12px;color:#a4beb8;margin:16px 0}
.chart-panel{height:400px;border:1px solid #74eec640;border-radius:18px 6px 20px 7px;overflow:hidden;background:#091719}
.chart-panel iframe{width:100%;height:100%;border:0;display:block}
.chart-placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;margin:0;color:#a4beb8;font-size:14px}
@media(max-width:600px){.token-heading{align-items:flex-start;flex-direction:column;gap:16px}.contract-row{gap:14px;padding:16px}.contract-row>span{width:100%}.contract-row code{font-size:11px}.chart-panel{height:360px}}
[hidden]{display:none!important}