/* Salsa Universum – Farben & Ergänzungen (baut auf style.css auf) */
body.salsa{--bg:#170610;--panel:rgba(42,10,22,.94);--line:rgba(255,190,150,.16);--muted:#d9a99a;--gold:#ffcf5a;--red:#e8233c;--ok:#5fe39a}
.salsa header{background:linear-gradient(180deg,#4a0b1e,#2a0714);border-bottom-color:#a3361f}
.salsa .brand{color:#ff7a9a;text-shadow:0 0 12px rgba(255,58,122,.7)}
.salsa .hbtn{background:linear-gradient(180deg,#8a1f33,#561221)}
.salsa .hbtn.star{background:linear-gradient(180deg,#ffe07a,#e8aa1c);color:#2a1600}
.salsa #ticker{background:#12030a}
.salsa #ticker .lbl{background:linear-gradient(90deg,#e8233c,#ff7b3a)}
.salsa #ticker .msg{transition:opacity .45s}
.salsa #npBtn{top:12px}
.salsa #combo .fill{background:linear-gradient(90deg,#ffcf5a,#ff7b3a,#e8233c)}
.salsa .tab.on{background:rgba(255,120,90,.16);color:#ffb08a}
.salsa .gen{grid-template-columns:52px 1fr auto}
.salsa .gen .gi{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 50% 35%,#9a2a3f,#3a0a18)}
.salsa .gen.mystery .gi{filter:grayscale(1) brightness(.4)}
.salsa .buff{border-color:rgba(255,123,58,.6);box-shadow:0 0 18px rgba(255,123,58,.3)}
.salsa .box{background:rgba(52,12,26,.98)}
.salsa #hint{top:auto;bottom:118px}
@media (max-width:860px){.salsa #hint{bottom:112px;font-size:17px}.salsa #hint small{font-size:12.5px}}
.salsa #toasts{left:auto;right:426px;bottom:auto;top:110px;flex-direction:column}
@media (max-width:860px){.salsa #toasts{right:12px;left:12px;top:auto;bottom:12px;align-items:flex-end}}
