/* SECRET BOX platform shell — shared navigation, unified design system v2.0
   Solid backgrounds (no backdrop-filter: it flickers on scroll), promoted layers. */
.sb-shell{position:fixed;z-index:9999;top:14px;left:50%;transform:translate3d(-50%,0,0);width:min(1180px,calc(100% - 28px));display:flex;align-items:center;gap:12px;padding:7px 10px;border:1px solid #303136;border-radius:4px;background:rgba(17,18,21,.94);box-shadow:0 14px 45px rgba(0,0,0,.35);font:600 11px/1.2 var(--sb-body,"Manrope",system-ui,sans-serif);letter-spacing:.02em;color:#eee8dd}
.sb-brand{display:flex;align-items:center;justify-content:center;padding:2px 7px;width:190px;height:52px;flex:0 0 190px;overflow:hidden;color:#eee8dd;white-space:nowrap}
.sb-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:contrast(1.04)}
.sb-links{display:flex;align-items:center;gap:2px;min-width:0;flex:1}
.sb-links a{padding:10px 11px;border-radius:2px;color:#aaa69e;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-family:var(--sb-mono,"Roboto Mono",monospace);transition:color .2s ease,background-color .2s ease}
.sb-links a:hover,.sb-links a.sb-active{color:#eee8dd;background:rgba(232,220,200,.08)}
.sb-account{margin-left:auto;padding:10px 13px!important;color:#c5a46c!important;border:1px solid #3a3a40!important;border-radius:2px!important;white-space:nowrap;font-family:var(--sb-mono,"Roboto Mono",monospace);text-transform:uppercase;letter-spacing:.08em}
.sb-account:hover,.sb-account.sb-active{color:#eee8dd!important;border-color:#c5a46c!important;background:rgba(197,164,108,.1)!important}
.sb-home{margin-left:0;padding:10px 16px!important;color:#111215!important;background:#c5a46c!important;border-radius:2px!important;white-space:nowrap}
.sb-home:hover{background:#e0cc8c!important}
.sb-menu{display:none;background:transparent;border:1px solid #3a3a40;color:#eee8dd;border-radius:3px;padding:8px 10px}
@media(max-width:980px){.sb-brand{width:150px!important;flex-basis:150px}.sb-links a{padding:9px 7px;font-size:10px}.sb-home{padding:9px 11px!important;font-size:9px}.sb-account{padding:9px 10px!important;font-size:9px}}
@media(max-width:760px){
 .sb-shell{top:7px;width:calc(100% - 16px);padding:6px 7px}
 .sb-brand{width:132px!important;height:43px!important;flex-basis:132px;padding:3px 5px}
 
 .sb-menu{display:block}
 .sb-links{display:none;position:absolute;left:7px;right:7px;top:calc(100% + 7px);padding:6px;background:rgba(17,18,21,.98);border:1px solid #303136;border-radius:4px;flex-direction:column;align-items:stretch}
 .sb-links.sb-open{display:flex}
 .sb-links a{padding:11px 12px}
 .sb-home{display:none!important}
 .sb-account{margin-left:auto;padding:9px 11px!important;font-size:9px}
}
.sb-dock{position:fixed;z-index:9998;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #303136;border-radius:4px;background:rgba(17,18,21,.94);font:600 10px/1 var(--sb-mono,"Roboto Mono",monospace);text-transform:uppercase;letter-spacing:.04em;transform:translate3d(0,0,0)}
.sb-dock a{padding:8px 9px;border-radius:2px;color:#aaa69e;transition:color .2s ease,background-color .2s ease}.sb-dock a:hover{color:#eee8dd;background:rgba(232,220,200,.07)}
@media(max-width:760px){.sb-dock{display:none}}

.sb-state{position:fixed;z-index:9997;left:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #303136;border-radius:4px;background:rgba(17,18,21,.94);font:600 10px/1.2 var(--sb-mono,"Roboto Mono",monospace);color:#aaa69e;box-shadow:0 12px 35px rgba(0,0,0,.2);transform:translate3d(0,0,0)}
.sb-state b{color:#eee8dd;font:700 9px/1 var(--sb-mono,"Roboto Mono",monospace);letter-spacing:.12em}
.sb-state a{color:#c5a46c;border-left:1px solid #303136;padding-left:9px}
.sb-live{width:6px;height:6px;border-radius:50%;background:#9fb58b;box-shadow:0 0 12px #9fb58b}
@media(max-width:760px){.sb-state{left:9px;right:9px;bottom:9px;justify-content:center}.sb-state span:not(.sb-live){display:none}.sb-state a{border-left:0;padding-left:4px}}