/* Shared web navigation. Typography and logo proportions follow the Play identity. */
.we-site-header{position:sticky;top:0;z-index:30;width:100%;margin:0;border:0;border-bottom:1px solid #c7cdd533;background:linear-gradient(145deg,#20262d 0%,#101419 55%,#090b0e 100%);color:#e7e9ea;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.we-site-header,.we-site-header *{box-sizing:border-box}
.we-site-header .topbar-inner{display:flex;align-items:center;flex-wrap:nowrap;gap:32px;width:100%;max-width:1320px;min-height:64px;margin:0 auto;padding:12px 28px}
.we-site-header .brand{display:flex;align-items:center;flex-shrink:0;gap:10px;color:#e7e9ea;text-decoration:none;font:700 13px/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:.8px;white-space:nowrap}
.we-site-header .brand img{display:block;width:34px;height:34px;filter:none}
.we-site-header .we-brand-text{display:flex;flex-direction:column;gap:3px}.we-site-header .we-brand-name{display:block}.we-site-header .brand-dot{font-size:10px;font-weight:400;color:#a7adb1;margin-left:2px;letter-spacing:0}
.we-site-header .we-brand-studio{font:500 8px/1.2 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:1.5px;color:#bfa86c}
.we-site-header .arcade-nav{position:static;inset:auto;z-index:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:24px;width:auto;max-width:none;min-height:0;margin:0 0 0 auto;padding:0;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
.we-site-header .arcade-nav a,.we-site-header .arcade-nav button{display:block;margin:0;padding:8px 0;border:0;border-radius:0;background:none;color:#a6b0b9;text-decoration:none;font:400 12px/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer}
.we-site-header .arcade-nav .nav-client{color:#e4be62;font-weight:600}.we-site-header .arcade-nav [aria-current=page]{color:#f5f7fa}.we-site-header .arcade-nav a:hover,.we-site-header .arcade-nav button:hover{color:#fff1ad}
.we-site-header .account-button{display:block;flex-shrink:0;width:auto;max-width:190px;margin:0;padding:9px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #c7cdd555;border-radius:0;background:linear-gradient(145deg,#f5f7fa 0%,#c7cdd5 48%,#89939f 100%);color:#171b20;text-decoration:none;font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:0;cursor:pointer}
.we-site-header a:focus-visible,.we-site-header button:focus-visible{outline:2px solid #e4be62;outline-offset:4px}
.we-site-header~main>.hero{padding-top:16px}
@media(max-width:1050px){.we-site-header .topbar-inner{flex-wrap:wrap;gap:10px 20px}.we-site-header .arcade-nav{order:3;width:100%;flex-wrap:wrap;gap:4px 24px}.we-site-header .arcade-nav a,.we-site-header .arcade-nav button{padding:6px 0}.we-site-header .account-button{max-width:170px;margin-left:auto}}
@media(max-width:700px){.we-site-header .topbar-inner{padding:12px 18px 10px;gap:10px 16px}.we-site-header .brand{font-size:12px}.we-site-header .brand img{width:29px;height:29px}.we-site-header .we-brand-studio{font-size:7px;letter-spacing:1.3px}.we-site-header .arcade-nav{gap:4px 18px}.we-site-header .arcade-nav a,.we-site-header .arcade-nav button{font-size:11px}.we-site-header .account-button{font-size:11px;padding:7px 10px;max-width:130px}}

.we-site-header .arcade-nav .client-nav-link,.we-site-header .arcade-nav .gold,.we-header-home .arcade-nav .play-nav-link{color:#e4be62;font-weight:600}
/* Slow metallic light across the shared surface; navigation stays still. */
.we-site-header{isolation:isolate}
.we-site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 0%,#e4ba4d24 22%,transparent 43%,#c7cdd526 67%,transparent 90%);background-size:240% 100%;animation:we-header-light 22s ease-in-out infinite alternate}
.we-site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(100deg,transparent 12%,#e4ba4d85 35%,#f5f7fa70 52%,transparent 76%);background-size:220% 100%;animation:we-header-light 22s ease-in-out infinite alternate}
@keyframes we-header-light{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.we-site-header::before,.we-site-header::after{animation:none;background-position:50% 50%}}