#tab-desert-classic,#tab-canyon{position:relative;isolation:isolate;overflow:hidden;min-height:82px}
#tab-desert-classic{background:#382d30;border-color:#756047;color:#e4c99c}
#tab-desert-classic:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#382c30 0%,#483334e8 43%,#4f363450 77%,#4f363411),url('desert-classic-reference.png');background-size:cover,220px auto;background-position:center,right 39%;background-repeat:no-repeat;opacity:.8}
#tab-desert-classic:hover{background:#503a38;border-color:#b0945c}#tab-desert-classic[aria-selected=true]{background:#453530;border-color:#c6a467;color:#f7dfa8;box-shadow:inset 0 -3px 0 #b6aa5e}#tab-desert-classic[aria-selected=true]:before{opacity:1}#tab-desert-classic .tab-arrow{color:#d2b37e}
#tab-canyon{background:#29273b;border-color:#625974;color:#c9c4e7}
#tab-canyon:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#29273f 0%,#302940eb 38%,#30294055 75%,#30294011),url('canyon-reference.png');background-size:cover,220px auto;background-position:center,right 43%;background-repeat:no-repeat;opacity:.85}
#tab-canyon:hover{background:#39314e;border-color:#a293bf}#tab-canyon[aria-selected=true]{background:#3a304b;border-color:#b29acb;color:#f1e9ff;box-shadow:inset 0 -3px 0 #aba5ed}#tab-canyon[aria-selected=true]:before{opacity:1}#tab-canyon .tab-arrow{color:#bca6d9}
#tab-desert-classic strong,#tab-canyon strong{text-shadow:0 2px 9px #1d122c;max-width:240px}
.workspace:has(#panel-desert-classic:not([hidden])){border-color:#7a6245}.workspace:has(#panel-desert-classic:not([hidden])) .workspace-bar{background:#352c2d;border-color:#715b43;color:#d9c092}.workspace:has(#panel-desert-classic:not([hidden])) .live-dot{background:#b8ae69}.workspace:has(#panel-desert-classic:not([hidden])) .workspace-bar a{color:#d6b982}
.workspace:has(#panel-canyon:not([hidden])){border-color:#73628b}.workspace:has(#panel-canyon:not([hidden])) .workspace-bar{background:#2b263c;border-color:#605171;color:#d3c3e9}.workspace:has(#panel-canyon:not([hidden])) .live-dot{background:#b6a4e4}.workspace:has(#panel-canyon:not([hidden])) .workspace-bar a{color:#c1acd9}
@media(max-width:520px){#tab-desert-classic,#tab-canyon{min-height:0}#tab-desert-classic:before,#tab-canyon:before{background-size:cover,160px auto}}