:root{--purple-light:#afa9ec;--purple-mid:#7f77dd;--purple-base:#534ab7;--purple-core:#534ab7;--purple-dark:#3c3489;--bg-dark-top:#1a1040;--bg-dark-mid:#120d30;--bg-dark-bottom:#0e0c1a;--text:#1a1a2e;--text-muted:#6b6b8a;--bg:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg-dark-bottom);font-family:Optima,Candara,Palatino,Georgia,serif}body body{background-color:#1a1630}body{color:var(--text);flex-direction:column;min-height:100vh;display:flex}a{color:var(--purple-base);text-decoration:none}a:hover{color:var(--purple-mid)}main{flex:1}.page-dark{background:linear-gradient(160deg, var(--bg-dark-top) 0%, var(--bg-dark-bottom) 100%);color:var(--purple-light);flex:1}.site-header{border-bottom:.5px solid var(--purple-dark);background:var(--bg-dark-top);z-index:100;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 32px;display:flex;position:sticky;top:0}.brand{letter-spacing:.22em;text-transform:uppercase;color:var(--purple-light);font-family:Optima,Candara,Georgia,serif;font-size:13px;font-weight:200;line-height:1.2;text-decoration:none}.desktop-nav{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:32px;font-size:12px;display:flex}.nav-link{color:var(--purple-mid);text-decoration:none}.nav-link:hover{color:var(--purple-light)}.nav-soon{color:var(--purple-dark);cursor:default}.mobile-menu{display:none;position:relative}.hamburger-btn{cursor:pointer;border:.5px solid var(--purple-dark);background:0 0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.hamburger{align-content:space-between;width:18px;height:14px;display:grid}.hamburger span{background:var(--purple-mid);transform-origin:50%;border-radius:2px;height:1px;transition:transform .2s,opacity .2s;display:block}.mobile-nav{background:var(--bg-dark-top);border:.5px solid var(--purple-dark);border-radius:8px;gap:10px;width:min(260px,78vw);padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.mobile-link{color:var(--purple-mid);text-transform:uppercase;letter-spacing:.1em;font-size:12px;text-decoration:none}.mobile-soon{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.site-footer{background:var(--bg-dark-bottom);border-top:.5px solid var(--purple-dark);letter-spacing:.1em;text-transform:uppercase;color:var(--purple-base);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px;font-size:11px;display:flex}.footer-link{color:var(--purple-base);text-decoration:none}.footer-link:hover{color:var(--purple-mid)}@media (max-width:768px){.game-canvas{aspect-ratio:1;height:auto}.desktop-nav{display:none}.mobile-menu{display:block}.brand{letter-spacing:.16em;max-width:70%;font-size:11px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:24px 16px}}