.site-nav{position:relative;z-index:30;width:100%;flex-shrink:0;background:#0c0c1e;border-bottom:1px solid #292840;color:#eeeef8;font:500 13px/1.4 Inter,system-ui,sans-serif;letter-spacing:normal;text-transform:none}
.site-nav,.site-nav *{box-sizing:border-box}
.site-nav .site-nav-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:24px}
.site-nav a{color:#c7c6df;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 12px;border:1px solid #323149;border-radius:10px;background:#151528;white-space:nowrap;font:inherit;letter-spacing:normal;transition:background .15s,border-color .15s,color .15s}
.site-nav a:hover{background:#302038;border-color:#f45bc4;color:#fff}
.site-nav a[aria-current="page"]{color:#ffe5f6;background:#342034;border-color:#f45bc4;box-shadow:inset 0 -2px #f45bc4}
.site-nav .site-nav-brand{padding:0;border:0;background:none;justify-content:flex-start;margin-right:auto;flex-shrink:0}
.site-nav .site-nav-brand img{display:block;width:160px;height:32px;max-width:100%;object-fit:contain}
.site-nav .site-nav-brand:hover{background:none}
.site-nav .site-nav-links{display:flex;align-items:center;gap:8px}
.site-nav .site-nav-account{background:linear-gradient(115deg,#ff8bd8,#f45bc4 55%,#ff75ce);border-color:#ffb3e8;color:#290d24;font-weight:650}
.site-nav .site-nav-account:hover{background:#ffa5e1;color:#290d24}
.site-nav svg{flex-shrink:0}
.site-nav a[href="/upgrade"]>.site-nav-crown{display:block}
.site-nav .site-nav-links a[href="/upgrade"]::before{content:none}
#lobby:has(>.site-nav){padding-top:0}
.site-nav .site-nav-toggle{display:none;align-items:center;gap:8px;min-height:42px;border:1px solid #45405e;border-radius:10px;padding:9px 12px;background:#151528;color:#eeeef8;font:inherit;cursor:pointer}
.site-nav :is(a,button):focus-visible{outline:3px solid #ff8bd8;outline-offset:3px}
html:has(>body.account-page){display:block;padding:0}
body.account-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:0}
body.account-page>.card{margin:40px 16px;width:min(420px,calc(100% - 32px));flex-shrink:0}
.site-account-exit{text-align:right;margin:0 0 18px}
.site-account-exit a{display:inline-flex;padding:8px 14px;border:1px solid #45405e;border-radius:10px;color:#d9c8ff;text-decoration:none}
@media(max-width:1000px){
 .site-nav .site-nav-inner{flex-wrap:wrap;gap:12px;padding:12px 16px}
 .site-nav .site-nav-toggle{display:inline-flex}
 .site-nav .site-nav-links{order:4;flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .site-nav[data-open="false"] .site-nav-links{display:none}
 .site-nav .site-nav-links a{min-width:0;white-space:normal;justify-content:flex-start}
}
@media(max-width:400px){
 .site-nav .site-nav-inner{gap:8px;padding:12px}
 .site-nav .site-nav-brand img{width:112px;height:auto}
 .site-nav a,.site-nav .site-nav-toggle{font-size:12px;padding:9px}
 .site-nav .site-nav-brand{padding:0}
}
@media(prefers-reduced-motion:reduce){.site-nav a{transition:none}}

/* Pink brand accents on navigation icons; account icons inherit dark button ink. */
.site-nav .site-nav-links svg:not(.site-nav-crown),.site-nav .site-nav-toggle svg{color:#ff8bd8}