@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600&family=Manrope:wght@600;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#080812;color:#f6f3ec;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header,footer{height:78px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.1em}.logo{display:flex;gap:10px;align-items:center}.logo b{background:#f15dff;color:#080812;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.intro{min-height:440px;padding:70px 7vw;position:relative;background:radial-gradient(circle at 80% 30%,#392070 0,transparent 35%)}.intro>p,small{font-size:10px;letter-spacing:.18em}.intro h1{font:800 clamp(70px,13vw,180px)/.72 'Manrope';letter-spacing:-.09em;margin:55px 0}.intro h1 em{color:#f15dff;font-style:normal}.intro>div{display:flex;justify-content:flex-end;align-items:center;gap:50px;color:#aaa}.intro button,.overlay button{border:0;background:#d7ff57;color:#080812;padding:18px 26px;font-weight:800;cursor:pointer}.game-wrap{height:min(78vh,760px);min-height:540px;position:relative;margin:0 4vw;border:1px solid #313145;overflow:hidden;background:#0d0d1d}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none}.hud div{display:flex;flex-direction:column}.hud strong{font:600 26px 'Manrope'}.overlay{position:absolute;inset:0;background:rgba(8,8,18,.72);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.overlay.hidden{display:none}.overlay p{color:#f15dff;font-size:11px;letter-spacing:.2em}.overlay h2{font:600 clamp(34px,6vw,70px)/1.05 'Manrope';margin:10px 0 35px}.touch{display:none;position:absolute;bottom:20px;left:20px;right:20px;justify-content:space-between}.touch button{width:70px;height:55px;border:1px solid #777;background:rgba(8,8,18,.65);color:white;font-size:22px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:7vw;padding:90px 7vw}.details small{color:#f15dff}.details p{color:#a7a7b5;line-height:1.7}footer{border-top:1px solid #252536;color:#777}@media(max-width:700px){header{height:65px}.logo span{display:none}.intro{min-height:390px;padding:55px 6vw}.intro h1{margin:60px 0 45px}.intro>div{align-items:flex-start;flex-direction:column;gap:25px}.game-wrap{margin:0;height:70vh}.touch{display:flex}.details{grid-template-columns:1fr;padding:70px 7vw}footer{align-items:flex-start;height:auto;padding-top:30px;padding-bottom:30px;gap:15px;flex-direction:column}}