:root{--ink:#090a0f;--soft:#14151d;--paper:#f2efe7;--blue:#2557ff;--red:#e7483a;--acid:#d9ff43;--line:rgba(255,255,255,.14);--display:"Archivo Black",sans-serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;background:var(--ink);color:white;font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:20}.brand{font:28px/1 var(--display);letter-spacing:-2px}.brand span{color:var(--acid)}.topbar nav{display:flex;gap:32px;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.pill-link{min-height:42px;display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:0 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;padding:118px clamp(20px,5vw,76px) 70px;overflow:hidden;background:radial-gradient(circle at 75% 50%,rgba(37,87,255,.18),transparent 34%),var(--ink)}.hero-copy{position:relative;z-index:3}.kicker{margin:0;display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:1.8px;font-weight:800}.kicker i{width:28px;height:2px;background:currentColor}.hero h1{font:clamp(64px,8.4vw,130px)/.79 var(--display);letter-spacing:-.075em;margin:36px 0 32px}.hero h1 em,.section-head h2 em,.coming-soon h2 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:430px;color:#c3c4ca;font-size:18px;line-height:1.55;margin:0 0 35px}.hero-lead strong{color:white}.primary-cta{min-height:58px;width:max-content;display:flex;align-items:center;gap:36px;background:var(--acid);color:var(--ink);padding:0 22px 0 26px;border-radius:3px;font-size:12px;text-transform:uppercase;letter-spacing:1.3px;font-weight:900;box-shadow:0 14px 40px rgba(217,255,67,.15)}.primary-cta span{font-size:21px}.hero-art{position:relative;margin-right:-8vw;perspective:1000px;filter:drop-shadow(0 35px 80px rgba(0,0,0,.7))}.hero-art>img{width:100%;min-height:520px;object-fit:cover;object-position:center;border-radius:50% 0 0 50%;mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%);animation:float 7s ease-in-out infinite}.float-chip{position:absolute;background:rgba(15,16,23,.78);border:1px solid rgba(255,255,255,.2);box-shadow:0 15px 45px rgba(0,0,0,.5);backdrop-filter:blur(12px);padding:14px 18px;min-width:105px;transform:translateZ(50px)}.float-chip b{font:25px/1 var(--display);display:block}.float-chip span{text-transform:uppercase;font-size:8px;letter-spacing:1.5px;color:#aeb0b9}.chip-one{left:12%;bottom:13%;transform:rotate(-5deg)}.chip-two{right:8%;top:13%;transform:rotate(6deg)}.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:2px}.scroll-cue i{display:block;width:70px;height:1px;background:linear-gradient(90deg,white,transparent)}.games{padding:130px clamp(20px,5vw,76px);background:var(--paper);color:var(--ink)}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;margin-bottom:78px}.section-head h2{font:clamp(54px,7.6vw,112px)/.84 var(--display);letter-spacing:-.065em;margin:0}.section-head h2 em{color:var(--red)}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.game-card{position:relative;min-height:720px;padding:24px;display:flex;flex-direction:column;overflow:hidden;color:white;isolation:isolate;box-shadow:0 30px 70px rgba(9,10,15,.18);transform-style:preserve-3d}.stop-card{background:linear-gradient(145deg,#111423 0,#0b0c12 65%)}.fragments-card{background:linear-gradient(145deg,#b6372c,#741c1b)}.card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.number{font:11px var(--display)}.live-dot{display:flex;align-items:center;gap:7px;font-size:8px;text-transform:uppercase;letter-spacing:1.3px}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}.card-art{height:330px;position:relative;display:grid;place-items:center;perspective:800px}.target-ring{width:210px;aspect-ratio:1;border-radius:50%;border:3px solid rgba(78,120,255,.7);box-shadow:0 0 0 22px rgba(37,87,255,.08),0 0 0 48px rgba(37,87,255,.05),inset 0 0 55px rgba(37,87,255,.3);position:relative;transform:rotateX(62deg) rotateZ(-18deg);animation:spin-ring 9s linear infinite}.target-ring:before,.target-ring:after{content:"";position:absolute;border-radius:50%;inset:27%;border:2px solid #75a0ff;box-shadow:0 0 28px var(--blue)}.target-ring:after{inset:40%;background:radial-gradient(circle at 32% 28%,white 0 6%,#75bdff 10%,#2557ff 40%,#071642 72%);border:0;box-shadow:0 0 46px var(--blue)}.target-ring i{position:absolute;inset:-18px;border-radius:50%;border-left:7px solid var(--acid);transform:rotate(45deg)}.fragments-art{transform-style:preserve-3d}.yin-piece{position:absolute;width:170px;height:230px;border-radius:58% 42% 50% 50%;box-shadow:20px 30px 45px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.28)}.yin-piece.white{background:linear-gradient(135deg,#fffdf5,#b9b1a0);transform:rotate(-28deg) translate(-55px,0) rotateY(20deg)}.yin-piece.black{background:linear-gradient(135deg,#34343a,#050508);transform:rotate(28deg) translate(55px,0) rotateY(-20deg)}.yin-piece:after{content:"";position:absolute;width:27px;height:27px;border-radius:50%;background:#111;left:40%;top:23%;box-shadow:inset 4px 4px 7px rgba(0,0,0,.6)}.yin-piece.black:after{background:#eee7d8}.red-shard{width:54px;height:88px;background:linear-gradient(135deg,#ff7768,#9c110d);clip-path:polygon(50% 0,100% 70%,28% 100%,0 28%);position:absolute;right:14%;top:15%;filter:drop-shadow(14px 18px 20px rgba(0,0,0,.35));transform:rotate(14deg)}.card-content{margin-top:auto;position:relative;z-index:4}.card-content>p:first-child{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.6)}.card-content h3{font:clamp(47px,5.5vw,84px)/.9 var(--display);letter-spacing:-.055em;margin:14px 0}.description{max-width:450px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.5;margin:0 0 26px}.play-button{height:60px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.3);font-size:11px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.play-button b{font-size:22px}.manifesto{padding:145px clamp(20px,8vw,130px);background:var(--paper);color:var(--ink);border-top:1px solid rgba(9,10,15,.15)}blockquote{font:clamp(38px,6vw,88px)/1.02 var(--display);letter-spacing:-.055em;margin:76px 0}blockquote em{font-style:normal;color:var(--red)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(9,10,15,.18)}.principles p{margin:0;padding:28px 22px 28px 0;border-right:1px solid rgba(9,10,15,.18);display:flex;gap:28px}.principles p+p{padding-left:28px}.principles b{font-size:10px;color:var(--blue)}.principles span{font:20px/1.15 var(--display)}.coming-soon{min-height:720px;padding:120px clamp(20px,7vw,110px);display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:80px;background:var(--blue);overflow:hidden}.coming-soon h2{font:clamp(50px,7vw,102px)/.85 var(--display);letter-spacing:-.06em;margin:55px 0 0}.coming-soon h2 em{color:var(--acid)}.mystery-cube{width:250px;height:250px;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(32deg);animation:cube-float 6s ease-in-out infinite}.cube-face{position:absolute;width:250px;height:250px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);background:rgba(13,21,72,.38);backdrop-filter:blur(8px);font:100px var(--display)}.cube-front{transform:translateZ(125px)}.cube-side{transform:rotateY(90deg) translateZ(125px);font-size:35px;color:var(--acid)}.cube-top{transform:rotateX(90deg) translateZ(125px);background:rgba(217,255,67,.15)}footer{min-height:220px;padding:54px clamp(20px,5vw,76px) 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:20px;background:var(--ink);border-top:1px solid var(--line)}footer p{margin:0;color:#8d8f98;font-size:12px;line-height:1.5}footer>a:nth-of-type(2){justify-self:end;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}footer small{grid-column:1/-1;color:#595b64;border-top:1px solid var(--line);padding-top:22px}.mobile-dock{display:none}@keyframes float{50%{transform:translateY(-15px) scale(1.015)}}@keyframes spin-ring{to{transform:rotateX(62deg) rotateZ(342deg)}}@keyframes cube-float{50%{transform:rotateX(-10deg) rotateY(48deg) translateY(-18px)}}
@media(hover:hover){.pill-link,.primary-cta,.play-button{transition:transform .2s,background .2s}.pill-link:hover{background:white;color:var(--ink)}.primary-cta:hover{transform:translateY(-3px)}.game-card{transition:transform .35s,box-shadow .35s}.game-card:hover{transform:translateY(-10px) rotateX(1deg);box-shadow:0 45px 80px rgba(9,10,15,.25)}}
@media(max-width:760px){html{scroll-padding-top:64px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{height:64px;padding:0 18px;position:absolute}.brand{font-size:24px}.topbar nav,.pill-link{display:none}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:stretch;padding:94px 18px 44px;background:radial-gradient(circle at 70% 40%,rgba(37,87,255,.2),transparent 42%),var(--ink)}.hero-copy{display:contents}.kicker{font-size:9px;order:1}.hero h1{font-size:clamp(55px,17.5vw,76px);margin:25px 0 12px;order:2;position:relative;z-index:3}.hero-art{height:min(42svh,390px);margin:-12px -18px 4px;order:3;overflow:hidden;filter:drop-shadow(0 20px 45px rgba(0,0,0,.75))}.hero-art>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:66% center;border-radius:0;mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 85%,transparent 100%);animation:none}.float-chip{display:none}.hero-lead{font-size:15px;line-height:1.45;margin:0 0 18px;max-width:330px;order:4;position:relative;z-index:3}.primary-cta{width:100%;min-height:54px;justify-content:space-between;order:5}.scroll-cue{display:none}.games{padding:82px 16px}.section-head{display:block;margin-bottom:42px}.section-head .kicker{margin-bottom:26px}.section-head h2{font-size:clamp(46px,14vw,65px)}.game-grid{grid-template-columns:1fr;gap:18px}.game-card{min-height:590px;padding:20px;border-radius:12px;box-shadow:0 20px 45px rgba(9,10,15,.18)}.card-art{height:245px}.target-ring{width:170px}.yin-piece{width:125px;height:175px}.card-content h3{font-size:clamp(49px,15vw,70px)}.description{font-size:14px;margin-bottom:16px}.play-button{height:58px}.manifesto{padding:90px 18px}.manifesto blockquote{font-size:clamp(36px,11.5vw,54px);margin:55px 0}.principles{grid-template-columns:1fr}.principles p,.principles p+p{padding:20px 0;border-right:0;border-bottom:1px solid rgba(9,10,15,.16);align-items:center}.principles span{font-size:18px}.coming-soon{min-height:720px;padding:88px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:80px}.coming-soon h2{font-size:clamp(44px,13vw,62px)}.mystery-cube{width:180px;height:180px;align-self:center}.cube-face{width:180px;height:180px}.cube-front{transform:translateZ(90px)}.cube-side{transform:rotateY(90deg) translateZ(90px)}.cube-top{transform:rotateX(90deg) translateZ(90px)}footer{min-height:210px;padding:48px 18px 24px;grid-template-columns:1fr 1fr}footer p{display:none}.mobile-dock{position:fixed;z-index:50;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:62px;display:grid;grid-template-columns:1fr 1fr;background:rgba(13,14,20,.88);border:1px solid rgba(255,255,255,.18);border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.45);overflow:hidden}.mobile-dock a{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;font-size:10px;letter-spacing:.6px}.mobile-dock a+a{border-left:1px solid rgba(255,255,255,.14)}.dock-orb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,#4aa1ff 23%,var(--blue) 55%,#071642);box-shadow:0 0 12px var(--blue)}.dock-yin{font-size:22px;color:#f4efe4}.mobile-dock b{white-space:nowrap}}
@media(max-width:370px){.hero h1{font-size:52px}.hero-art{height:34svh}.game-card{min-height:550px}.card-content h3{font-size:45px}.mobile-dock a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art>img,.target-ring,.mystery-cube{animation:none}}
@media(max-width:760px){body{padding-bottom:0}}