.site-announcement{position:relative;z-index:100;padding:12px 20px;background:#2c2050;color:#f5efff;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;font:500 14px/1.5 system-ui,sans-serif}
/* Left navigation: colored glass tabs with a visible icon on each handle. */
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item{
 --tab-color:104,211,255;
 min-height:44px;gap:10px;padding:10px 12px 10px 16px;
 border:1px solid rgba(var(--tab-color),.4);border-left:0;border-radius:0 16px 16px 0;
 background:linear-gradient(115deg,rgba(var(--tab-color),.23),rgba(10,17,34,.98) 80%);
 color:#edf5ff;font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.015em;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),4px 5px 16px rgba(0,0,0,.25);
 transition:transform .3s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-target="technology"]{--tab-color:83,232,203}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-target="gaming"]{--tab-color:244,128,210}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-target="videos"]{--tab-color:110,163,255}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) #side-projects-button{--tab-color:161,178,255}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-space="universe"]{--tab-color:183,127,255}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-space="galaxy"]{--tab-color:62,222,225}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-space="systems"]{--tab-color:255,184,73}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .member-admin-link{--tab-color:255,86,105;background:linear-gradient(115deg,#9c2038,#431423)}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-dot{flex:0 0 5px;width:5px;height:5px;background:rgb(var(--tab-color));box-shadow:0 0 10px rgba(var(--tab-color),.7)}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item::after{content:attr(data-tab-icon);display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;margin-left:auto;border-radius:9px;color:rgb(var(--tab-color));background:rgba(var(--tab-color),.12);font-size:19px;text-shadow:0 0 12px rgba(var(--tab-color),.5)}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item:is(:hover,:focus-visible,[aria-current="page"]){border-color:rgba(var(--tab-color),.85);background:linear-gradient(115deg,rgba(var(--tab-color),.38),#111c30);box-shadow:inset 0 1px 0 #ffffff20,4px 5px 20px rgba(var(--tab-color),.18);color:#fff}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item:focus-visible{outline:2px solid rgb(var(--tab-color));outline-offset:-3px}
@media(prefers-reduced-motion:reduce){:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item{transition:none}}

.site-custom-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}a.console-brand:has(.site-custom-logo){display:flex;align-items:center;gap:12px}.brand-icon[hidden]{display:none!important}

/* Raised faces and beveled edges give the left tabs physical depth. */
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item{
 border-top:1px solid rgba(var(--tab-color),.85);
 border-right:2px solid rgba(var(--tab-color),.6);
 border-bottom:4px solid rgba(var(--tab-color),.3);
 background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 45%),linear-gradient(115deg,rgba(var(--tab-color),.34),#101b30 85%);
 box-shadow:inset 0 2px 0 #ffffff30,inset 0 -2px 3px #00000070,inset -2px 0 3px #ffffff12,0 5px 0 #050914,5px 9px 16px #00000070;
 text-shadow:0 2px 2px #000000b3;
}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .member-admin-link{
 background:linear-gradient(180deg,#ffffff22,transparent 45%),linear-gradient(115deg,#b82b46,#581526);
}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item::after{
 border:1px solid rgba(var(--tab-color),.45);
 background:linear-gradient(145deg,rgba(var(--tab-color),.3),#080f20);
 box-shadow:inset 0 1px 1px #ffffff40,0 2px 0 #00000080,0 3px 8px #00000050;
}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item:is(:hover,:focus-visible,[aria-current="page"]){
 background:linear-gradient(180deg,#ffffff26,transparent 45%),linear-gradient(115deg,rgba(var(--tab-color),.48),#17253b);
 box-shadow:inset 0 2px 0 #ffffff40,inset 0 -2px 3px #00000070,0 5px 0 #050914,5px 10px 22px #00000080,0 0 16px rgba(var(--tab-color),.18);
}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .member-admin-link:is(:hover,:focus-visible){
 background:linear-gradient(180deg,#ffffff26,transparent 45%),linear-gradient(115deg,#d33652,#761b31);
}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) .side-menu-item:active{
 box-shadow:inset 0 2px 5px #00000080,inset 0 -1px 0 #ffffff20,0 1px 0 #050914,2px 3px 8px #00000060;
 background:linear-gradient(180deg,#00000030,transparent),linear-gradient(115deg,rgba(var(--tab-color),.3),#0e182b);
}

/* Distinct account-tab accents. */
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-tab="chat"]{--tab-color:83,232,203}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-tab="profile"]{--tab-color:132,170,255}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-tab="favorites"]{--tab-color:255,131,190}
:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) [data-tab="settings"]{--tab-color:190,184,224}

:is(.member-area .member-public-side:not(.member-public-social), .console-member-sidebar, .home-left-tabs) #about-button{--tab-color:126,209,255}

/* Logo and the side-tab switch stay together in the header. */
.site-brand-controls{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0}
.tab-visibility-button{flex-shrink:0;min-height:40px;padding:9px 16px;border:1px solid #b7a3f080;border-bottom:3px solid #181127;border-radius:10px;background:linear-gradient(180deg,#68518d,#35264f);box-shadow:inset 0 1px 0 #ffffff40,0 3px 8px #0005;color:#fff;font:700 13px/1.2 system-ui,sans-serif;cursor:pointer}
.tab-visibility-button:hover{background:linear-gradient(180deg,#8164ab,#493269)}
.tab-visibility-button:active{box-shadow:inset 0 2px 4px #0007}
.tab-visibility-button:focus-visible{outline:2px solid #a3efff;outline-offset:3px}
body.site-tabs-open :is(.side-navigation,.console-member-sidebar) .side-menu-item{transform:none!important}
body.site-tabs-open .side-navigation .side-menu-section{pointer-events:auto}
@media(max-width:600px){.site-brand-controls{gap:8px;flex-wrap:wrap}.tab-visibility-button{padding:9px 12px}}

/* A compact invitation sits above the homepage scene shown in the artwork. */
.visitor-invitation{position:relative;z-index:2;max-width:780px;margin:24px auto 12px;padding:24px 28px;border:1px solid #aa8cff55;border-radius:22px;background:linear-gradient(125deg,#171b36df,#211632d9);box-shadow:inset 0 1px 0 #ffffff15,0 12px 36px #0004;color:#f3efff}
.visitor-invitation-label{margin:0 0 8px;font-size:10px;letter-spacing:.16em;font-weight:700;color:#a9ddff}
.visitor-invitation h2{margin:0 0 10px;font-size:clamp(23px,3vw,32px)}
.visitor-invitation>p:not(.visitor-invitation-label){margin:0;max-width:65ch;line-height:1.7;color:#d4cfe4}
.visitor-invitation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
.visitor-invitation-actions>a:last-child{color:#bfeaff;font-size:13px}
.creation-guide h3{margin:26px 0 12px;color:#c6dfff;font-size:18px}
.creation-guide ol{padding-left:24px;margin:12px 0}
.creation-guide li{padding-left:4px;margin:10px 0;line-height:1.8;color:#d4d5e5}
.creation-guide a{color:#aee7ff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.visitor-invitation{padding:20px;margin:16px 0}.visitor-invitation-actions{align-items:stretch;flex-direction:column}}

.points-guide dt{margin-top:18px;color:#d5e8ff;font-weight:700;line-height:1.6}
.points-guide dd{margin:6px 0 16px;line-height:1.8;color:#d4d5e5}
.points-guide ul{padding-left:24px}