/* Welt-Übergang „Umstöpseln" – nur transform/opacity */
.ug{position:absolute;inset:0;z-index:60;opacity:0;pointer-events:none;overflow:hidden;display:grid;place-items:center;--d:#0d1a1c}
.ug i.bg{position:absolute;inset:0;opacity:0;background:radial-gradient(120% 90% at 50% 62%,color-mix(in srgb,var(--c) 42%,var(--d)),var(--d) 72%)}
.ug-board{position:relative;width:min(560px,88%);padding:1.1rem 1.2rem 1.3rem;border-radius:14px;background:linear-gradient(#2a1d12,#1b120b);border:2px solid #b98f55;box-shadow:0 18px 50px #000b,inset 0 0 0 2px #0006;font-family:Georgia,serif;color:#f1e7c8;text-align:center}
.ug-cap{display:block;letter-spacing:.28em;text-transform:uppercase;font-size:.62rem;color:#d9b779;margin-bottom:.15rem}
.ug-name{display:block;font-size:clamp(1.05rem,2.6vw,1.45rem);margin-bottom:1rem}
.ug-jacks{display:flex;justify-content:space-between;gap:.4rem}
.ug-j{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-style:normal}
.ug-l{width:12px;height:12px;border-radius:50%;opacity:.16;background:var(--c);box-shadow:0 0 14px 4px var(--c)}
.ug-s{width:30px;height:30px;border-radius:50%;background:radial-gradient(#060403 38%,#8a6a3c 40%,#d9b779 62%,#6e5128 66%)}
.ug-j em{font-size:.62rem;letter-spacing:.06em;color:#cdb98f;font-style:normal;white-space:nowrap}
.ug-cord{position:absolute;height:30px;border-bottom:5px solid #d9b779;border-left:0;border-right:0;border-radius:0 0 50% 50%/0 0 100% 100%;opacity:0;filter:drop-shadow(0 3px 2px #0008)}
.ug-plug{position:absolute;width:12px;height:22px;border-radius:3px;background:linear-gradient(90deg,#d9b779,#8a6a3c);opacity:0}
.ug-note{position:absolute;bottom:7%;left:0;right:0;text-align:center;font:italic .85rem Georgia,serif;color:#e8dcc0;opacity:0}
@media(max-width:700px){.ug-j em{font-size:.5rem}.ug-board{padding:.8rem .7rem 1rem}}