/* Shared native engine; existing page layouts and functional controls remain in place. */
:root { --lg-color:#a855f7; --lg-intensity:.055; --lg-blur:5px; }
body { background:#05060a!important; color:#f7f8fb; font-family:"Plus Jakarta Sans",system-ui,sans-serif; }
.space-ambient { opacity:.45; }
.native-glass-root { position:relative; isolation:isolate; min-width:0; border-radius:24px; }
.native-glass-scene { position:absolute; inset:0; z-index:0; border-radius:inherit; pointer-events:none; background:radial-gradient(ellipse at 15% 0%,rgba(168,85,247,.28),transparent 65%),radial-gradient(ellipse at 90% 100%,rgba(69,214,255,.18),transparent 60%),linear-gradient(135deg,#171321,#070b13); }
.native-glass-panel { position:relative!important; z-index:1; border-radius:24px!important; background:rgba(14,15,24,.68)!important; backdrop-filter:blur(var(--lg-blur)); -webkit-backdrop-filter:blur(var(--lg-blur)); border:1px solid rgba(255,255,255,.14)!important; box-shadow:0 20px 60px rgba(0,0,0,.3)!important; transform:none!important; animation:none!important; }
.native-glass-ready > .native-glass-panel { background:transparent!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
.native-glass-panel::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:var(--lg-color); opacity:var(--lg-intensity); z-index:0; }
.native-glass-panel > :not(canvas) { z-index:2; }
.native-nav-root { position:fixed; top:14px; left:2%; width:96%; z-index:1000; }
.native-nav-root > header { top:auto!important; width:100%!important; margin:0!important; }
.native-glass-root:has(> .profil-card-visual) { align-self:start; }
.native-glass-root > .profil-card-visual, .native-glass-root > .profil-edit-form-panel { height:100%; }
.native-glass-root:has(> .supremehouse-profile) { margin-bottom:2rem; }
.native-glass-root > .supremehouse-profile { margin-bottom:0; }
.native-glass-root:has(> .member-card) { display:grid; }
.member-card { height:100%; }
.native-glass-panel > .member-profile-link { position:absolute; z-index:3; }
.member-social-btn { z-index:4; }
.glass-settings { border:1px solid rgba(255,255,255,.14); border-radius:18px; padding:1.2rem; margin:0 0 1.5rem; min-width:0; }
.glass-settings legend { padding:0 .5rem; font-size:1.2rem; font-weight:800; }
.glass-settings p { color:#aeb4c2; font-size:.85rem; line-height:1.6; }
.glass-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.glass-settings label { display:block; font-size:.85rem; }
.glass-settings input[type=range] { width:100%; padding:0; accent-color:var(--lg-color); margin-top:.65rem; }
.glass-settings input[type=color] { display:block; width:100%; height:40px; margin-top:.65rem; }
.glass-settings output { float:right; color:#bcecff; }
#glass-settings-status { display:block; margin-top:.8rem; font-size:.8rem; color:#aeb4c2; }
.shell .glass { border-color:rgba(255,255,255,.14); }
.shell .native-glass-root:has(> header) { margin-bottom:16px; }
.shell .native-glass-root > header { margin-bottom:0; }
@media(max-width:600px) { .glass-settings-grid { grid-template-columns:1fr; } .native-nav-root { top:8px; } }
.native-glass-panel { opacity:1!important; }
@media(max-width:1100px) {
    .native-nav-root .desktop-nav { display:none!important; }
    .native-nav-root .mobile-menu-toggle { display:flex!important; }
    .native-nav-root .header-container { width:100%; min-width:0; }
}
.member-card > .member-info-content { z-index:4; pointer-events:none; }
.member-card > .member-avatar-wrapper { pointer-events:none; }
.member-card .member-info-content a { pointer-events:auto; }
.native-glass-root:has(> .platform-switcher-container) { width:fit-content; max-width:100%; margin-inline:auto; }
.mp-content > .native-glass-root > .mp-panel { padding:1.7rem; }
@media(max-width:620px) { .mp-content > .native-glass-root > .mp-panel { padding:1.2rem; } }