@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(assets/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-7.ttf) format('truetype');
}
:root{--ink:#071d50;--blue:#074ce7;--cyan:#21e5ff;--hue:180;--paper:#e9faff;--line:rgba(7,29,80,.2)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif;background:#b7e6ff;min-height:100vh;overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fb42b2;outline-offset:5px}button{border:0}button:disabled{opacity:.5;cursor:default}.world-bg{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#9addff 0%,#e9faff 55%,#7ccc94 100%);background-image:linear-gradient(90deg,rgba(225,248,255,.2),rgba(181,231,255,.05)),url('assets/world.png');background-size:cover;background-position:center}.grain{pointer-events:none;position:fixed;inset:0;z-index:8;opacity:.045;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:104px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:24px;letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:2px;display:block;margin-top:4px}.brand-icon{position:relative;display:grid;place-items:center;border:2px solid var(--ink);background:var(--blue);color:white;box-shadow:3px 3px 0 var(--ink);border-radius:6px;width:36px;height:45px;transform:rotate(-9deg);font-size:30px}.brand-icon span{position:absolute;color:#ffff58;right:-7px;top:-10px;font-size:23px}.header-right{display:flex;gap:23px;align-items:center}.ticker{font-size:13px;font-weight:700}.social{font-size:24px}.button{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:14px 22px;font-size:13px;letter-spacing:.6px;font-weight:700;border:2px solid var(--ink);border-radius:7px;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.buy,.primary{background:var(--blue);color:white}.buy{background:#dcff57;color:var(--ink)}.light{background:#eafcff}.view{position:relative;width:90%;max-width:1500px;margin:auto;animation:arrive .55s cubic-bezier(.2,.7,.2,1);padding-bottom:150px}.view[hidden]{display:none!important}#world{min-height:calc(100vh - 104px);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-top:38px}.hero-copy{z-index:2;max-width:690px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;display:block}.hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);background:rgba(235,251,255,.6);border-radius:30px;padding:7px 13px;transform:rotate(-2deg)}.eyebrow>span{font-size:18px}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;margin:0;font-weight:900}h1{font-size:clamp(78px,8.5vw,142px);line-height:.88;letter-spacing:-3px;margin:25px 0 23px}h1 span,h2 span{color:var(--blue)}h1 span{display:inline-block;-webkit-text-stroke:1px var(--ink);text-shadow:4px 4px 0 #c9f5ff}.intro{font-size:24px;font-weight:600;line-height:1.35;margin:0 0 12px;letter-spacing:-.7px}.subintro{line-height:1.6;font-size:15px;margin:0 0 23px}.hero-actions{display:flex;align-items:center;gap:17px}.round-button{width:48px;height:48px;border:1.5px solid var(--ink);border-radius:50%;font-size:24px;background:#ecfbffc9}.edition{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.7px;margin-top:33px}.edition small{display:block;font-size:11px;letter-spacing:0;font-weight:400;margin-top:6px}.tiny-card{border:1px solid var(--ink);background:#c8efff;transform:rotate(-8deg);padding:10px;font-size:20px}.hero-art{position:relative;min-height:550px;display:grid;place-items:center;perspective:1100px}.character-card{width:min(100%,560px);aspect-ratio:1230/1278;background:transparent;padding:0;position:relative;transform-style:preserve-3d;transition:transform .2s;filter:drop-shadow(0 10px 19px #00bdff9c);z-index:2}.character-card img{width:100%;display:block;clip-path:polygon(28% 6%,82% 10%,85% 13%,77% 89%,74% 92%,20% 86%,17% 82%,25% 9%);scale:1.12;transition:opacity .35s}.character-card.flipped img{opacity:0}.card-reverse{position:absolute;inset:8% 17%;border:5px solid #5cffff;border-radius:26px;color:white;background:repeating-conic-gradient(from 20deg at 50% 60%,#083790 0 12deg,#061b57 12deg 24deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;box-shadow:0 0 0 4px var(--ink),0 0 35px #2eeaff;opacity:0;transform:rotate(7deg) rotateY(180deg);padding:25px}.flipped .card-reverse{opacity:1;transform:rotate(7deg)}.card-reverse small{font-size:10px;letter-spacing:2px}.card-reverse strong{font-family:Impact,sans-serif;font-size:49px;line-height:1.1}.card-reverse span{font-size:16px;line-height:1.5}.card-reverse em{font-size:12px}.orbit{position:absolute;width:94%;height:45%;border:1px solid #0b6da44d;border-radius:50%;transform:rotate(-30deg);z-index:0}.orbit-two{transform:rotate(40deg);height:55%;width:94%}.art-label{position:absolute;font-size:11px;font-weight:700;letter-spacing:1px;z-index:3}.label-top{top:0;right:12%;background:#e6faff;border:1px solid var(--ink);padding:8px 12px;transform:rotate(6deg)}.label-top b{color:var(--blue);margin-left:12px}.label-bottom{bottom:0;left:25%;background:#e6faffc9;padding:8px}.label-bottom span{margin:0 10px}.star{position:absolute;font-size:80px;color:#f3ff60;-webkit-text-stroke:2px var(--ink);z-index:3}.star-a{right:0;top:28%;animation:float 5s ease-in-out infinite}.star-b{left:4%;bottom:6%;font-size:65px;color:white}.world-note{position:absolute;bottom:116px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;font-weight:700}.dock{position:fixed;bottom:31px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:5px;border:2px solid var(--ink);padding:7px;background:#e9faffee;box-shadow:5px 5px 0 var(--ink);border-radius:14px;backdrop-filter:blur(15px)}.dock button{display:flex;gap:9px;align-items:center;padding:14px 21px;font-size:12px;font-weight:700;white-space:nowrap;background:transparent;border-radius:7px}.dock button.active{color:white;background:var(--ink)}.dock button:hover:not(.active){background:#bbebff}.dock button span{font-size:19px}.footer-meta{position:fixed;bottom:12px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:700;pointer-events:none;z-index:19}.footer-meta button{font-size:9px;letter-spacing:1px;background:#eafaffb0;pointer-events:auto}.section-heading{padding:35px 0 20px}.section-heading h2{font-size:clamp(47px,5.2vw,80px);line-height:1.05;letter-spacing:-1.5px;margin-top:7px}.section-heading p{font-size:14px;margin:10px 0}.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:stretch;max-width:1160px;margin:auto}.story-visual{position:relative;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:8px;overflow:hidden;min-height:390px;transform:rotate(-2deg);background:#084baa}.story-visual img{width:100%;height:100%;max-height:450px;object-fit:cover;transition:filter .5s,transform .5s}.frame-number{position:absolute;top:16px;left:18px;color:white;-webkit-text-stroke:2px var(--ink);font-family:Impact,sans-serif;font-size:75px}.comic-caption{position:absolute;bottom:15px;left:15px;right:15px;padding:14px;background:#efff66;border:2px solid var(--ink);font-weight:700;font-size:13px;transform:rotate(2deg)}.story-page{padding:27px 30px;background:#edfbfff2;border:2px solid var(--ink);border-radius:8px;box-shadow:5px 5px 0 #0968e6;display:flex;flex-direction:column}.story-page h3,.portal-detail h3,.lab-layout h3{font-size:38px;line-height:1.05;margin:14px 0}.story-page p{font-size:16px;line-height:1.65;margin:10px 0}.story-page p:last-child{font-weight:600}.story-progress{display:flex;gap:8px;margin-bottom:22px}.story-progress button{height:5px;flex:1;background:#bed6e2;border-radius:10px;padding:0}.story-progress button.current{background:var(--blue)}.story-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:22px;font-size:11px}.story-controls .button{font-size:11px;padding:10px 15px;min-height:42px}.text-button{font-size:11px;font-weight:700;background:none;padding:10px 0}.lab-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:center;max-width:1280px;margin:auto}.lab-console,.coin-console{background:#eafaffed;border:2px solid var(--ink);padding:25px;border-radius:10px;box-shadow:5px 5px 0 #0d4daa}.lab-layout p{font-size:14px;line-height:1.6}.lab-console label{display:block;font-size:10px;font-weight:700;margin-top:24px}.lab-console output{float:right}input[type=range]{width:100%;accent-color:var(--blue);margin:16px 0;cursor:pointer}.swatches{display:flex;gap:10px;margin:3px 0 26px}.swatches button{width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:var(--swatch)}.charge{width:100%;margin-top:15px;user-select:none;-webkit-user-select:none;touch-action:none}.meter{height:8px;background:#b4cbdc;margin-top:20px;border-radius:8px;overflow:hidden}.meter span{display:block;background:var(--blue);width:0;height:100%;transition:width .1s}.meter-caption{font-size:11px!important;margin-bottom:0}.lab-card-area{position:relative;display:grid;place-items:center;min-height:420px}.lab-card-area img{width:125%;clip-path:polygon(28% 6%,82% 10%,85% 13%,77% 89%,74% 92%,20% 86%,17% 82%,25% 9%);filter:drop-shadow(0 0 20px hsl(var(--hue) 100% 60%));z-index:1}.aura-ring{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,hsl(var(--hue) 100% 70% / .8),transparent 65%);box-shadow:0 0 60px hsl(var(--hue) 100% 60% / .4);animation:pulse 3s infinite}.lab-card-area>span{position:absolute;bottom:0;font-size:12px;letter-spacing:2px;background:var(--ink);color:#daff5b;padding:10px 15px;border-radius:4px;z-index:2}.coins{display:flex;gap:14px;margin:25px 0}.coins span{display:grid;place-items:center;width:55px;height:55px;font-size:25px;background:#ffdf4b;border:2px solid var(--ink);border-radius:50%;box-shadow:3px 4px 0 #a47409}.coins.flipping span{animation:coinflip .6s ease-in-out}.coin-console .button{width:100%}#coin-result{min-height:44px;font-size:12px}.inventory{border-top:1px solid var(--line);padding-top:17px}.inventory p{font-size:12px}.inventory div{font-size:12px;font-weight:700}.portal-layout{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:45px;max-width:1150px;margin:auto}.portal-map{height:430px;position:relative}.portal-lines{position:absolute;width:100%;height:100%;overflow:visible}.portal-lines ellipse,.portal-lines path{fill:none;stroke:#087aca;stroke-width:1.5;stroke-dasharray:5 8;animation:dash 40s linear infinite}.portal-lines ellipse:first-child{stroke-dasharray:none;stroke:#08458744}.portal-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:155px;height:155px;border:2px solid var(--ink);outline:12px solid #ffffff50;border-radius:50%;background:radial-gradient(circle,#ddfcff,#42d7ff);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 50px #17d9ff}.portal-core>span{font-size:30px}.portal-core b{text-align:center;font-family:Impact,sans-serif;font-size:27px;line-height:1}.portal-core small{font-size:10px;margin-top:8px}.portal{position:absolute;width:135px;background:none;display:flex;align-items:center;flex-direction:column;gap:7px}.portal>span{width:63px;height:63px;display:grid;place-items:center;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:Impact,sans-serif;font-size:29px;background:#eafaff;border-radius:18px;transform:rotate(-10deg);transition:.25s}.portal:hover>span,.portal.selected>span{transform:rotate(8deg) scale(1.15);background:#dcff57;box-shadow:4px 4px 0 var(--ink),0 0 30px #14c8ff}.portal.recovered>span{background:#36e6e0}.portal b{font-size:12px;background:#e9faffd9;padding:3px}.portal small{font-size:10px}.p1{top:10px;left:3%}.p2{top:20px;right:2%}.p3{bottom:5px;right:6%}.p4{bottom:10px;left:2%}.portal-detail{background:#edfbfff2;border:2px solid var(--ink);border-radius:10px;padding:30px;box-shadow:6px 6px 0 var(--blue)}.portal-detail p{line-height:1.7;font-size:15px}.portal-object{font-size:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;font-weight:700}.portal-status{font-size:12px!important;min-height:20px;margin-bottom:0}.relics{position:fixed;inset:0;pointer-events:none;z-index:4}.relic{pointer-events:auto;position:absolute;font-size:25px;color:var(--ink);border:1px solid var(--ink);background:#dbf8ffc9;border-radius:50%;width:42px;height:42px;animation:float 5s ease-in-out infinite}.relic span{position:absolute;white-space:nowrap;font-size:9px;font-weight:700;background:var(--ink);color:white;padding:6px;left:42px;top:10px;opacity:0;pointer-events:none}.relic:hover span,.relic:focus-visible span{opacity:1}.relic-phone{left:1%;top:36%;transform:rotate(-12deg)}.relic-cross{right:1%;top:23%;animation-delay:-2s}.relic-cross span,.relic-beanie span{left:auto;right:42px}.relic-headphones{left:1%;bottom:22%;animation-delay:-1s}.relic-beanie{right:1%;bottom:26%;animation-delay:-3s}.relic.found{background:#dfff6a}.relic.found:after{content:'✓';font-size:10px;position:absolute;right:-2px;bottom:-2px;background:var(--ink);color:white;border-radius:50%;padding:3px}#toast{position:fixed;top:110px;left:50%;transform:translate(-50%,-20px);background:var(--ink);color:white;border:1px solid var(--cyan);padding:14px 22px;border-radius:7px;z-index:40;pointer-events:none;opacity:0;transition:.25s;font-size:13px;text-align:center;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:3px solid var(--ink);border-radius:14px;background:#e7faff;box-shadow:9px 9px 0 var(--blue);max-width:470px;width:90%;padding:35px;color:var(--ink)}dialog::backdrop{background:#05215899;backdrop-filter:blur(9px)}dialog h3{font-size:42px}dialog p{font-size:16px;line-height:1.7}dialog>.dialog-close:first-child{position:absolute;right:12px;top:10px;background:transparent;font-size:30px}#relic-symbol{font-size:60px;color:var(--blue);margin:18px 0}.spark{position:fixed;pointer-events:none;color:#fff;font-size:20px;z-index:30;animation:burst .8s forwards}.awakened .lab-card-area{animation:pulse 1s infinite}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes arrive{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes float{50%{translate:0 -12px;rotate:6deg}}@keyframes pulse{50%{filter:brightness(1.12);scale:1.025}}@keyframes coinflip{50%{transform:rotateY(720deg) translateY(-18px)}}@keyframes dash{to{stroke-dashoffset:-400}}@keyframes burst{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}
@media(min-width:1600px){#world{padding-bottom:180px}.hero-art{min-height:640px}.character-card{width:640px}}@media(max-width:1100px){header{height:88px}#world{min-height:calc(100vh - 88px)}h1{font-size:9vw}.hero-art{min-height:450px}.intro{font-size:21px}.lab-layout{gap:17px}.lab-console,.coin-console{padding:18px}.lab-layout h3{font-size:31px}.coins{gap:8px}.coins span{width:44px;height:44px}.portal-layout{gap:20px}.story-layout{gap:25px}.relic{width:32px;height:32px;font-size:20px}.world-note{bottom:112px}}@media(max-width:760px){header{height:80px;margin:0 5%;gap:15px}.brand{font-size:18px;gap:9px}.brand small{font-size:8px;letter-spacing:1px}.brand-icon{width:28px;height:35px;font-size:23px}.header-right{gap:14px}.ticker{display:none}.header-right .button{padding:10px 13px;min-height:39px;font-size:10px;gap:8px}.social{font-size:22px}.world-bg{background-position:55% center}#world{grid-template-columns:1fr;padding-top:30px;align-items:start;min-height:0;gap:0;padding-bottom:155px}.hero-copy{text-align:center}.hero-copy>.eyebrow{font-size:10px}h1{font-size:clamp(72px,16vw,115px);margin:23px 0 18px;letter-spacing:-2px}.intro{font-size:21px}.subintro{font-size:14px;margin-bottom:21px}.hero-actions{justify-content:center}.edition{display:none}.hero-art{min-height:0;height:410px;width:100%;max-width:450px;margin:30px auto 0}.character-card{width:420px;max-width:108%}.label-top{right:5%;top:5px}.label-bottom{bottom:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px}.star{font-size:55px}.star-b{font-size:45px}.world-note{bottom:107px;font-size:8px;gap:20px}.world-note span:last-child{max-width:150px;text-align:right}.dock{bottom:27px;max-width:95vw;width:450px;justify-content:space-between;gap:2px;padding:5px;border-radius:10px}.dock button{flex:1;flex-direction:column;gap:3px;padding:8px 6px;font-size:9px;border-radius:5px}.dock button span{font-size:20px}.footer-meta{font-size:8px;bottom:6px}.section-heading{padding-top:28px;text-align:center}.section-heading>.eyebrow{font-size:9px}.section-heading h2{font-size:45px;letter-spacing:-1px}.section-heading p{font-size:13px;line-height:1.6}.story-layout{grid-template-columns:1fr;gap:23px}.story-visual{height:280px;min-height:0;width:94%;margin:auto}.story-visual img{object-position:center 30%}.story-page{padding:24px 20px}.story-page h3{font-size:37px}.story-page p{font-size:15px}.story-controls{gap:7px}.story-controls .button{font-size:10px;padding:10px}.lab-layout{grid-template-columns:1fr;gap:25px;max-width:470px}.lab-console,.coin-console{padding:23px}.lab-card-area{grid-row:1;min-height:320px;height:340px;overflow:hidden}.lab-card-area img{height:370px;width:auto}.lab-card-area>span{bottom:0}.aura-ring{width:80%}.lab-layout h3{font-size:36px}.coins{justify-content:center}.coins span{width:60px;height:60px}.portal-layout{grid-template-columns:1fr;gap:18px}.portal-map{height:360px}.portal{width:108px}.portal>span{width:51px;height:51px;font-size:25px}.portal b{font-size:10px}.portal small{font-size:9px}.portal-core{width:110px;height:110px;outline-width:8px}.portal-core b{font-size:20px}.portal-core>span{font-size:20px}.portal-detail{padding:24px}.p1{top:10px;left:0}.p2{top:15px;right:0}.p3{bottom:5px;right:0}.p4{bottom:10px;left:0}.relics{z-index:5}.relic{width:27px;height:27px;font-size:16px}.relic-phone{top:48%;left:0}.relic-cross{top:35%;right:0}.relic-headphones{bottom:25%;left:0}.relic-beanie{bottom:20%;right:0}.relic span{display:none}.card-reverse strong{font-size:40px}.card-reverse{gap:25px}.view{padding-bottom:125px}.button{font-size:12px}.story-progress button{height:8px}.story-progress{gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.hero-copy{background:radial-gradient(ellipse at 35% 65%,#e8faff70,transparent 72%)}
@media(max-width:760px){#world{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-art{min-width:0}.hero-art{width:100%}.character-card{width:100%;max-width:100%}h1{font-size:clamp(54px,15.6vw,108px)}.hero-art{height:380px}.label-top{right:7%;top:4px}.hero-copy{background:none}}
@media(max-width:760px){.character-card img{scale:1.08}.relic-cross,.relic-beanie{right:4px}.relic-phone,.relic-headphones{left:4px}}