@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080b10;--ink:#f2f3f5;--muted:#949ca9;--line:#242a33;--orange:#ff713b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #60bcff;outline-offset:6px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.brand{display:flex;align-items:center;gap:13px;letter-spacing:3px;font-size:17px;font-weight:700}.brand img{width:65px;height:65px;object-fit:cover}.subbrand{display:block;font-size:8px;letter-spacing:4px;color:#9da7b7;margin-top:5px}nav{display:flex;gap:38px;font-size:13px;color:#c1c7d1}nav a:hover{color:#fff}nav span{margin-left:12px;color:#ff854a}.menu{display:none}.intro{max-width:1600px;margin:auto;padding:75px 6% 55px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;position:relative;z-index:1;display:flex;align-items:center;gap:12px}.eyebrow i{width:6px;height:6px;background:#38b7ff;border-radius:50%;box-shadow:0 0 16px #38b7ff}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-3px;line-height:1.06;margin:0}h1{font-size:clamp(48px,6.3vw,97px);font-weight:500;margin:29px 0 34px;position:relative;z-index:1}h1 span{color:#818b9a}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;position:relative;z-index:1}.intro-bottom p{color:#a5adba;font-size:14px;line-height:1.8;margin:0}.text-link{font-size:10px;letter-spacing:1.5px;border-bottom:1px solid #667181;padding-bottom:12px;white-space:nowrap}.text-link span{margin-left:30px;font-size:23px;color:#48b6ff}.orbit{width:420px;height:420px;position:absolute;right:-140px;top:40px;border:1px solid #1a2b40;border-radius:50%;box-shadow:0 0 130px #087dd00d,inset 0 0 90px #087dd008}.game{min-height:690px;margin:0 3%;position:relative;overflow:hidden;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.game-bg{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-3;object-position:center}.game-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,5,9,.86),rgba(10,5,8,.25) 75%),linear-gradient(0deg,#0b080be6,transparent 40%,#09070c42)}.game-top{display:flex;justify-content:space-between;align-items:center;padding:35px 3.2%;font-size:10px;letter-spacing:1.5px}.tag{border:1px solid #ffffff50;border-radius:20px;padding:10px 14px;background:#0003}.platform{font-weight:700}.platform span{margin-left:13px}.game-content{padding:35px 5%;max-width:750px}.orange{color:#ffc096;letter-spacing:2px}.game h2{font-size:clamp(58px,6vw,90px);margin:20px 0 22px;font-weight:600;letter-spacing:-4px}.game h2 em{color:var(--orange);font-style:normal}.game-content p{font-size:17px;line-height:1.65;color:#d8c8c5}.actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid transparent;padding:17px 22px;border-radius:3px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:#21100a}.primary:hover{background:#ff935e}.glass{color:white;background:#ffffff09;border-color:#ffffff40;backdrop-filter:blur(10px)}.game-footer{display:flex;justify-content:space-between;padding:23px 3.2%;border-top:1px solid #ffffff24;font-size:9px;letter-spacing:1.4px;color:#d7cbc8}.game-footer small{font-size:9px;letter-spacing:0;color:#b19c99}.mechanics{display:grid;grid-template-columns:repeat(3,1fr);padding:58px 6% 85px;gap:50px}.mechanics article{border-top:1px solid var(--line);padding-top:22px}.mechanics article>span{font-size:9px;letter-spacing:2px;color:#8a94a2}.mechanics h3{font-size:30px;letter-spacing:-1px;font-weight:500;margin:20px 0 15px}.mechanics p{font-size:13px;color:var(--muted);line-height:1.8;max-width:300px}.studio{padding:80px 6% 100px;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}.studio h2{font-size:clamp(42px,4.5vw,65px);margin-top:28px;font-weight:500;letter-spacing:-2px}.studio h2 span{color:#339dff}.studio-copy p{font-size:14px;color:var(--muted);line-height:1.9}.studio-copy .large{font-size:21px;color:#e6e8ee;line-height:1.6;margin-top:0}.platforms{margin-top:35px;border-top:1px solid var(--line)}.platforms>span{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px}.platforms b{font-size:8px;color:#758395;font-weight:500}.platforms span:first-child b{color:#66beff}.community{position:relative;isolation:isolate;overflow:hidden;text-align:center;border-top:1px solid var(--line);padding:90px 20px;background:#0c111a}.community .eyebrow{justify-content:center;color:#8d9eb6}.community h2{font-size:clamp(48px,6vw,82px);margin:28px 0 22px;font-weight:500}.community p{color:#a8b3c4;font-size:14px;line-height:1.8}.community-glow{position:absolute;z-index:-1;bottom:-400px;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse,#154f8750,transparent 67%)}.light{background:#eef3fc;color:#151c29;margin-top:20px}.discord-link{display:block;margin:22px auto 0;border:0;background:none;color:#a5b9d4;font-size:12px}.community-note{display:block;max-width:440px;margin:22px auto 0;font-size:12px;color:#a0acc0;line-height:1.7}.community-note[hidden]{display:none}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 6%;border-top:1px solid var(--line);gap:20px}footer .brand{font-size:12px}footer .brand img{width:48px;height:48px}footer .subbrand{font-size:6px}footer>span{font-size:9px;letter-spacing:2px;color:#626f81}footer small,footer>a:last-child{font-size:10px;color:#8793a4}dialog{background:#111722;color:#eef2fa;border:1px solid #3c4657;border-radius:10px;max-width:580px;width:calc(100% - 36px);padding:46px}dialog::backdrop{background:#03060ccc;backdrop-filter:blur(8px)}dialog h2{font-size:47px;letter-spacing:-2px;margin:22px 0}dialog p{font-size:14px;line-height:1.85;color:#aab6c8}.close{position:absolute;right:17px;top:12px;border:0;background:none;color:white;font-size:32px}dialog .eyebrow{font-size:9px}dialog .button{margin-top:12px}@media(min-width:1700px){main{max-width:1800px;margin:auto}}@media(max-width:760px){header{height:80px}.brand{font-size:13px;letter-spacing:2px}.brand img{width:48px;height:48px}.subbrand{font-size:7px;letter-spacing:2px}nav{display:none;position:absolute;left:0;right:0;top:79px;background:#0b111b;padding:25px 6%;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:24px}.menu{display:block;background:none;color:white;border:1px solid #354153;border-radius:4px;padding:5px 10px}.intro{padding-top:45px;padding-bottom:38px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}h1{letter-spacing:-2px;font-size:48px}.intro-bottom{display:block}.text-link{display:inline-block;margin-top:25px}.game{min-height:650px;margin:0 4%}.game-bg{object-position:60%}.game-shade{background:linear-gradient(90deg,#0b040cce,#10080b55),linear-gradient(0deg,#0b080bef,transparent)}.game-top{padding:22px 6%;font-size:8px}.game-content{padding:35px 7%}.game .eyebrow{font-size:8px;line-height:1.8}.game h2{font-size:58px;letter-spacing:-3px}.game-content p{font-size:15px}.actions{flex-direction:column;align-items:flex-start}.game-footer{padding:18px 6%;font-size:7px;gap:15px}.game-footer>span:last-child{display:none}.mechanics{grid-template-columns:1fr;gap:25px;padding:45px 7%}.mechanics h3 br{display:none}.mechanics h3{font-size:27px;margin:15px 0}.mechanics p{max-width:none}.studio{grid-template-columns:1fr;padding:55px 7%;gap:35px}.studio h2{font-size:46px}.studio-copy .large{font-size:19px}.community{padding:65px 7%}.community p br{display:none}footer{flex-wrap:wrap;padding:25px 7%}footer>span{display:none}footer small{width:100%;order:3}.game-footer small{max-width:120px;text-align:right}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
