/* The header and every workspace use the same measured content edges. */
body[data-game]{--site-max-width:1440px;--site-gutter:32px}
.site-header{display:block;height:64px;min-height:64px;padding:0;border:0;border-bottom:1px solid #263347;background:#0a101c;color:#e8f1ff;font-family:Inter,"PingFang SC",system-ui,sans-serif;flex-shrink:0}
body[data-game]>main,body[data-game] .site-header-inner{box-sizing:border-box;width:100%;min-width:0;max-width:var(--site-max-width);margin-inline:auto;padding-inline:var(--site-gutter)}
.site-header-inner{height:100%;display:flex;align-items:center;gap:24px}
.site-logo{display:flex;align-items:center;flex-shrink:0;gap:16px;text-decoration:none;color:#eff6ff}
.site-logo img{display:block;width:76px;height:23px;object-fit:contain}
.site-logo .site-product{display:flex;align-items:center;gap:14px;font-size:24px;line-height:1;letter-spacing:-1px;font-weight:650;border-left:1px solid #344054;padding-left:16px}
.site-product>span{font:10px/1.3 ui-monospace,monospace;letter-spacing:1.5px;color:#9cacc2;max-width:80px}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:26px;min-width:0}
.site-nav a,.site-location{font-size:13px;line-height:32px;white-space:nowrap;color:#a9b9ce;text-decoration:none}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:#87f5de}
.site-location{color:#f0f5ff;border-left:1px solid #2a3548;padding-left:26px}
.site-fullscreen{flex-shrink:0;background:#141f30;border:1px solid #344156;color:#bfd0e8;font-family:inherit;font-size:12px;line-height:1.4;padding:7px 10px;border-radius:5px;cursor:pointer;white-space:nowrap}
.site-fullscreen[hidden]{display:none}
.site-header :focus-visible{outline:2px solid #87f5de;outline-offset:4px}
@media(max-width:1000px){.site-product>span{display:none}.site-nav{gap:18px}.site-location{padding-left:18px}}
@media(max-width:760px){body[data-game]{--site-gutter:16px}.site-header-inner{gap:12px}.site-header{height:60px;min-height:60px}.site-logo{gap:10px}.site-logo img{width:60px;height:20px}.site-logo .site-product{font-size:22px;padding-left:10px}.site-nav{gap:12px}.site-nav a{font-size:12px}.site-location{display:none}.site-fullscreen{font-size:11px;padding:6px}.site-product>span{display:none}}
@media(max-width:420px){.site-nav a:last-child{font-size:0}.site-nav a:last-child::after{content:'API ↗';font-size:12px}.site-header-inner{gap:10px}.site-nav{gap:10px}}