/* Compact carved signs on a shared opaque timber backing, with an irregular outer edge. */
@media(min-width:951px){
 :root body#realm-ui[data-ui-theme] .shell{display:block}
 :root body#realm-ui[data-ui-theme] #sidebar{position:fixed;top:0;left:0;bottom:auto;width:128px;height:auto;min-height:0;max-height:var(--game-height,100dvh);overflow:visible;padding:88px 0 0;background:none;border:0;box-shadow:none;pointer-events:none}
 :root body#realm-ui[data-ui-theme] #sidebar>*{pointer-events:auto}
 :root body#realm-ui[data-ui-theme] #sidebar .brand{border:0;border-image:none;box-shadow:none;background:linear-gradient(100deg,#161c1af2 70%,transparent);padding:2px 14px 4px 6px;clip-path:polygon(0 0,94% 0,100% 48%,95% 78%,83% 94%,0 100%);height:83px;width:330px}
 :root body#realm-ui[data-ui-theme] #sidebar .brand-crest{width:66px;height:66px;filter:none}
 :root body#realm-ui[data-ui-theme] #sidebar .brand>span{font-size:29px;color:#ffe2a1}
 :root body#realm-ui[data-ui-theme] #navigation{gap:2px;padding:0 3px 0 0}
 :root body#realm-ui[data-ui-theme] #navigation .nav-item{position:relative;border:0;border-image:none;outline:0;border-radius:0;background:none!important;box-shadow:none!important;filter:none;min-height:88px;height:88px;padding:10px 12px 9px 4px;isolation:isolate;font-size:18px;font-weight:500;overflow:visible;transform:rotate(-1deg);color:#fff0d1;text-shadow:0 2px 3px #000}
 :root body#realm-ui[data-ui-theme] #navigation .nav-item:nth-child(even){transform:rotate(1deg);margin-left:-3px}
 :root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item::before{content:'';position:absolute;inset:0 -2px 0 -8px;z-index:-2;display:block;opacity:1;width:auto;height:auto;transform:none;border:0;box-shadow:none;background:url('/art/caribbean/menu-sign.webp') center/100% 100% no-repeat;filter:drop-shadow(3px 5px 3px #0008);pointer-events:none}
 :root body#realm-ui[data-ui-theme] #navigation .nav-item.active{color:#fff6d9;border:0;border-image:none}
 :root body#realm-ui[data-ui-theme] #navigation .nav-item:hover{filter:brightness(1.15)}
 :root body#realm-ui[data-ui-theme] #navigation .nav-item>.painted-icon{width:43px;height:43px;flex-basis:43px}
 :root body#realm-ui[data-ui-theme] #sidebar .sidebar-bottom{margin-top:18px;padding:0 7px}
 :root body#realm-ui[data-ui-theme] #sidebar .sidebar-bottom>.nav-item{background:#151c1bd9;border:0;border-image:none;box-shadow:none;min-height:34px;font-size:13px;padding:3px 4px;clip-path:polygon(2% 0,98% 4%,100% 90%,4% 100%,0 40%)}
 :root body#realm-ui[data-ui-theme] #sidebar .legal-links{color:#f8e7c2;text-shadow:0 1px 3px #000,0 0 4px #000;padding:8px 3px;font-size:10px}
 :root body#realm-ui[data-ui-theme] #workspace{margin:0;width:100%;min-width:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page{margin-left:128px}
 :root body#realm-ui[data-ui-theme] #workspace .page-heading{margin-left:128px}
 :root body#realm-ui[data-ui-theme] #workspace .topbar{padding-left:340px}
 :root body#realm-ui[data-ui-theme] #workspace .island-subnav{padding-left:145px}
 :root body#realm-ui[data-ui-theme] #workspace .immersive-island{margin-left:-142px;width:calc(100% + 156px)}
 :root body#realm-ui[data-ui-theme] .immersive-island .island-scene-toolbar{left:146px}
 :root body#realm-ui[data-ui-theme] #workspace .scene-dispatch{left:146px}
 :root body#realm-ui[data-ui-theme] .scene-ribbon-shell{left:52%;transform:translateX(-55%);width:min(800px,calc(100% - 450px))}
 :root body#realm-ui[data-ui-theme] #workspace :is(.research-scene,.recruitment-screen){margin-left:-142px;width:calc(100% + 156px);padding-left:146px}
 :root body#realm-ui[data-ui-theme] #workspace .research-board{width:min(830px,65%)}
 :root body#realm-ui[data-ui-theme][data-view=map] #workspace .topbar{padding-left:340px}
 :root body#realm-ui[data-ui-theme][data-view=map] #workspace .map-toolbar{left:148px}
 :root body#realm-ui[data-ui-theme][data-view=map] #workspace .map-legend{left:148px}
 :root body#realm-ui[data-ui-theme][data-view=map] #workspace .map-controls{bottom:235px;right:22px}
}
@media(min-width:951px) and (max-width:1250px){
 :root body#realm-ui[data-ui-theme] #sidebar .brand{width:278px}
 :root body#realm-ui[data-ui-theme] #sidebar .brand>span{font-size:25px}
 :root body#realm-ui[data-ui-theme] #workspace .topbar,:root body#realm-ui[data-ui-theme][data-view=map] #workspace .topbar{padding-left:285px}
 :root body#realm-ui[data-ui-theme] .scene-ribbon-shell{left:146px;transform:none;width:calc(100% - 440px)}
 :root body#realm-ui[data-ui-theme] #workspace .research-board{width:78%}
}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #sidebar{border:0;box-shadow:none}
 :root body#realm-ui[data-ui-theme] #sidebar .brand{background:none;border:0;box-shadow:none}
 :root body#realm-ui[data-ui-theme] #navigation .nav-item{position:relative;border:0;border-image:none;background:url('/art/caribbean/menu-sign.webp') center/100% 100% no-repeat;box-shadow:none;isolation:isolate;padding:12px 8px;font-size:20px;min-height:112px;transform:rotate(-1deg)}
 :root body#realm-ui[data-ui-theme] #navigation .nav-item:nth-child(even){transform:rotate(1deg)}
 :root body#realm-ui[data-ui-theme] #navigation .nav-item.active{border:0;border-image:none;background-image:url('/art/caribbean/menu-sign.webp');box-shadow:none}
}

@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #sidebar{background:none;box-shadow:none;bottom:auto;height:auto;min-height:0;max-height:var(--game-height,100dvh);overflow-y:auto;padding-bottom:18px}
 :root body#realm-ui[data-ui-theme] #sidebar-backdrop{background:#03131cdb;backdrop-filter:blur(5px)}
 :root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item{background:none!important;overflow:visible;}
 :root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item::before{content:'';display:block;position:absolute;inset:0;z-index:-2;width:auto;height:auto;transform:none;opacity:1;background:url('/art/caribbean/menu-sign.webp') center/100% 100% no-repeat;box-shadow:none;border:0;pointer-events:none}
 :root body#realm-ui[data-ui-theme] #sidebar .sidebar-bottom{margin-top:24px}
 :root body#realm-ui[data-ui-theme] #sidebar .sidebar-bottom>.nav-item{background:none;border:0;box-shadow:none;}
 :root body#realm-ui[data-ui-theme] #sidebar .legal-links{border:0}
}

/* One opaque backing spans all signs and their gaps; only the outer edge is irregular.
   The selected sign uses blue painted timber; icons retain their original colors. */
:root body#realm-ui[data-ui-theme] #sidebar{isolation:isolate}
:root body#realm-ui[data-ui-theme] #sidebar::after{content:none;display:none}
:root body#realm-ui[data-ui-theme] #sidebar::before{content:'';display:block;position:absolute;inset:76px -2px 0 0;z-index:-1;background:linear-gradient(#160f09b3,#160f09b3),#20150e url('/art/interface/cabin-timber.webp') center/300px;opacity:1;pointer-events:none;clip-path:polygon(0 0,96% 0,100% 4%,97% 17%,100% 33%,97% 51%,100% 69%,97% 88%,100% 97%,89% 100%,0 99%)}
:root body#realm-ui[data-ui-theme] #sidebar #navigation{position:relative;isolation:isolate}
:root body#realm-ui[data-ui-theme] #sidebar #navigation::before{content:none;display:none}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item.active::before{background-image:url('/art/caribbean/menu-sign-active.webp')}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item{filter:none;opacity:1;mix-blend-mode:normal}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item:is(.active,:hover,:focus-visible){background:none!important;box-shadow:none!important;filter:none}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item.active>.painted-icon{filter:none;opacity:1;mix-blend-mode:normal}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item .nav-label{position:relative}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item.active .nav-label{color:#ffe4a1;text-shadow:0 1px 2px #160b02}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item.active .nav-label::after{content:'';position:absolute;left:20%;right:20%;height:2px;bottom:-5px;background:#edc36e;box-shadow:0 1px 1px #160b02}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item:hover .nav-label{color:#ffe4a1;text-decoration:underline;text-underline-offset:4px}
:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item:focus-visible{outline:2px solid #ffe4a1;outline-offset:-8px}
:root body#realm-ui[data-ui-theme] #sidebar .sidebar-bottom>.nav-item{background:none;clip-path:none}
:root body#realm-ui[data-ui-theme] #sidebar .legal-links{border:0}

:root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item.active::after{content:none;display:none;background:none;box-shadow:none}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #sidebar{background:linear-gradient(#160f09b3,#160f09b3),#20150e url('/art/interface/cabin-timber.webp') center/360px;clip-path:polygon(0 0,97% 0,100% 4%,98% 25%,100% 40%,98% 56%,100% 74%,98% 96%,94% 100%,0 99%)}
 :root body#realm-ui[data-ui-theme] #sidebar::before{inset:0;background-size:auto,360px;clip-path:polygon(0 0,97% 0,100% 4%,98% 25%,100% 40%,98% 56%,100% 74%,98% 96%,94% 100%,0 99%)}
 /* Keep the guest account action in its own header cell, clear of the menu trigger. */
 :root body#realm-ui[data-ui-theme][data-player=guest] .topbar #account{position:relative;width:48px;min-width:48px;height:44px;justify-self:end}
 :root body#realm-ui[data-ui-theme][data-player=guest] .topbar #account>[data-auth=login]{position:static;inset:auto;width:48px;min-height:44px;height:44px}
}