*{box-sizing:border-box}html{background:#05020a;min-height:100%}body{color:#fff;background:linear-gradient(#05020a8c,#05020aeb),url(/bg.png) 50%/cover fixed;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080312b8;border-bottom:1px solid #a855f738;align-items:center;gap:28px;padding:16px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.brand img{filter:drop-shadow(0 0 18px #f59e0b6b);border-radius:12px;width:42px;height:42px}nav{align-items:center;gap:22px;margin-left:auto;display:flex}nav a{color:#eadcff;opacity:.9;font-size:14px}nav a:hover,.footer-links a:hover{color:#fbbf24}.x-link{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.x-link svg{fill:#fff;width:18px;height:18px}.wallet{color:#fff;background:linear-gradient(135deg,#7c3aed,#f59e0b);border:1px solid #fbbf248c;border-radius:999px;padding:11px 18px;font-weight:800;box-shadow:0 0 28px #a855f747}.hero{isolation:isolate;place-items:center;min-height:720px;padding:64px 24px 110px;display:grid;position:relative}.rift-title{letter-spacing:.04em;color:#ffffff0d;text-shadow:0 0 90px #a855f766;white-space:nowrap;z-index:-1;font-size:clamp(52px,13vw,210px);font-weight:1000;line-height:.8;position:absolute;top:11%;left:50%;transform:translate(-50%)}.hero-copy{text-align:center;max-width:780px;margin-top:240px}.hero h1{letter-spacing:-.05em;text-shadow:0 0 34px #a855f7cc;margin:0 0 22px;font-size:clamp(42px,8vw,112px);font-weight:1000;line-height:.88}.hero p{color:#eadcff;max-width:850px;margin:0 auto 34px;font-size:clamp(17px,2.5vw,24px);line-height:1.55}.play-btn{letter-spacing:.08em;background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);border-radius:999px;justify-content:center;align-items:center;padding:17px 38px;font-size:18px;font-weight:1000;display:inline-flex;box-shadow:0 16px 60px #ec489952,inset 0 1px #fff6}.character{object-fit:contain;filter:drop-shadow(0 0 44px #a855f7b3);z-index:-1;width:min(52vw,520px);max-height:520px;position:absolute;top:105px;left:50%;transform:translate(-50%)}.story{text-align:center;background:#0904149e;border:1px solid #a855f747;border-radius:32px;max-width:920px;margin:0 auto 90px;padding:46px clamp(20px,5vw,64px);box-shadow:0 22px 90px #00000059}.story h2{color:#fbbf24;letter-spacing:-.04em;margin:0 0 26px;font-size:clamp(32px,5vw,64px)}.story p{color:#e9d5ff;font-size:18px;line-height:1.75}footer{text-align:center;background:#030108b8;border-top:1px solid #a855f733;padding:42px 22px 52px}.footer-logo{letter-spacing:.16em;color:#fbbf24;margin-bottom:22px;font-weight:1000}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:20px;display:flex}.footer-links a{color:#ddd6fe}.play-page{background:#05020a;min-height:calc(100vh - 73px);padding:26px}.game-wrap{background:#000;border:1px solid #a855f773;border-radius:24px;max-width:1280px;margin:0 auto;overflow:hidden;box-shadow:0 0 80px #a855f73d}.game-frame{aspect-ratio:16/9;background:#000;border:0;width:100%;display:block}.play-note{text-align:center;color:#ddd6fe;max-width:820px;margin:20px auto}@media (max-width:760px){.site-header{flex-wrap:wrap;gap:12px;padding:12px 14px}.brand span{font-size:18px}nav{order:3;justify-content:center;width:100%;margin-left:0}.wallet{padding:9px 12px;font-size:13px}.hero{min-height:650px;padding-top:40px}.hero-copy{margin-top:225px}.character{width:min(82vw,410px);top:90px}.story{border-radius:22px;margin:0 14px 54px}.x-link{margin-left:auto}}