/* One compact navigation on desktop and mobile; native disclosure works without JS. */
.compact-nav .compact-brand img{width:88px;height:80px;object-fit:contain}
.compact-trigger{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #313138;border-radius:50%;background:#18181d;color:#dedee6;font-size:0;transition:background .16s,border-color .16s,transform .16s}.compact-trigger:hover,.compact-disclosure[open]>.compact-trigger{background:#101f2d;border-color:#0894FC;color:#fff}.compact-trigger:hover{transform:translateY(-1px)}.compact-menu-icon{width:17px!important;height:12px!important;border-block:1.5px solid currentColor!important;position:relative}.compact-menu-icon::before{content:'';position:absolute;left:0;right:0;top:4px!important;border-top:1.5px solid currentColor}.compact-chevron{display:none!important}
.main>nav.compact-nav{position:relative;z-index:1000;margin:0 -24px;background:#101012f5;border-bottom:1px solid #29292e;box-shadow:none}
.compact-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:0 auto;padding:12px 24px;min-height:84px}
.compact-brand{display:flex;align-items:center;flex-shrink:0}.compact-brand img{display:block;width:60px;height:60px;object-fit:contain}
.compact-disclosure{position:relative}.compact-trigger{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 17px;border:1px solid #35353c;border-radius:10px;background:#19191e;color:#eeeef2;font-size:13px;font-weight:600;cursor:pointer;list-style:none;user-select:none}.compact-trigger::-webkit-details-marker,.compact-admin>summary::-webkit-details-marker{display:none}
.compact-trigger:hover,.compact-disclosure[open]>.compact-trigger{background:#242429;border-color:#56505a}.compact-menu-icon{width:15px;height:10px;border-block:1.5px solid currentColor;position:relative}.compact-menu-icon::before{content:'';position:absolute;left:0;right:0;top:3px;border-top:1.5px solid currentColor}.compact-chevron{margin-left:8px;color:#aaa;font-size:16px;transition:transform .15s}.compact-disclosure[open] .compact-chevron{transform:rotate(180deg)}
.compact-panel{position:absolute;right:0;top:calc(100% + 12px);width:318px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;padding:18px;background:#17171b;border:1px solid #34343c;border-radius:15px;box-shadow:0 20px 60px #0009;text-align:left;scrollbar-width:thin}
.compact-label{font-size:9px;letter-spacing:.13em;font-weight:700;color:#8f8f9d;margin:0 0 10px;padding:0 9px}
.compact-links,.compact-account{display:grid;gap:3px}.compact-panel a,.compact-admin>summary{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 11px;border-radius:8px;color:#d5d5de;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none}.compact-panel a:hover,.compact-admin>summary:hover{background:#25252c;color:white}.compact-panel a[aria-current=page]{background:#102f48;color:#b3defe}.compact-panel i{width:17px;text-align:center;color:#66bdfd;font-size:14px}.compact-external{margin-left:auto;color:#888895}
.compact-account{border-top:1px solid #2d2d34;margin-top:13px;padding-top:15px}.compact-admin{border-top:1px solid #2d2d34;margin-top:12px;padding-top:10px}.compact-admin>summary{cursor:pointer;list-style:none}.compact-admin>summary>span{margin-left:auto}.compact-admin>div{padding:4px 0 6px 20px;border-left:1px solid #37313a;margin-left:17px}.compact-admin>div>a{font-size:12px;min-height:38px}
.compact-actions{display:flex;gap:10px;border-top:1px solid #2d2d34;padding-top:15px;margin-top:12px}.compact-actions>a{flex:1;justify-content:center;border:1px solid #37373f;white-space:nowrap;font-size:12px}.compact-actions>a.compact-primary{background:#0894FC;border-color:#0894FC;color:white}.compact-actions>a.compact-primary:hover{background:#0894FC}.compact-trigger:focus-visible,.compact-panel a:focus-visible,.compact-admin>summary:focus-visible{outline:2px solid #0894FC;outline-offset:3px}
@media(max-width:700px){.main>nav.compact-nav{margin:0 -20px}.compact-nav-inner{min-height:74px;padding:10px 20px}.compact-brand img{width:52px;height:52px}.compact-panel{top:calc(100% + 10px);max-height:calc(100dvh - 96px)}.compact-trigger{padding:0 14px}}
@media(prefers-reduced-motion:reduce){.compact-chevron{transition:none}}

/* Clean icon-only trigger: placed last to override the legacy button rules above. */
.compact-trigger{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0!important;border:1px solid #313138;border-radius:50%;background:#18181d;color:#dedee6;font-size:0!important;transition:background .16s,border-color .16s,transform .16s}.compact-trigger:hover,.compact-disclosure[open]>.compact-trigger{background:#101f2d;border-color:#0894FC;color:#fff}.compact-trigger:hover{transform:translateY(-1px)}.compact-menu-icon{width:17px!important;height:12px!important;border-block:1.5px solid currentColor!important;position:relative}.compact-menu-icon::before{content:'';position:absolute;left:0;right:0;top:4px!important;border-top:1.5px solid currentColor}.compact-chevron{display:none!important}

/* Floating header: compact, integrated with the artwork instead of a full black block. */
.main>nav.compact-nav{position:sticky;top:14px;z-index:1000;margin:14px auto 0!important;max-width:1180px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 12px}
.compact-nav-inner{min-height:64px!important;padding:7px 9px 7px 14px!important;border:1px solid rgb(255 255 255 / .11);border-radius:18px;background:rgb(13 14 17 / .82);box-shadow:0 18px 55px rgb(0 0 0 / .28),inset 0 1px 0 rgb(255 255 255 / .04);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
.compact-brand img{width:88px!important;height:80px!important;object-fit:contain;image-rendering:auto;filter:none}.compact-trigger{width:42px;height:42px;min-height:42px;background:rgb(255 255 255 / .035);border-color:rgb(255 255 255 / .12)}
.compact-panel{top:calc(100% + 9px);border-color:rgb(255 255 255 / .12);background:rgb(18 18 22 / .96);box-shadow:0 24px 70px rgb(0 0 0 / .62)}
@media(max-width:700px){.main>nav.compact-nav{top:8px;margin-top:8px!important;padding:0 4px}.compact-nav-inner{min-height:58px!important;padding:5px 6px 5px 10px!important;border-radius:15px}.compact-brand img{width:72px!important;height:66px!important}.compact-trigger{width:40px;height:40px;min-height:40px}.compact-panel{right:-2px;max-width:calc(100vw - 32px)}}