/* Shared dashboard navigation: white gold idle, maroon selected, gold vending. */
body.slx-silver-os #nav>button:is([data-page],[onclick]){
  --metal-h:42;--metal-s:15%;--metal-bevel:4px;--metal-glow:.16;
  background:var(--silver-grain),
    linear-gradient(180deg,#ffffff45,transparent 30%,#00000025),
    linear-gradient(100deg,#b7b1a5 0%,#fffdf2 17%,#e8e4d9 40%,#bab4a7 62%,#fffaf0 83%,#d2ccbe 100%)!important;
  color:#29251e!important;border-color:#dce2e8!important;
  text-shadow:0 1px #fff9!important;
  box-shadow:inset 0 1px 1px #fffefa,inset 0 -2px 3px #3b3f4599,0 3px 2px #0006,0 5px 10px #0004!important;
}
body.slx-silver-os #nav>button:is([data-page],[onclick])::after{
  background:conic-gradient(from 135deg,
    #68717a 0deg,#cbd2d9 24deg,#ffffff 42deg,#a9b3bd 70deg,
    #5c6570 92deg,#d6dce2 126deg,#ffffff 144deg,#bcc6cf 170deg,
    #747e89 181deg,#d0d8df 216deg,#ffffff 239deg,#aeb9c3 264deg,
    #5d6873 277deg,#dde3e8 311deg,#ffffff 326deg,#68717a 360deg) border-box!important;
}
body.slx-silver-os #nav>button:is([data-page],[onclick])::before{
  color:inherit!important;text-shadow:inherit!important;
}
body.slx-silver-os #nav>button:is([data-page],[onclick]):is(.on,.active):not([data-page="mystery"],[onclick="route(9)"]){
  --metal-h:345;--metal-s:55%;
  background:repeating-linear-gradient(0deg,#ffffff0b 0 .5px,#00000018 .5px 1px,transparent 1px 3px),
    linear-gradient(180deg,#ffffff29,transparent 30%,#00000018 65%,#00000060),
    linear-gradient(100deg,#3c1021 0%,#84364d 17%,#592033 36%,#370d1b 60%,#762b42 84%,#491326 100%)!important;
  color:#fff8e8!important;
  text-shadow:0 1px 2px #19040ed9,0 2px 4px #0009!important;
  box-shadow:inset 0 1px 1px #fff4dcb3,inset 0 -2px 3px #19050ecc,0 3px 2px #0008,0 5px 12px #0005,0 0 5px #e9d4a333!important;
}
body.slx-silver-os #nav>button:is([data-page="mystery"],[onclick="route(9)"]){
  --metal-h:42;--metal-s:36%;
  background:var(--silver-grain),
    linear-gradient(180deg,#ffffff3b,transparent 30%,#0000002b),
    linear-gradient(100deg,#a28e6b 0%,#f5eacb 17%,#d2bd91 40%,#aa9060 62%,#f0e1bd 83%,#c1a875 100%)!important;
  color:#292315!important;text-shadow:0 1px #fff8!important;
  box-shadow:inset 0 1px 1px #fffefa,inset 0 -2px 3px #34291999,0 3px 2px #0006,0 5px 10px #0004!important;
}
body.slx-silver-os #nav>button:is([data-page],[onclick]):is(.on,.active,[data-page="mystery"],[onclick="route(9)"]){
  border-color:#ead9b5!important;
}
body.slx-silver-os #nav>button:is([data-page],[onclick]):is(.on,.active,[data-page="mystery"],[onclick="route(9)"])::after{
  background:conic-gradient(from 135deg,
    #796545 0deg,#d7c19a 24deg,#fff7df 42deg,#b29a70 70deg,
    #6b593d 92deg,#e4d2ad 126deg,#fffbed 144deg,#bda57b 170deg,
    #806b47 181deg,#ddcba5 216deg,#fff8e5 239deg,#b59c6e 264deg,
    #6b583b 277deg,#e9d9b7 311deg,#fffbed 326deg,#796545 360deg) border-box!important;
}
body.slx-silver-os #nav>button:is([data-page],[onclick]):is(.on,.active){
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;
}
body.slx-silver-os #nav>button:is([data-page],[onclick]):focus-visible{outline:3px solid #5a2638;outline-offset:3px}