/* One header and one Houko emblem on every page. Page-specific tools stay below. */
body.houko-ui .site-header{position:sticky;top:0;z-index:30;display:block;width:100%;max-width:none;height:80px;margin:0;padding:0;border:0;border-bottom:1px solid #afc3c426;border-radius:0;background:#0b1013f5;color:#eef1f1;backdrop-filter:blur(16px);box-sizing:border-box}
body.houko-ui .site-header *{box-sizing:border-box}
body.houko-ui .site-header .hq-nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:20px;width:100%;max-width:1968px;height:100%;margin:auto;padding:0 28px;position:relative}
body.houko-ui .site-header a{color:#c1c9cb;text-decoration:none;border:0;background:none}
body.houko-ui .site-header .hq-brand{display:flex;align-items:center;gap:16px;flex:none;height:100%;padding:0 24px 0 0;margin:0;border-right:1px solid #afc3c426;color:#f4b146}
body.houko-ui .site-header .hq-brand>span{font:600 32px/1 Oxanium,Manrope,sans-serif;letter-spacing:6px;color:#f5f7f6}
body.houko-ui .site-header .hq-emblem{display:block;flex:none;width:48px;height:48px;object-fit:contain;color:#f4b146}
body.houko-ui .site-header .hq-icon{width:18px;height:18px;flex:none}
body.houko-ui .site-header .hq-menu{display:flex;align-items:center;gap:22px;height:100%;flex:1;min-width:0}
body.houko-ui .site-header .hq-menu>a{display:flex;align-items:center;gap:8px;height:100%;font:500 12px/1.3 Manrope,sans-serif;white-space:nowrap;padding:0;position:relative}
body.houko-ui .site-header .hq-menu a:hover,body.houko-ui .site-header .hq-menu a[aria-current]{color:#f4b146}
body.houko-ui .site-header .nav-more{position:relative;flex:none}
body.houko-ui .site-header summary{cursor:pointer;list-style:none;color:#c1c9cb;font:500 12px Manrope,sans-serif;padding:12px 0;white-space:nowrap}
body.houko-ui .site-header summary::-webkit-details-marker{display:none}
body.houko-ui .site-header .nav-more>div{position:absolute;right:0;top:100%;min-width:230px;padding:8px;display:flex;flex-direction:column;gap:2px;background:#10191e;border:1px solid #4d5859;border-radius:6px;box-shadow:0 15px 35px #0008;z-index:5}
body.houko-ui .site-header .nav-more:not([open])>div{display:none}
body.houko-ui .site-header .nav-more>div :is(a,button){display:block;text-align:left;padding:11px 12px;min-height:40px;background:transparent;border:0;border-radius:3px;color:#c1c9cb;font:500 12px/1.4 Manrope,sans-serif;cursor:pointer;white-space:normal}
body.houko-ui .site-header .nav-more>div :is(a,button):hover{background:#ffffff0a;color:#f4b146}
body.houko-ui .site-header .nav-more small{font-size:10px;opacity:.7}
body.houko-ui .site-header .hq-search{display:flex;align-items:center;gap:8px;width:210px;min-width:110px;height:40px;flex:0 1 210px;margin:0;padding:0 10px;border:1px solid #94a7ab3b;border-radius:5px;background:#12171970}
body.houko-ui .site-header .hq-search input{display:block;min-width:0;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:#eef1f1;font:500 11px Manrope,sans-serif}
body.houko-ui .site-header .hq-search button{display:block;flex:0 0 22px;width:22px;min-width:0;min-height:0;height:28px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#f4b146;font:500 18px/1 Manrope,sans-serif;box-shadow:none;cursor:pointer}
body.houko-ui .site-header .hq-account{display:flex;align-items:center;gap:8px;flex:none;min-height:38px;padding:0;font:500 12px Manrope,sans-serif;white-space:nowrap}
body.houko-ui .site-header .hq-wallet{display:flex;align-items:center;gap:12px;flex:none;margin:0;font:600 12px Manrope,sans-serif;white-space:nowrap}
body.houko-ui .site-header .mobile-menu{display:none}
body.houko-ui .site-header :is(.mobile-menu,.hq-search button,.nav-more>div button){background-image:none!important;background-color:transparent!important}
body.houko-ui .site-header :is(a,button,input,summary):focus-visible{outline:2px solid #7ee6bc;outline-offset:4px}
body.houko-ui .admin-context-nav,body.houko-ui .studio-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 4vw;font-size:13px}
body.houko-ui .studio-context{font:600 20px Oxanium,sans-serif;margin-right:auto}
.site-header-dialog{width:min(94vw,480px);padding:26px;border:1px solid #756346;border-radius:10px;background:#101719;color:#eef1f1;font:15px/1.6 Manrope,sans-serif}.site-header-dialog::backdrop{background:#000a}.site-header-dialog button{background:#f4b146;color:#171b1d;padding:10px 20px;border:0;border-radius:5px;cursor:pointer}
body.houko-ui{--site-header-height:80px}
body.houko-ui .site-header{z-index:40}
body.houko-ui .hq-audio{display:grid;place-items:center;flex:none;width:30px;min-width:30px;height:32px;min-height:0;padding:0;margin:0;border:1px solid #afc3c426;border-radius:5px;background:transparent;color:#eef1f1;font-size:15px;line-height:1;box-shadow:none;cursor:pointer}
body[data-scene] :is(.overlay,.portal-scene,.video-opening){top:var(--site-header-height)}
@media(max-width:1000px){body.houko-ui{--site-header-height:66px}}
@media(max-width:450px){body.houko-ui .site-header .hq-nav{gap:6px}body.houko-ui .site-header .hq-brand{gap:6px}body.houko-ui .site-header .hq-brand>span{font-size:18px;letter-spacing:2px}}
@media(max-width:1350px){body.houko-ui .site-header .hq-search{display:none}body.houko-ui .site-header .hq-nav{gap:16px}body.houko-ui .site-header .hq-menu{gap:18px}}
@media(max-width:1000px){body.houko-ui .site-header{height:66px}body.houko-ui .site-header .hq-nav{padding:0 12px;gap:8px}body.houko-ui .site-header .hq-brand{padding:0;margin-right:auto;border:0;gap:10px}body.houko-ui .site-header .hq-brand>span{font-size:22px;letter-spacing:4px}body.houko-ui .site-header .hq-emblem{width:32px;height:32px}body.houko-ui .site-header .mobile-menu{display:block;flex:none;padding:8px 0;border:0;background:none;color:#eef1f1;font:500 12px Manrope,sans-serif;cursor:pointer}body.houko-ui .site-header .hq-menu{display:none;position:absolute;left:12px;right:12px;top:66px;height:auto;padding:12px;max-height:calc(100dvh - 90px);overflow:auto;background:#10191e;border:1px solid #4d5859;border-radius:6px;box-shadow:0 15px 35px #0008}body.houko-ui .site-header .hq-menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:2px}body.houko-ui .site-header .hq-menu>a{min-height:44px;padding:10px;height:auto}body.houko-ui .site-header .nav-more summary{padding:12px 10px}body.houko-ui .site-header .nav-more>div{position:static;min-width:0;margin:0;border:0;box-shadow:none;padding:0 10px}body.houko-ui .site-header .hq-account{width:30px;justify-content:center}body.houko-ui .site-header .hq-account>span{display:none}body.houko-ui .site-header .hq-wallet{gap:0;font-size:11px}body.houko-ui .site-header .hq-wallet-gold{display:none}body.houko-ui .site-header .houko-staff-inline{flex:none;margin:0}body.houko-ui .site-header .houko-staff-inline button{font-size:0;width:30px;min-width:30px;height:30px;padding:0}body.houko-ui .site-header .houko-staff-inline button::before{content:'🛡';font-size:14px}}

/* Header accessibility and controls must not depend on page styles. */
body.houko-ui .site-header .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
body.houko-ui .site-header .houko-staff-inline button{min-height:30px;margin:0;padding:7px 9px;border:1px solid #ad873844;background:transparent;color:#d9b967;border-radius:5px;box-shadow:none;font:600 12px/1.3 Manrope,sans-serif;cursor:pointer;white-space:nowrap}
body.houko-ui .site-header .houko-staff-inline.is-active button{color:#8adab3;border-color:#65bb8c88;background:#65bb8c0c}
@media(max-width:1000px){body.houko-ui .site-header .houko-staff-inline button{font-size:0;width:30px;min-width:30px;height:30px;padding:0}}