@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#0c2028;--blue:#c5eef5;--ice:#effdff;--cyan:#70e9ff;--line:rgba(16,55,65,.19);--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d4edf1;color:var(--ink);font-family:var(--sans);overflow-x:hidden;cursor:none}.grain{position:fixed;inset:0;z-index:30;opacity:.12;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}#cursor{width:22px;height:22px;border:1px solid rgba(11,71,83,.8);border-radius:50%;position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s}#cursor i{position:absolute;width:5px;height:5px;background:#0b5a6c;border-radius:50%;left:7px;top:7px}#cursor.active{width:48px;height:48px;background:rgba(112,233,255,.2)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:none}.eyebrow,.section-id{font:500 10px/1.3 var(--mono);letter-spacing:.18em}.loader{position:fixed;inset:0;z-index:90;background:#07141a;display:grid;place-items:center;overflow:hidden;color:#edfeff}.loader video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.62}.loader-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,23,.8),rgba(7,22,27,.1),rgba(4,17,23,.63))}.loader-copy{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px;letter-spacing:.08em}.loader-copy b{font:700 clamp(60px,13vw,180px)/.7 var(--serif);letter-spacing:-.09em}.loader-copy span{font:500 11px var(--mono);letter-spacing:.25em;opacity:.8}.loader-enter{margin-top:22px;background:rgba(227,251,255,.12);border:1px solid rgba(231,255,255,.72);padding:16px 21px;color:#fff;font:500 10px var(--mono);letter-spacing:.15em;transition:.2s}.loader-enter em{font-style:normal;font-size:17px;margin-left:13px}.loader-enter:hover{background:#e8fdff;color:#0b2229}.loader-line{position:absolute;bottom:8vh;width:120px;height:1px;background:rgba(255,255,255,.4)}.loader-line span{display:block;width:0;height:100%;background:#fff;animation:load 2.3s ease forwards}@keyframes load{to{width:100%}}.loader.out{animation:fadeout .75s forwards}@keyframes fadeout{to{opacity:0;visibility:hidden}}.topbar{position:fixed;inset:0 0 auto;z-index:20;height:80px;padding:0 clamp(18px,3vw,52px);display:flex;align-items:center;justify-content:space-between;color:#e9fdff;mix-blend-mode:difference;transition:background .3s}.brand{display:flex;align-items:center;gap:8px;min-width:170px}.brand-orb{width:22px;height:22px;border:2px solid #d9fbff;border-radius:50%;box-shadow:0 0 0 4px rgba(168,244,255,.25)}.brand b{letter-spacing:.15em;font-size:13px}.brand small{font:9px var(--mono);opacity:.7}nav{display:flex;gap:clamp(12px,2vw,31px);align-items:center}nav a{font:500 9px var(--mono);letter-spacing:.12em;white-space:nowrap}nav a:hover{opacity:.5}.nav-game{border:1px solid currentColor;padding:9px 12px}.nav-game i{font-style:normal;font-size:13px}.top-actions{display:flex;align-items:center;gap:8px}.sound-control{height:30px;padding:0 7px 0 9px;border:1px solid currentColor;background:transparent;display:flex;align-items:center;gap:7px;font:9px var(--mono);letter-spacing:.08em}.sound-control b{font-size:8px;color:#74ebff}.speaker{font-size:17px;transform:rotate(-28deg)}input[type=range]{width:44px;accent-color:#a7f7ff;cursor:none}.round-link{border:1px solid currentColor;width:30px;height:30px;display:grid;place-items:center;font-size:14px}.xmark{font-size:15px}.hero{height:min(900px,100vh);min-height:690px;position:relative;overflow:hidden;color:#effeff;background:#69828a}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(.96);transform:scale(1.03);animation:slowZoom 15s ease-in-out infinite alternate}@keyframes slowZoom{to{transform:scale(1.1)}}.hero-fog{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,32,.75),rgba(12,38,44,.08) 65%),linear-gradient(0deg,rgba(5,25,31,.56),transparent 50%)}.hero-tile-lines{position:absolute;inset:auto 0 0;height:40%;background:repeating-linear-gradient(90deg,transparent 0 6%,rgba(221,255,255,.15) 6.1% 6.25%,transparent 6.3% 12%),linear-gradient(0deg,rgba(255,255,255,.18),transparent);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);opacity:.4}.hero-copy{position:absolute;left:clamp(22px,10vw,155px);top:50%;transform:translateY(-42%);max-width:590px}.hero h1,.section h2,footer h2,.game-overlay h1{font:700 clamp(63px,9.5vw,150px)/.79 var(--serif);letter-spacing:-.08em;margin:15px 0 24px}.hero h1 em,h2 em,footer em,.game-overlay em{font-weight:600;color:#a9eff9}.hero-deck{max-width:385px;font-size:13px;line-height:1.8;opacity:.88}.hero-ctas{display:flex;gap:9px;margin-top:28px}.button{display:inline-flex;align-items:center;gap:21px;padding:15px 18px;font:500 10px var(--mono);letter-spacing:.12em;transition:transform .2s,background .2s,color .2s;border:1px solid rgba(220,255,255,.8)}.button:hover{transform:translateY(-3px)}.button span{font-size:17px}.button-main{background:#e4fdff;color:#092630}.button-main:hover{background:#77eafa}.button-ghost{background:rgba(6,29,36,.1);color:#effeff}.button-ghost:hover{background:rgba(232,255,255,.18)}.ca-card{margin-top:20px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;max-width:510px;width:100%;background:rgba(5,22,28,.33);backdrop-filter:blur(8px);padding:10px 13px;text-align:left;border:1px solid rgba(235,255,255,.28);color:#f0feff}.ca-card span,.ca-card i{font:8px var(--mono);letter-spacing:.1em;font-style:normal}.ca-card b{font:500 9px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-side{position:absolute;right:28px;bottom:32px;display:flex;align-items:center;gap:12px;transform:rotate(90deg);transform-origin:right bottom;font:9px var(--mono);letter-spacing:.13em}.hero-side i{height:1px;width:65px;background:#fff}.hero-side strong{font-weight:400}.hero-game-card{position:absolute;right:clamp(18px,4vw,70px);top:46%;border:1px solid rgba(234,255,255,.6);padding:15px;width:130px;display:block;backdrop-filter:blur(8px);transition:.25s}.hero-game-card:hover{background:rgba(222,254,255,.85);color:#103039;transform:rotate(2deg)}.hero-game-card span{font:8px var(--mono);letter-spacing:.1em}.hero-game-card b{display:block;font:600 27px/.85 var(--serif);margin-top:10px}.hero-game-card i{position:absolute;right:12px;bottom:12px;font-style:normal}.marquee{height:48px;overflow:hidden;background:#0b232c;color:#d6fbff;display:flex;align-items:center}.marquee div{display:flex;gap:28px;white-space:nowrap;animation:scroll 23s linear infinite;font:500 11px var(--mono);letter-spacing:.15em}.marquee i{color:#6fe3f8;font-style:normal}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:clamp(90px,12vw,180px) clamp(22px,8vw,130px)}.lore{background:linear-gradient(135deg,#dff4f5,#b9dfe7)}.lore-layout{display:grid;grid-template-columns:1.05fr .85fr;gap:clamp(35px,9vw,150px);max-width:1200px;margin:42px auto 0}.lore-art{position:relative;overflow:hidden;min-height:570px;box-shadow:18px 18px 0 rgba(79,142,154,.18)}.lore-art img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .5s}.lore-art:hover img{transform:scale(1.04)}.art-label{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(6,31,38,.8));padding:70px 22px 20px;color:#e9feff}.art-label span{font:9px var(--mono);letter-spacing:.15em}.art-label b{display:block;font:600 26px/.9 var(--serif);margin-top:8px}.lore-copy{padding-top:30px}.section h2{font-size:clamp(48px,6.7vw,92px);color:#12323c}.lore-copy p{font-size:14px;line-height:1.85;max-width:420px}.lore-stat{margin:35px 0 26px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;font:10px var(--mono);letter-spacing:.09em}.lore-stat span{opacity:.6}.text-link{font:500 10px var(--mono);letter-spacing:.14em;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link i{font-style:normal;font-size:16px;margin-left:11px}.echoes{background:#183842;color:#e3fbff}.echoes h2{color:#e9fdff}.section-title{display:flex;justify-content:space-between;align-items:end;max-width:1200px;margin:0 auto 45px}.section-title p{font:13px/1.8 var(--mono);opacity:.75}.video-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-auto-rows:270px;gap:12px}.clip{position:relative;overflow:hidden;background:#0a1c23}.clip-big{grid-row:span 2}.clip-wide{grid-column:span 2}.clip video{width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.08);transition:transform .7s,filter .5s}.clip:hover video{transform:scale(1.07);filter:saturate(.85)}.clip:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,20,.8),transparent 55%);pointer-events:none}.clip>div{position:absolute;z-index:1;left:17px;bottom:16px}.clip small{display:block;font:8px var(--mono);letter-spacing:.12em;margin-bottom:6px}.clip b{font:600 19px/.95 var(--serif)}.clip-sound{position:absolute;z-index:2;top:13px;right:13px;background:rgba(5,24,30,.65);color:#d9fbff;border:1px solid rgba(221,255,255,.5);padding:7px 8px;font:8px var(--mono);letter-spacing:.08em}.game-promo{height:780px;position:relative;display:flex;align-items:center;padding:clamp(30px,9vw,140px);color:#e9fdff;overflow:hidden;background:#092a34}.game-bg{position:absolute;inset:0;background:linear-gradient(#b8e4eb 0 43%,#18414d 44%,#071d26 100%);overflow:hidden;perspective:600px}.lights{position:absolute;top:0;left:-20%;width:140%;height:49%;background-image:radial-gradient(ellipse at center,#fff 0 5%,transparent 13%);background-size:75px 40px;filter:blur(1px);transform:perspective(340px) rotateX(40deg) translateY(-47px);transform-origin:bottom;opacity:.88}.game-road{position:absolute;width:28%;height:74%;left:36%;top:43%;transform:perspective(450px) rotateX(38deg);transform-origin:top;background:repeating-linear-gradient(90deg,#d7f5f7 0 48%,#83aeb8 49% 50%,#d7f5f7 51% 100%),repeating-linear-gradient(0deg,transparent 0 21px,#6d9ba6 22px 24px);filter:brightness(1.25);box-shadow:0 0 50px rgba(188,248,255,.7)}.game-water{position:absolute;inset:46% 0 0;background:repeating-radial-gradient(ellipse at 50% 0,rgba(154,234,243,.3) 0 2px,transparent 4px 17px),linear-gradient(#1c5663,#061f2a);opacity:.8}.game-promo-copy{position:relative;z-index:1;max-width:560px}.game-promo h2{color:#effeff}.game-promo p{font-size:14px;line-height:1.8;max-width:410px;margin-bottom:27px}.game-controls{position:absolute;z-index:1;right:6vw;bottom:8vw;font:500 20px/1.8 var(--mono);letter-spacing:.14em}.game-controls span{font-size:9px;opacity:.75}.how{background:#e9fbfc}.how-head{display:flex;align-items:end;justify-content:space-between;max-width:1200px;margin:33px auto 50px}.how-head p{max-width:250px;font:13px/1.8 var(--mono)}.steps{max-width:1200px;margin:auto;padding:0;border-top:1px solid var(--line);list-style:none}.steps li{display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.steps li>span{font:500 13px var(--mono);color:#308ba0}.steps b{font-size:13px;letter-spacing:.08em}.steps p{font-size:12px;margin:6px 0 0;opacity:.7}.steps a,.steps button{font:10px var(--mono);letter-spacing:.1em;background:transparent;border-bottom:1px solid;padding-bottom:4px}.wide-ca{display:grid;grid-template-columns:150px 1fr auto;gap:22px;width:100%;max-width:1200px;margin:21px auto 0;text-align:left;padding:18px;background:#cceef2;border:1px solid #87bfc9}.wide-ca span,.wide-ca i{font:9px var(--mono);letter-spacing:.08em;font-style:normal}.wide-ca b{font:500 11px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dex{background:#d0eaee;display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw;align-items:center}.dex-heading h2{font-size:clamp(48px,5.4vw,82px)}.dex-shell{height:470px;position:relative;background:#112f39;border:1px solid #6b9ca7;box-shadow:17px 17px 0 rgba(45,113,129,.18);overflow:hidden}.dex-top{height:38px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;color:#e9feff;font:9px var(--mono);letter-spacing:.12em;background:#0b2028}.dex-top i{font-style:normal;color:#89e9f8;font-size:8px}iframe{width:100%;height:calc(100% - 38px);border:0;position:relative;z-index:1}.dex-placeholder{position:absolute;inset:38px 0 0;display:flex;gap:11px;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#1d5b68,#112f39);color:#e9feff;text-align:center;z-index:2}.dex-placeholder b{font:600 17px var(--serif);letter-spacing:.04em}.dex-placeholder span{font:10px/1.7 var(--mono);max-width:250px}.roadmap{background:#0f2d36;color:#e5fcff}.roadmap h2{color:#e5fcff}.map{max-width:1200px;margin:55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(222,255,255,.32)}.map article{min-height:250px;padding:25px 21px;border-right:1px solid rgba(222,255,255,.32);position:relative}.map article:first-child{border-left:1px solid rgba(222,255,255,.32)}.map i{display:block;width:22px;height:22px;border:1px solid #b9f9ff;border-radius:50%;font:8px/20px var(--mono);text-align:center;color:#b9f9ff;margin-bottom:55px;font-style:normal}.map .done i{background:#c5fbff;color:#133640}.map b{font:600 14px var(--serif);letter-spacing:.06em}.map p{font:12px/1.7 var(--mono);opacity:.7}footer{min-height:710px;padding:130px 20px 40px;display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 68%,#a9e6ef 0 3%,#5c99a6 12%,#234a56 33%,#0b242d 67%);color:#e7fdff}footer:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 31px,rgba(224,254,255,.12) 32px 33px);opacity:.5}.footer-orb{position:absolute;bottom:-130px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(235,255,255,.5);box-shadow:0 0 0 60px rgba(204,251,255,.06),0 0 0 120px rgba(204,251,255,.05)}footer>*:not(.footer-orb){position:relative}footer h2{font-size:clamp(63px,10vw,135px);color:#f0feff;margin:15px 0 30px}.footer-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.footer-ca{margin-top:25px;background:transparent;color:#e6fcff;font:10px var(--mono);letter-spacing:.06em}.footer-ca i{font-style:normal;margin-left:8px}footer small{margin-top:auto;font:9px var(--mono);letter-spacing:.14em;opacity:.7}.toast{position:fixed;z-index:80;bottom:26px;left:50%;transform:translate(-50%,90px);background:#0d303a;color:#e4fcff;padding:13px 18px;font:10px var(--mono);letter-spacing:.11em;box-shadow:0 8px 30px #09232c;transition:.35s}.toast.show{transform:translate(-50%,0)}
/* GAME */.game-page{background:#061b24;color:#e9fdff;overflow:hidden;height:100vh}.game-page #cursor{display:none}#gameCanvas{position:fixed;inset:0;width:100%;height:100%;background:#143943}.game-hud{position:fixed;z-index:3;inset:0 0 auto;height:72px;padding:17px clamp(16px,4vw,55px);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#082530c9,transparent);font:10px var(--mono);letter-spacing:.12em}.game-back{border-bottom:1px solid;padding-bottom:4px}.game-logo{display:flex;align-items:center;gap:6px}.game-logo span{width:18px;height:18px;border:2px solid #d9fbff;border-radius:50%;box-shadow:0 0 10px #7eeeff}.game-logo b{letter-spacing:.16em}.game-logo small{font-size:8px;opacity:.6}.game-sound{display:flex;align-items:center;gap:8px}.game-sound button{background:transparent;color:#dffeff;font:9px var(--mono);letter-spacing:.1em}.game-sound input{width:52px}.game-data{position:fixed;z-index:3;left:clamp(16px,4vw,55px);bottom:30px;display:flex;gap:27px}.game-data div{display:flex;flex-direction:column;gap:4px}.game-data small{font:9px var(--mono);letter-spacing:.13em;opacity:.6}.game-data b{font:600 19px var(--serif);letter-spacing:.04em}.game-overlay{position:fixed;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(circle,transparent,rgba(4,22,30,.65));transition:opacity .4s}.game-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.game-overlay h1{color:#effeff;font-size:clamp(65px,10vw,150px);margin:14px 0 22px}.game-overlay>p:not(.eyebrow){font:13px/1.8 var(--mono);margin:0 0 24px}.key-guide{margin-top:27px;font:9px var(--mono);letter-spacing:.09em}.key-guide span{display:inline-block;border:1px solid rgba(235,255,255,.7);padding:5px 7px;margin-right:2px}.key-guide i{display:inline-block;width:20px}.game-home{font:10px var(--mono);letter-spacing:.13em;margin-top:20px;border-bottom:1px solid;padding-bottom:5px}.mobile-controls{display:none}
@media(max-width:920px){body{cursor:auto}#cursor{display:none}.topbar{height:62px;padding:0 15px}.brand{min-width:auto}.brand small,nav a:not(.nav-game),.sound-control span,.sound-control b,.sound-control input,.round-link{display:none}nav{margin-left:auto;margin-right:10px}.nav-game{padding:7px;font-size:8px}.sound-control{width:31px;padding:0;justify-content:center}.hero{min-height:690px}.hero-copy{left:22px;right:22px;top:51%}.hero-game-card{display:none}.hero-side{right:14px;bottom:20px}.lore-layout,.dex{grid-template-columns:1fr}.lore-art{min-height:450px}.section-title,.how-head{display:block}.section-title p,.how-head p{margin-top:18px}.video-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.clip-big{grid-row:span 2}.clip-wide{grid-column:span 2}.game-controls{display:none}.steps li{grid-template-columns:46px 1fr}.steps li>a,.steps li>button{grid-column:2;justify-self:start}.wide-ca{grid-template-columns:1fr;gap:7px}.dex-shell{height:420px}.map{grid-template-columns:1fr 1fr}.map article:nth-child(3){border-left:1px solid rgba(222,255,255,.32)}.map article{min-height:210px}.footer-actions{max-width:400px}.game-data{bottom:18px}.game-hud{height:60px}.game-logo small{display:none}.mobile-controls{position:fixed;display:flex;z-index:5;right:14px;bottom:15px;gap:7px}.mobile-controls button{width:43px;height:39px;background:#0a2c36c9;border:1px solid #d9faff;color:#eaffff;font:20px var(--mono);cursor:pointer}.game-page button{cursor:pointer}}
@media(max-width:560px){.hero h1{font-size:68px}.hero-ctas{flex-wrap:wrap}.button{padding:14px 13px;font-size:9px}.ca-card{grid-template-columns:1fr auto}.ca-card b{grid-row:2;grid-column:1/3}.lore-art{min-height:380px}.video-grid{grid-template-columns:1fr;grid-auto-rows:240px}.clip-big{grid-row:span 1}.clip-wide{grid-column:span 1}.section{padding:82px 22px}.steps li{padding:20px 0}.map{grid-template-columns:1fr}.map article,.map article:nth-child(3){border-left:1px solid rgba(222,255,255,.32);min-height:auto}.map i{margin-bottom:21px}.dex-shell{height:360px}.game-overlay h1{font-size:66px}.game-data{gap:13px}.game-data b{font-size:16px}.game-data div:last-child{display:none}.game-sound input{display:none}.game-back{font-size:8px}.game-logo{position:absolute;left:50%;transform:translateX(-50%)}}