/* Original sculpted raster art, shared by desktop rails and the mobile drawer. */
body.site-shell{isolation:isolate;background:#0d1629}
body.site-shell::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08152ae8,#13243dc7 45%,#08152aeb),url('/art/about-town.webp') center/cover no-repeat}
.brand img{width:215px;max-height:96px;filter:drop-shadow(0 5px 3px #0006)}
.brand>span{margin-top:7px;font-size:7px;letter-spacing:.38em}
.side-rail{width:144px;gap:9px;padding:12px 8px 8px;border:1px solid #dfc99742;border-radius:20px;background:linear-gradient(160deg,#122840b3,#07152cdb),url('/art/workshop-hero.webp') 22% center/cover;box-shadow:inset 1px 1px 1px #fce6b322,inset -2px -3px 3px #0006,0 8px 22px #0005;scrollbar-width:thin}
.rail-right{background:linear-gradient(160deg,#122840b3,#07152cdb),url('/art/closing-bench.webp') 72% center/cover}
.rail-caption{font-size:7px;letter-spacing:.12em;padding:2px 0 6px}
.rail-control{min-height:65px;gap:7px;padding:8px 6px;background:linear-gradient(145deg,#355576d9,#182e4ad9);border-color:#9eb7c25c;font-size:10px;line-height:1.3;text-align:left}
.rail-control>span:last-child{flex:1;min-width:0;overflow-wrap:anywhere}
.rail-control[aria-current],.rail-highlight{background:linear-gradient(145deg,#ffedc2ee,#e4ac63eb);color:#142640;border-color:#fff0c4}
.rail-art{display:block;flex:none;width:43px;height:43px;border-radius:0;background-color:transparent;background-image:url('/art/navigation-3d.webp');background-repeat:no-repeat;background-size:400% 300%;background-position:var(--nav-x) var(--nav-y);box-shadow:none;filter:drop-shadow(0 4px 2px #0007)}
.rail-note{padding:5px 2px;font-size:8px;line-height:1.7}
.balance-control strong{font-size:13px}.rail-control small{font-size:6px;line-height:1.5;margin-top:4px}
.bench-brand .brand img{width:180px}
@media(min-width:821px){.page-shell{padding-inline:165px}}
@media(max-width:820px){
 .mobile-menu:not([hidden]){background:linear-gradient(140deg,#14243ce8,#0b172ae8),url('/art/about-town.webp') center/cover;padding:15px;border-color:#dfc99742}
 .mobile-menu .rail-control{min-height:64px;padding:8px 12px;font-size:12px;gap:12px}
 .mobile-menu .rail-art{width:44px;height:44px}
}
@media(max-width:600px){.brand img{width:185px;max-height:78px}.brand>span{margin-top:5px}.playing-page .masthead .brand img{width:155px}.mobile-menu .rail-control{font-size:10px;padding:8px;gap:8px}.mobile-menu .rail-art{width:40px;height:40px}.bench-brand .brand img{width:160px}}
@media(prefers-reduced-motion:reduce){.rail-control{transition:none}.rail-control:hover{transform:none}}