/* Hero checkpoint: original solid navy game navigation, not a glass rail. */
.tw-header.spatial-glass{
 background:linear-gradient(155deg,#071739 0%,#050f2c 58%,#09183b 100%)!important;
 border:0!important;border-right:1px solid #2350a0!important;border-radius:0!important;
 box-shadow:inset -1px 0 #071124,10px 0 30px #020b231f!important;backdrop-filter:none!important;
 padding:30px 20px 24px;gap:28px;
}
.tw-header .tw-brand{font-size:24px!important;gap:8px;padding:0 0 19px;letter-spacing:-.04em;color:#fff9e8;}
.tw-header .tw-brand .tw-mark{width:29px;height:31px;flex:none;background:linear-gradient(#ffe67a,#ffbd28)!important;color:#17294b!important;border:1px solid #fff1ad!important;border-bottom:3px solid #b17414!important;border-radius:7px!important;box-shadow:0 3px #02081a!important;}
.tw-header .tw-beta{color:#9cbdff!important;font-size:9px!important;letter-spacing:.1em!important;bottom:2px!important;left:37px!important;}
.tw-header nav.liquid-nav{gap:10px!important;margin:0!important;}
.tw-header nav.liquid-nav a.liquid-control{height:51px!important;min-height:51px!important;padding:10px 13px!important;gap:13px!important;border-radius:10px!important;font:800 14px/1.2 'Nunito Sans',sans-serif!important;color:#e7edff!important;}
.tw-header nav.liquid-nav a.liquid-control:hover:not(.active){color:#fff!important;background:#153267!important;}
.tw-header nav.liquid-nav a.liquid-control.active,.tw-header nav.liquid-nav a.liquid-control.active:hover{color:#101a31!important;background:transparent!important;}
.tw-header nav .liquid-active-plate{border:1px solid #ffe982!important;border-top:2px solid #fff2a4!important;border-bottom:4px solid #bc7717!important;border-radius:10px!important;background:linear-gradient(170deg,#ffe66b 0%,#ffd039 60%,#ffbd28 100%)!important;box-shadow:inset 0 1px #fff7c2,0 3px 0 #020a21,0 5px 10px #02091b66!important;}
.tw-header nav a>.tw-product-icon{width:28px!important;height:28px!important;flex:none;stroke-width:2.05;fill-opacity:.92;filter:drop-shadow(0 2px 0 #020a21);color:#6ebcff!important;}
.tw-header nav a[data-nav=agents]>.tw-product-icon{color:#ebc39c!important;}
.tw-header nav a[data-nav=tokens]>.tw-product-icon{color:#ffd957!important;}
.tw-header nav a[data-nav=skins]>.tw-product-icon{color:#63d9ef!important;}
.tw-header nav a[data-nav=how]>.tw-product-icon{color:#b2c9ff!important;}
.tw-header nav a.active>.tw-product-icon{color:#294989!important;filter:drop-shadow(0 1px 0 #fff6bb)!important;fill-opacity:.24;}
.tw-header .tw-system{margin-top:23px!important;margin-bottom:0!important;padding:14px 12px!important;gap:7px!important;width:100%;box-sizing:border-box;background:linear-gradient(140deg,#102959,#0a1b43)!important;border:1px solid #294d91!important;border-top-color:#4266aa!important;border-bottom:3px solid #030a20!important;border-radius:11px!important;box-shadow:inset 0 1px #4565a126,0 3px 0 #02091b!important;color:#bdd0f6!important;}
.tw-header .tw-system span{font-size:11px;line-height:1.5;}
.tw-header .tw-system span:first-child{display:flex!important;align-items:center;gap:7px;font-weight:800;color:#e4eeff;}
.tw-header .tw-system span:first-child i{width:8px;height:8px;flex:none;border-radius:50%;background:#05e69a;box-shadow:0 0 0 3px #00c48418;}
.tw-header #tw-wallet.spatial-glass{margin-top:0!important;min-height:69px!important;width:100%;padding:13px 12px!important;background:linear-gradient(145deg,#102650,#091936)!important;border:1px solid #325398!important;border-top-color:#4b6bb0!important;border-bottom:3px solid #030a20!important;border-radius:11px!important;box-shadow:inset 0 1px #6177b326,0 3px 0 #02091b!important;font-size:12px!important;color:#eff2ff!important;}
.tw-header nav a:focus-visible,.tw-header #tw-wallet:focus-visible{outline:2px solid #fff0a0!important;outline-offset:4px;}
@media(min-width:901px){
 .tw-header.spatial-glass{left:0!important;top:0!important;bottom:0!important;height:100dvh!important;width:216px!important;box-sizing:border-box;overflow:visible;}
}
@media(max-width:900px){
 .tw-header.spatial-glass{border:1px solid #284779!important;border-radius:12px!important;padding:30px 20px 22px;}
 .tw-header .tw-system{margin-top:18px!important;}
}
/* Reference rail: compact eight-item navigation and canonical character footer. */
.tw-header.spatial-glass{padding:20px 22px 0!important;gap:12px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;}
.tw-header .tw-brand{position:relative;display:flex!important;align-items:center!important;justify-content:center;flex-wrap:wrap;gap:5px!important;padding:27px 0 12px!important;font-size:22px!important;letter-spacing:-.02em!important;min-height:61px;}
.tw-header .tw-brand .tw-mark{position:absolute;left:17px;top:0;width:25px!important;height:25px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:0;}
.tw-header .tw-beta{position:static!important;background:#0861ed!important;color:white!important;letter-spacing:0!important;font:800 9px/1 'Nunito Sans',sans-serif!important;padding:3px 4px;border-radius:3px;}
.tw-header nav.liquid-nav{gap:4px!important;flex:none;}
.tw-header nav.liquid-nav a.liquid-control{height:43px!important;min-height:43px!important;padding:8px 11px!important;gap:13px!important;font-size:13px!important;border-radius:9px!important;}
.tw-header nav .liquid-active-plate{border-bottom-width:2px!important;border-radius:9px!important;}
.tw-sidebar-icon{width:27px;height:27px;flex:0 0 27px;filter:drop-shadow(0 2px 1px #0009);overflow:visible;}
.tw-header nav img.tw-sidebar-icon{display:block;object-fit:contain;object-position:center;image-rendering:auto;transition:transform .16s ease,filter .16s ease}
.tw-header nav a:hover img.tw-sidebar-icon{transform:translateY(-1px);filter:drop-shadow(0 3px 2px #0008)}
.tw-header .tw-system{margin-top:12px!important;padding:10px!important;gap:3px!important;flex:none;}
.tw-header .tw-system span{font-size:9px!important;line-height:1.3!important;}
.tw-header #tw-wallet.spatial-glass{min-height:64px!important;padding:10px!important;flex:none;font-size:12px!important;}
.tw-sidebar-character{position:relative;min-height:235px;flex:1 0 235px;margin:5px -22px 0;overflow:hidden;background:radial-gradient(ellipse at 75% 88%,#164b8966,transparent 65%),linear-gradient(160deg,transparent 45%,#0b2c5555);}
.tw-sidebar-character img{position:absolute;width:215px;height:245px;max-width:none;object-fit:contain;right:-43px;bottom:-23px;transform:rotate(-9deg);filter:drop-shadow(-5px 6px 6px #02071b);}
.tw-sidebar-character p{position:absolute;z-index:1;left:16px;bottom:16px;margin:0;font:400 22px/.98 'Lilita One',sans-serif;color:#dbe8ff;transform:rotate(-12deg);text-shadow:2px 2px #08122c;}
@media(max-width:900px){.tw-sidebar-character{min-height:180px;flex-basis:180px}.tw-header.spatial-glass{padding-top:32px!important}}
/* Keep wallet actions inside the scrollable rail; an outside flyout is clipped. */
.tw-header.spatial-glass .tw-wallet-popover{position:relative;inset:auto;width:100%;max-width:100%;max-height:none;flex:none;box-sizing:border-box;margin:0;padding:14px;overflow:visible;}