/* Webseite riinadeynara.de · baut auf lunaris.css auf (gleiche Farben, Schriften, Kacheln, Navigation) */

.ws-skip{position:absolute; left:-9999px; top:8px; z-index:100; background:var(--gold-300); color:var(--wine-900); padding:8px 14px; border-radius:10px; font-weight:700}
.ws-skip:focus{left:12px}
.rd-gold{color:var(--gold-300)}

/* ---------- Navigation mit Unterpunkten ---------- */
.ws-mainnav{align-items:center}
.ws-dd{position:relative; display:flex; align-items:center; gap:2px}
.ws-ddbtn{display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; border-radius:50%; background:none; color:var(--mauve-300); cursor:pointer}
.ws-ddbtn .rd-ico{width:13px; height:13px; transition:transform .2s}
.ws-ddbtn:hover{color:var(--cream-100); background:var(--wine-700)}
.ws-dd.open .ws-ddbtn .rd-ico{transform:rotate(180deg)}
.ws-ddmenu{position:absolute; top:calc(100% + 12px); left:-14px; min-width:230px; background:var(--wine-700); border:1px solid var(--gold-300); border-radius:var(--radius); padding:8px; z-index:45; box-shadow:0 14px 40px rgba(20,6,12,.7); display:grid; gap:2px}
.ws-ddmenu::before{content:''; position:absolute; left:0; right:0; top:-14px; height:14px}
.ws-ddmenu a{display:block; padding:9px 12px; border-radius:10px; border:0!important; color:var(--cream-100)!important; font-size:14.5px; text-decoration:none}
.ws-ddmenu a:hover{background:var(--field)}
.ws-ddmenu a.on{color:var(--gold-300)!important; background:var(--field)}
@media (hover:hover){ .ws-dd:hover .ws-ddmenu{display:grid!important} }
.ws-drawer-nav .rd-ico{color:var(--gold-300)}
.ws-drawer-sub{display:grid; gap:2px; margin:-2px 0 8px 46px; border-left:1px solid var(--field-line); padding-left:10px}
.ws-drawer-sub a{display:block; padding:8px 10px; border-radius:10px; color:var(--mauve-300); text-decoration:none; font-size:14.5px; font-weight:600}
.ws-drawer-sub a:hover,.ws-drawer-sub a.on{color:var(--gold-300); background:var(--wine-700)}
.ws-drawer-social{display:flex; flex-wrap:wrap; gap:6px; padding:16px 4px 0; border-top:1px solid var(--field-line); margin-top:10px}

/* ---------- Abschnitte ---------- */
.ws-sec{margin:0 0 64px}
.ws-sec.ws-first{margin-bottom:48px}
.ws-sec:last-of-type{margin-bottom:24px}
.ws-sec>.rd-panel{margin-bottom:0}
.ws-crumbs{display:flex; gap:10px; align-items:center; font-size:13px; font-weight:600; color:var(--mauve-500); margin:-8px 0 18px}
.ws-crumbs a{color:var(--mauve-300); text-decoration:none}
.ws-crumbs a:hover{color:var(--gold-300)}
.ws-crumbs b{color:var(--cream-100); font-weight:600}
.ws-center{justify-content:center}
.ws-draft{margin-top:0}

/* Text mit Formatierung */
.ws-rich{line-height:1.7}
.ws-rich>:first-child{margin-top:0}
.ws-rich>:last-child{margin-bottom:0}
.ws-rich p{margin:0 0 1em}
.ws-rich h3{font-family:var(--font-display); font-style:italic; font-weight:600; font-size:22px; line-height:1.25; color:var(--cream-100); margin:1.6em 0 .5em}
.ws-rich h4{font-weight:700; font-size:16px; color:var(--gold-300); margin:1.4em 0 .4em}
.ws-rich ul,.ws-rich ol{margin:0 0 1em; padding-left:1.3em}
.ws-rich li{margin:.25em 0}
.ws-rich ul li::marker{content:'✦  '; color:var(--gold-300); font-size:.8em}
.ws-rich a{color:var(--gold-300); text-decoration:underline; text-decoration-color:rgba(217,179,108,.4); text-underline-offset:3px}
.ws-rich a:hover{text-decoration-color:var(--gold-300)}
.ws-rich b{color:var(--cream-100)}
.rd-lore.ws-rich{font-size:14.5px}
.ws-text .ws-rich{font-size:15.5px; color:var(--cream-100)}
.ws-text.narrow{max-width:780px}
.rd-panel.ws-text.narrow{margin-left:auto; margin-right:auto}
.ws-text .ws-rich p{color:var(--mauve-300)}
.rd-panel.ws-text .rd-inner{padding:32px 38px}
@media (max-width:640px){ .rd-panel.ws-text .rd-inner{padding:22px 20px} }

/* ---------- Kopfbereich ---------- */
.ws-hero.big{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:30px; align-items:center; min-height:min(640px, calc(100vh - 140px)); margin-top:-20px}
.ws-hero.big:not(.has-img){grid-template-columns:1fr; min-height:0}
.ws-hero h1{font-family:var(--font-display); font-style:italic; font-weight:600; font-size:clamp(44px,7vw,82px); line-height:1.02; margin:6px 0 4px; letter-spacing:-.01em}
.ws-sub{font-size:15px; font-weight:600; letter-spacing:.32em; color:var(--gold-300); margin:0 0 22px}
.ws-hero .rd-intro{font-size:16.5px; max-width:580px; color:var(--mauve-300)}
.ws-hero .rd-intro b{color:var(--cream-100); font-size:18px}
.ws-tags{margin:22px 0 0}
.ws-tag{cursor:default}
.ws-herobtns{margin-top:26px}
.ws-hero-img{position:relative; align-self:stretch; display:flex; align-items:flex-end; justify-content:center}
.ws-hero-img::before{content:''; position:absolute; left:8%; right:8%; bottom:6%; top:16%; border-radius:50%; background:radial-gradient(circle, rgba(106,59,79,.95), rgba(106,59,79,0) 70%); filter:blur(18px); z-index:0}
.ws-hero-img img{position:relative; z-index:1; display:block; width:auto; max-width:100%; height:auto; max-height:min(640px, calc(100vh - 140px)); object-fit:contain; filter:drop-shadow(0 18px 40px rgba(20,6,12,.6)); animation:wsFloat 7s ease-in-out infinite}
@keyframes wsFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)}}
@media (max-width:900px){
  .ws-hero.big{grid-template-columns:1fr; min-height:0; margin-top:0; gap:8px}
  .ws-hero.big .ws-hero-img{order:-1; max-height:360px}
  .ws-hero-img img{max-height:360px}
}
.ws-livenote{display:inline-flex; align-items:center; gap:10px; margin:0 0 18px; padding:8px 16px 8px 13px; border-radius:999px; background:rgba(229,57,70,.14); border:1px solid rgba(229,57,70,.7); color:#fff; text-decoration:none; font-size:14px; max-width:100%}
.ws-livenote span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.ws-livenote i,.ws-livedot{position:relative; width:9px; height:9px; border-radius:50%; background:#E53946; box-shadow:0 0 8px rgba(229,57,70,.9); flex:none; display:inline-block}
.ws-livenote i::after,.ws-livedot::after{content:''; position:absolute; inset:-4px; border-radius:50%; border:2px solid rgba(229,57,70,.7); animation:luLive 1.6s ease-out infinite}
.ws-livenote:hover{background:rgba(229,57,70,.26)}
.ws-livedot{margin-right:12px; vertical-align:middle}

/* Seitenkopf */
.ws-pagehead{margin-bottom:0}
.ws-pagehead.has-img{display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center}
.ws-pagehead-img img{display:block; max-width:280px; max-height:260px; width:auto; height:auto; object-fit:contain}
.ws-pagehead .rd-intro{max-width:720px}
.ws-pagehead .rd-btnrow{margin-top:20px}
@media (max-width:700px){ .ws-pagehead.has-img{grid-template-columns:1fr} .ws-pagehead-img{order:-1} .ws-pagehead-img img{max-width:200px} }

/* ---------- Kacheln ---------- */
.ws-cards{display:grid; gap:20px; grid-template-columns:repeat(3,minmax(0,1fr))}
.ws-cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ws-cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){ .ws-cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))} .ws-cards.c3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .ws-cards.c2,.ws-cards.c3,.ws-cards.c4{grid-template-columns:1fr} }
@media (max-width:600px){ .ws-cards.c4:not(.compact){grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px} .ws-cards.c4 .rd-gbody{padding:12px 13px 14px} .ws-cards.c4 .rd-gbody b{font-size:19px} .ws-cards.c4 .rd-gbody>span:not(.ws-cardeb){display:none} }
div.rd-game.ws-card:hover{transform:none; box-shadow:none}
.ws-card .rd-gimg{aspect-ratio:4/3}
.ws-cards.c4 .ws-card .rd-gimg{aspect-ratio:1}
.ws-card .rd-gimg img{transition:transform .5s ease}
.ws-card:hover .rd-gimg img{transform:scale(1.04)}
.ws-cardeb{font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-300)}
.ws-heart{width:13px!important; height:13px!important; vertical-align:-2px}
/* kompakt (z. B. Credits) */
.ws-ccard{display:flex; flex-direction:column; gap:4px; padding:18px 20px; border-radius:var(--radius); background:var(--wine-700); box-shadow:inset 0 0 0 1px rgba(217,179,108,.22); color:var(--cream-100); text-decoration:none; transition:box-shadow .2s, transform .2s}
a.ws-ccard:hover{box-shadow:inset 0 0 0 1px var(--gold-300), 0 0 26px 2px rgba(106,59,79,.8); transform:translateY(-2px)}
.ws-ccard small{font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--mauve-500)}
.ws-ccard b{font-family:var(--font-display); font-style:italic; font-weight:600; font-size:22px; line-height:1.2}
.ws-ccard>span{font-size:13.5px; color:var(--mauve-300)}
.ws-ccard em{margin-top:6px; font-style:normal; font-weight:700; font-size:13px; color:var(--gold-300); display:inline-flex; gap:6px; align-items:center}
a.ws-ccard:hover .rd-arrow{transform:translateX(4px)}
.rd-arrow{transition:transform .2s}

/* ---------- Galerie ---------- */
.ws-gal{display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ws-gal.s-s{grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px}
.ws-gal.s-l{grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:20px}
@media (max-width:640px){ .ws-gal,.ws-gal.s-m{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px} .ws-gal.s-s{grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px} .ws-gal.s-l{grid-template-columns:1fr} }
.ws-gi{position:relative; margin:0; display:flex; flex-direction:column; border-radius:var(--radius); background:var(--wine-700); box-shadow:inset 0 0 0 1px rgba(217,179,108,.22); overflow:hidden}
.ws-gimg{display:block; width:100%; padding:0; border:0; background:var(--wine-900); cursor:zoom-in; overflow:hidden}
.ws-gimg img{display:block; width:100%; height:auto; transition:transform .5s ease}
.ws-gal.r-square .ws-gimg{aspect-ratio:1}
.ws-gal.r-square .ws-gimg img{height:100%; object-fit:cover}
.ws-gi:hover .ws-gimg img{transform:scale(1.035)}
.ws-gi figcaption{padding:10px 14px 12px; display:flex; flex-direction:column; gap:2px; min-width:0}
.ws-gi figcaption b{font-size:14px; font-weight:700; line-height:1.35}
.ws-gi figcaption span{font-size:12.5px; color:var(--mauve-300); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ws-gi figcaption a{color:var(--gold-300); text-decoration:none}
.ws-gal.s-s figcaption{padding:8px 10px 9px}
.ws-gal.s-s figcaption b{font-size:12.5px}
.ws-gal[data-react] .ws-gi figcaption{padding-bottom:4px}
/* Reaktionen unter dem Bild */
.ws-rx{display:flex; flex-wrap:wrap; gap:5px; padding:6px 10px 10px; min-height:40px; align-items:center}
.ws-rxc{display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 9px 0 6px; border-radius:20px; border:1px solid var(--field-line); background:var(--wine-900); color:var(--cream-100); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; transition:border-color .15s, background .15s, transform .15s}
.ws-rxc:hover{border-color:var(--mauve-300)}
.ws-rxc.me{border-color:var(--gold-300); background:rgba(217,179,108,.16); color:var(--gold-300)}
.ws-rxc:active{transform:scale(.94)}
.ws-rxc img,.ws-rxc svg{width:20px; height:20px; object-fit:contain; flex:none}
.ws-rxc svg{fill:var(--gold-300); width:16px; height:16px; margin-left:2px}
.ws-rxc.add{padding:0 9px; color:var(--mauve-300); font-weight:600}
.ws-rxc.add svg{fill:currentColor; width:15px; height:15px; margin:0}
.ws-rxc.pop{animation:wsPop .35s ease}
@keyframes wsPop{50%{transform:scale(1.18)}}
.ws-rxpick{position:absolute; z-index:6; left:8px; right:8px; bottom:46px; display:flex; flex-wrap:wrap; justify-content:center; gap:4px; padding:8px; border-radius:16px; background:var(--wine-900); border:1px solid var(--gold-300); box-shadow:0 10px 30px rgba(20,6,12,.7)}
.ws-rxpick button{width:40px; height:40px; border-radius:12px; border:1px solid transparent; background:none; cursor:pointer; padding:4px; display:flex; align-items:center; justify-content:center}
.ws-rxpick button:hover,.ws-rxpick button.me{border-color:var(--gold-300); background:rgba(217,179,108,.12)}
.ws-rxpick img{width:30px; height:30px; object-fit:contain}
.ws-rxpick svg{width:22px; height:22px; fill:var(--gold-300)}
.ws-rxpick p{flex-basis:100%; margin:2px 0 4px; font-size:12.5px; text-align:center; color:var(--mauve-300); line-height:1.45}
.ws-sort{justify-content:flex-end}

/* Großansicht */
.ws-lightbox{position:fixed; inset:0; z-index:90; background:rgba(20,6,12,.94); display:flex; flex-direction:column; animation:rdFade .2s ease-out}
.ws-lbstage{flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:56px 64px 10px; position:relative; touch-action:pan-y}
.ws-lbstage img{max-width:100%; max-height:100%; object-fit:contain; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,.6); user-select:none}
.ws-lbbar{flex:none; display:flex; flex-direction:column; align-items:center; gap:10px; padding:10px 16px calc(18px + env(safe-area-inset-bottom)); text-align:center}
.ws-lbcap b{display:block; font-family:var(--font-display); font-style:italic; font-weight:600; font-size:22px}
.ws-lbcap span{font-size:13.5px; color:var(--mauve-300)}
.ws-lbcap a{color:var(--gold-300)}
.ws-lbbar .ws-rx{justify-content:center; padding:0; min-height:0}
.ws-lbbar .ws-rxc{height:36px; padding:0 13px 0 8px; font-size:14px}
.ws-lbbar .ws-rxc img{width:26px; height:26px}
.ws-lbx,.ws-lbprev,.ws-lbnext{position:absolute; z-index:2; width:46px; height:46px; border-radius:50%; border:1px solid var(--field-line); background:rgba(52,18,31,.8); color:var(--cream-100); cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0}
.ws-lbx:hover,.ws-lbprev:hover,.ws-lbnext:hover{border-color:var(--gold-300)}
.ws-lbx{top:12px; right:12px}
.ws-lbprev{left:12px; top:50%; transform:translateY(-50%)}
.ws-lbnext{right:12px; top:50%; transform:translateY(-50%)}
.ws-lbprev .rd-ico,.ws-lbnext .rd-ico,.ws-lbx .rd-ico{width:20px; height:20px}
.ws-lbcount{position:absolute; top:22px; left:20px; font-size:13px; font-weight:700; color:var(--mauve-300)}
.ws-lblogin{font-size:13px; color:var(--mauve-300)}
@media (max-width:640px){ .ws-lbstage{padding:60px 8px 6px} .ws-lbprev,.ws-lbnext{top:auto; bottom:-58px; transform:none; width:40px; height:40px} .ws-lbprev{left:8px} .ws-lbnext{right:8px} }

/* ---------- Steckbrief ---------- */
.ws-facts .rd-inner{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:34px; align-items:center; padding:30px}
.ws-facts.nopic .rd-inner{grid-template-columns:1fr}
.ws-facts-pic{position:relative; display:grid; align-self:start; aspect-ratio:3/4; width:100%; border-radius:calc(var(--radius) - 3px); background:radial-gradient(circle at 50% 55%, var(--wine-500), var(--wine-900) 75%); box-shadow:inset 0 0 0 1px var(--field-line); overflow:hidden}
.ws-facts-pic img{grid-area:1/1; width:100%; height:100%; min-height:0; object-fit:cover; opacity:0; transition:opacity .9s ease}
.ws-facts-pic.fit-contain img{object-fit:contain}
.ws-facts-pic img.on{opacity:1}
.ws-rotdots{position:absolute; left:0; right:0; bottom:10px; display:flex; justify-content:center; gap:6px}
.ws-rotdots button{width:8px; height:8px; padding:0; border:0; border-radius:50%; background:rgba(246,239,227,.3); cursor:pointer}
.ws-rotdots button.on{background:var(--gold-300)}
.ws-dl{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 22px}
.ws-dl>div{background:var(--wine-900); border-radius:12px; padding:10px 14px; box-shadow:inset 0 0 0 1px var(--field-line)}
.ws-dl>div.wide{grid-column:1/-1}
.ws-dl dt{font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-300); margin:0 0 3px}
.ws-dl dd{margin:0; font-size:14.5px; font-weight:600; line-height:1.45}
.ws-flists{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px}
.ws-flist h3{font-family:var(--font-display); font-style:italic; font-weight:600; font-size:20px; margin:0 0 8px}
.ws-flist ul{list-style:none; margin:0; padding:0; display:grid; gap:6px}
.ws-flist li{position:relative; padding-left:20px; font-size:14px; color:var(--mauve-300); line-height:1.5}
.ws-flist li::before{content:''; position:absolute; left:0; top:.45em; width:10px; height:10px; background:var(--gold-300); -webkit-mask:var(--sparkle) center/contain no-repeat; mask:var(--sparkle) center/contain no-repeat}
@media (max-width:860px){ .ws-facts .rd-inner{grid-template-columns:1fr; padding:20px} .ws-facts-pic{max-width:420px; margin:0 auto} }
@media (max-width:480px){ .ws-dl{grid-template-columns:1fr 1fr; gap:8px} .ws-dl>div{padding:9px 11px} .ws-flists{grid-template-columns:1fr} }

/* ---------- Tabelle ---------- */
.ws-tablewrap{overflow:hidden}
.ws-table{width:100%; border-collapse:collapse; font-size:14.5px}
.ws-table th,.ws-table td{text-align:left; padding:14px 22px; vertical-align:top; line-height:1.55}
.ws-table thead th{font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-300); background:rgba(20,6,12,.25); border-bottom:1px solid var(--field-line)}
.ws-table tbody tr+tr th,.ws-table tbody tr+tr td{border-top:1px solid rgba(217,179,108,.12)}
.ws-table tbody th{font-weight:700; width:32%; color:var(--cream-100)}
.ws-table td{color:var(--mauve-300)}
.ws-table tbody tr:hover{background:rgba(20,6,12,.18)}
.ws-table code{font-family:var(--font-body); font-weight:700; font-size:14px; color:var(--gold-300); background:var(--wine-900); border:1px solid var(--field-line); border-radius:8px; padding:3px 9px; white-space:nowrap}
@media (max-width:640px){
  .ws-table thead{display:none}
  .ws-table tr{display:block; padding:12px 16px}
  .ws-table tbody tr+tr{border-top:1px solid rgba(217,179,108,.12)}
  .ws-table th,.ws-table td{display:block; padding:0; border:0!important; width:auto!important}
  .ws-table tbody th{margin-bottom:4px}
}

/* ---------- Liste ---------- */
.ws-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.ws-list li{display:flex; gap:14px; align-items:flex-start; background:var(--wine-700); border-radius:var(--radius); padding:14px 18px; box-shadow:inset 0 0 0 1px rgba(217,179,108,.16)}
.ws-list li>div{display:flex; flex-direction:column; gap:3px; min-width:0}
.ws-list b{font-weight:700; font-size:15px; line-height:1.4}
.ws-list li span:not(.ws-num):not(.rd-star-i){font-size:13.5px; color:var(--mauve-300); line-height:1.5}
.ws-list .rd-star-i{width:12px; height:12px; color:var(--gold-300); margin-top:5px}
.ws-num{flex:none; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-style:italic; font-weight:600; font-size:17px; color:var(--wine-900); background:var(--gold-300); box-shadow:0 0 0 3px rgba(217,179,108,.25)}
.ws-list.num li:nth-child(n+6) .ws-num{background:var(--cream-200)}
@media (max-width:700px){ .ws-list{grid-template-columns:1fr} }

/* ---------- Hinweis ---------- */
.ws-callout{display:flex; gap:18px; align-items:flex-start; border-radius:var(--radius); padding:24px 28px; border:1px solid var(--gold-300); background:linear-gradient(110deg, rgba(217,179,108,.16), rgba(78,42,58,.92) 55%); box-shadow:0 0 34px 2px rgba(106,59,79,.6)}
.ws-callout.quiet{border-color:var(--field-line); background:rgba(42,15,25,.6); box-shadow:none}
.ws-callstar{width:20px!important; height:20px!important; color:var(--gold-300); margin-top:4px; animation:funkeln 3.2s ease-in-out infinite}
.ws-callout .rd-sechead{margin-bottom:8px}
.ws-callout h3.rd-h2{font-size:21px; margin:0}
.ws-callout .ws-rich{font-size:14.5px; color:var(--mauve-300)}
.ws-callout .ws-rich b{color:var(--cream-100)}
.ws-callout .rd-btnrow{margin-top:16px}
.ws-callout.quiet .ws-callstar{color:var(--mauve-500); animation:none}
@media (max-width:640px){ .ws-callout{padding:18px; gap:12px} }

/* ---------- Social Links ---------- */
.ws-socials{display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:12px}
.ws-social{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:var(--radius); background:var(--wine-700); box-shadow:inset 0 0 0 1px rgba(217,179,108,.22); color:var(--cream-100); text-decoration:none; transition:box-shadow .2s, transform .2s}
.ws-social:hover{box-shadow:inset 0 0 0 1px var(--gold-300), 0 0 26px 2px rgba(106,59,79,.8); transform:translateY(-2px)}
.ws-social .rd-ico{width:30px; height:30px; padding:7px; box-sizing:content-box; border-radius:50%; background:var(--wine-900); color:var(--gold-300); box-shadow:inset 0 0 0 1px var(--field-line)}
.ws-social span{display:flex; flex-direction:column; min-width:0}
.ws-social b{font-size:15px}
.ws-social small{font-size:12px; color:var(--mauve-500); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
@media (max-width:480px){ .ws-socials{grid-template-columns:1fr 1fr; gap:8px} .ws-social{padding:11px 12px; gap:10px} .ws-social .rd-ico{width:22px; height:22px} .ws-social small{display:none} }
.ws-soc{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; color:var(--mauve-300); border:1px solid var(--field-line); transition:color .15s, border-color .15s, transform .15s}
.ws-soc .rd-ico{width:19px; height:19px}
.ws-soc:hover{color:var(--gold-300); border-color:var(--gold-300); transform:translateY(-2px)}
.ws-footsoc{display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-bottom:22px}
.ws-foot{border-top:1px solid rgba(217,179,108,.18); margin-top:30px}
@media (max-width:820px){ .ws-foot{padding-bottom:110px} }

/* ---------- Filter (Projekte, Playlist) ---------- */
.ws-filter{margin:0 0 20px}
.ws-filter .rd-chip small{margin-left:2px}
.ws-hide{display:none!important}
.ws-pltools{display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 20px; align-items:flex-start; margin-bottom:20px}
.ws-pltools .ws-filter{margin:0}
.ws-plsearch{display:flex; gap:10px; flex:0 1 420px}
.ws-plsearch input{min-width:0}
.ws-plsearch select{width:auto; max-width:180px}

/* ---------- Playlist ---------- */
.ws-playlist{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px}
.ws-game{display:flex; flex-direction:column; border-radius:var(--radius); overflow:hidden; background:var(--wine-700); box-shadow:inset 0 0 0 1px rgba(217,179,108,.22); color:var(--cream-100); text-decoration:none; transition:box-shadow .2s, transform .2s}
a.ws-game:hover{box-shadow:inset 0 0 0 1px var(--gold-300), 0 0 26px 2px rgba(106,59,79,.8); transform:translateY(-2px)}
.ws-gcover{position:relative; display:block; aspect-ratio:16/9; background:var(--wine-900)}
.ws-gcover img{display:block; width:100%; height:100%; object-fit:cover}
.ws-gcover .rd-gimg{height:100%}
.ws-gstatus{position:absolute; left:10px; top:10px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 10px; border-radius:20px; background:rgba(42,15,25,.88); color:var(--mauve-300); border:1px solid var(--field-line)}
.st-playing .ws-gstatus{background:var(--gold-300); color:var(--wine-900); border-color:var(--gold-300)}
.st-done .ws-gstatus{color:var(--cream-200)}
.st-planned .ws-gstatus{color:var(--gold-300)}
.ws-gbody{display:flex; flex-direction:column; gap:5px; padding:14px 16px 16px}
.ws-gbody b{font-family:var(--font-display); font-style:italic; font-weight:600; font-size:20px; line-height:1.2}
.ws-gbody small{font-size:12.5px; color:var(--mauve-300); font-weight:600}
.ws-gnote{font-size:13px; color:var(--mauve-300); line-height:1.5}
.ws-rating{display:inline-flex; gap:3px}
.ws-rating i{width:14px; height:14px; background:rgba(246,239,227,.18); -webkit-mask:var(--sparkle) center/contain no-repeat; mask:var(--sparkle) center/contain no-repeat}
.ws-rating i.on{background:var(--gold-300)}
@media (max-width:640px){ .ws-playlist{grid-template-columns:1fr 1fr; gap:10px} .ws-gbody{padding:10px 12px 12px} .ws-gbody b{font-size:17px} .ws-pltools{flex-direction:column; align-items:stretch} .ws-plsearch{flex:auto} }

/* ---------- Lunaris-Kasten, Live, Kontakt ---------- */
.ws-lunaris .rd-inner{padding:34px 36px}
.ws-lunaris .rd-orb{--s:200px}
.ws-lunaris .rd-sechead{margin-bottom:10px}
@media (max-width:760px){ .ws-lunaris .rd-inner{padding:24px 20px} .ws-lunaris .rd-hero .rd-orb{order:-1; --s:130px} }
.ws-liveblock.on{border-color:rgba(229,57,70,.85)}
.ws-contact{max-width:820px; margin:0 auto}
.ws-contact .rd-inner{padding:30px 34px}
.ws-form{margin-top:8px}
.ws-form input[type=email]{width:100%; background:var(--field); border:1px solid var(--field-line); border-radius:var(--radius); color:var(--cream-100); font:inherit; font-size:14px; font-weight:500; padding:10px 12px; outline:none; color-scheme:dark}
.ws-form input[type=email]:focus{border-color:var(--gold-300)}
.ws-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.ws-consent{display:flex; gap:10px; align-items:flex-start; font-size:13px; color:var(--mauve-300); line-height:1.5; margin:4px 0 20px; cursor:pointer}
.ws-consent input{margin:3px 0 0; width:17px; height:17px; accent-color:var(--gold-300); flex:none}
.ws-sent{display:flex; gap:14px; align-items:center; padding:18px 20px; border-radius:var(--radius); background:var(--wine-900); box-shadow:inset 0 0 0 1px var(--gold-300)}
.ws-sent .rd-star-i{width:20px; height:20px; color:var(--gold-300); animation:funkeln 3.2s ease-in-out infinite}
.ws-sent p{margin:0; font-weight:600}
@media (max-width:640px){ .ws-contact .rd-inner{padding:22px 18px} }
.ws-cookiedecl .rd-inner{font-size:14px; color:var(--mauve-300); overflow-x:auto}
.ws-cookiedecl table{width:100%; border-collapse:collapse; font-size:13px}
.ws-cookiedecl th,.ws-cookiedecl td{padding:8px; border-bottom:1px solid var(--field-line); text-align:left; vertical-align:top}

/* ---------- Bild und Text ---------- */
.ws-split{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:36px; align-items:center}
.ws-split.side-right .ws-split-img{order:2}
.ws-split.noimg{grid-template-columns:1fr}
.ws-split-img img{display:block; width:100%; height:auto; border-radius:var(--radius); box-shadow:0 0 0 1px var(--gold-300), 0 0 34px 4px rgba(106,59,79,.85)}
.ws-split.shape-circle .ws-split-img img{border-radius:50%; aspect-ratio:1; object-fit:cover}
.ws-split.shape-free .ws-split-img img{box-shadow:none; border-radius:0; filter:drop-shadow(0 18px 40px rgba(20,6,12,.6))}
.ws-split-txt .ws-rich{color:var(--mauve-300)}
.ws-split-txt .rd-btnrow{margin-top:18px}
@media (max-width:800px){ .ws-split{grid-template-columns:1fr; gap:20px} .ws-split.side-right .ws-split-img{order:0} .ws-split-img{max-width:420px} }

/* ---------- Team: Knopf „Bearbeiten“ ---------- */
.ws-editbtn{position:fixed; right:18px; bottom:18px; z-index:44; display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; background:var(--wine-700); border:1px solid var(--gold-300); color:var(--cream-100); text-decoration:none; font-weight:700; font-size:13.5px; box-shadow:0 10px 30px rgba(20,6,12,.6)}
.ws-editbtn .rd-ico{width:17px; height:17px; color:var(--gold-300)}
.ws-editbtn:hover{background:var(--wine-500)}
@media (max-width:820px){ .ws-editbtn{bottom:calc(84px + env(safe-area-inset-bottom)); right:12px; padding:10px} .ws-editbtn span{display:none} }

/* Kopfzeile: mehr Platz für die Navigation */
@media (max-width:1100px) and (min-width:821px){ .ws .rd-mainnav{gap:6px 18px} .ws .rd-mainnav a{font-size:14.5px} .ws .rd-avatarname{display:none} .ws .rd-avatarbtn{padding:3px; border-radius:50%} }

/* ---------- Community: Fanart und Wunschspiele ---------- */
.ws-empty{text-align:center; padding:24px 0}
.ws-cform{margin-top:28px; max-width:820px}
.ws-cbox{border-radius:var(--radius); background:var(--wine-700); box-shadow:inset 0 0 0 1px rgba(217,179,108,.25); padding:24px 26px}
.ws-cbox .rd-h2{font-size:22px}
.ws-guest{display:flex; align-items:center; justify-content:space-between; gap:14px 20px; flex-wrap:wrap; margin-bottom:20px}
.ws-guest p{margin:0; color:var(--mauve-300); font-size:14.5px; flex:1 1 260px}
.ws-drop{display:flex; align-items:center; justify-content:center; min-height:110px; margin:6px 0 16px; border:1.5px dashed rgba(217,179,108,.45); border-radius:var(--radius); background:var(--wine-900); cursor:pointer; text-align:center; padding:16px; transition:border-color .15s}
.ws-drop:hover,.ws-drop.has{border-color:var(--gold-300)}
.ws-drop input{position:absolute; opacity:0; width:1px; height:1px}
.ws-drop span{display:flex; flex-direction:column; align-items:center; gap:6px; font-weight:700; color:var(--cream-100)}
.ws-drop small{font-weight:500; font-size:12.5px; color:var(--mauve-500)}
.ws-drop .rd-ico{width:26px; height:26px; color:var(--gold-300)}
.ws-form input[type=url]{width:100%; background:var(--field); border:1px solid var(--field-line); border-radius:var(--radius); color:var(--cream-100); font:inherit; font-size:14px; font-weight:500; padding:10px 12px; outline:none; color-scheme:dark}
.ws-form input[type=url]:focus{border-color:var(--gold-300)}
.ws-form .rd-status{margin:0}
.ws-minelist{margin-top:22px; border-top:1px solid var(--field-line); padding-top:16px}
.ws-minelist h4{margin:0 0 10px; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-300)}
.ws-mine{display:flex; align-items:center; gap:12px; padding:8px 0}
.ws-mine img,.ws-mine>span:first-child:empty{width:48px; height:48px; border-radius:10px; object-fit:cover; background:var(--wine-900); flex:none}
.ws-mine>span:nth-child(2){flex:1; min-width:0; display:flex; flex-direction:column}
.ws-mine b{font-size:14px}
.ws-mine small{font-size:12.5px; color:var(--mauve-300)}
.ws-mine.st-ok small{color:#B7DCC3}
.ws-mine.st-pending small{color:var(--gold-300)}

.ws-wishbar{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:18px}
.ws-votesleft{display:flex; align-items:center; gap:12px; font-size:14px; color:var(--mauve-300)}
.ws-votesleft b{color:var(--gold-300)}
.ws-vdots{display:inline-flex; gap:5px}
.ws-vdots i{width:16px; height:16px; background:rgba(246,239,227,.18); -webkit-mask:var(--sparkle) center/contain no-repeat; mask:var(--sparkle) center/contain no-repeat}
.ws-vdots i.on{background:var(--gold-300)}
.ws-wishadd{width:100%}
.ws-wishadd>summary{list-style:none; display:inline-flex}
.ws-wishadd>summary::-webkit-details-marker{display:none}
.ws-wishadd>summary .rd-ico{width:16px; height:16px}
.ws-wishadd[open]>summary{border-color:var(--gold-300); margin-bottom:12px}
.ws-wishadd form{border-radius:var(--radius); background:var(--wine-700); box-shadow:inset 0 0 0 1px rgba(217,179,108,.25); padding:20px 22px}
.ws-wishbar:has(.ws-wishadd){align-items:flex-start}
.ws-wishbar .ws-votesleft{order:-1; flex:1 1 auto; padding-top:8px}
.ws-wishbar .ws-wishadd{flex:0 1 auto}
.ws-wishbar .ws-wishadd[open]{flex-basis:100%}
.ws-pendnote{margin:-6px 0 16px}
.ws-wishes{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.ws-wish{display:flex; align-items:center; gap:14px; padding:12px 14px 12px 12px; border-radius:var(--radius); background:var(--wine-700); box-shadow:inset 0 0 0 1px rgba(217,179,108,.16); transition:box-shadow .2s}
.ws-wish.voted{box-shadow:inset 0 0 0 1px var(--gold-300)}
.ws-wish.flash{box-shadow:inset 0 0 0 2px var(--gold-300), 0 0 26px 4px rgba(217,179,108,.35)}
.ws-wrank{flex:none; width:32px; text-align:center; font-family:var(--font-display); font-style:italic; font-weight:600; font-size:22px; color:var(--mauve-500)}
.ws-wish:nth-child(-n+3) .ws-wrank{color:var(--gold-300)}
.ws-wbody{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px}
.ws-wbody b{font-size:16px}
.ws-wbody small{font-size:12.5px; color:var(--mauve-300)}
.ws-wbody em{font-size:13px; color:var(--mauve-300); font-style:italic}
.ws-vote{flex:none; display:inline-flex; align-items:center; gap:7px; min-width:68px; justify-content:center; height:40px; padding:0 14px; border-radius:20px; border:1px solid var(--field-line); background:var(--wine-900); color:var(--cream-100); font:inherit; font-weight:700; font-size:15px; cursor:pointer; transition:border-color .15s, background .15s}
.ws-vote .rd-ico{width:15px; height:15px; color:var(--mauve-300)}
.ws-vote:hover{border-color:var(--gold-300)}
.ws-vote.on{background:var(--gold-300); border-color:var(--gold-300); color:var(--wine-900)}
.ws-vote.on .rd-ico{color:var(--wine-900)}
.ws-played{margin-top:30px}
.ws-played .rd-h2{font-size:20px}
@media (max-width:640px){ .ws-cbox{padding:18px} .ws-wish{gap:10px; padding:10px} .ws-wrank{width:22px; font-size:18px} .ws-vote{min-width:58px; padding:0 10px} }
.rd-btn.gold.rd-btn-sm{padding:7px 14px; font-size:13px}

/* ---------- Commission-Status ---------- */
.ws-comm{max-width:760px}
.ws-commstat{display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:18px 20px; border-radius:var(--radius); border:1px solid var(--field-line); background:rgba(42,15,25,.6)}
.ws-commstat.open{border-color:rgba(143,214,163,.5); box-shadow:0 0 26px rgba(143,214,163,.08)}
.ws-commdot{width:14px; height:14px; border-radius:50%; flex:none; background:var(--mauve-500); box-shadow:0 0 0 4px rgba(163,124,134,.18)}
.ws-commstat.open .ws-commdot{background:#8FD6A3; box-shadow:0 0 0 4px rgba(143,214,163,.18); animation:wsPulse 2.4s ease-in-out infinite}
@keyframes wsPulse{50%{box-shadow:0 0 0 8px rgba(143,214,163,.05)}}
@media (prefers-reduced-motion:reduce){ .ws-commstat.open .ws-commdot{animation:none} }
.ws-commtxt{flex:1; min-width:180px; display:flex; flex-direction:column; gap:3px}
.ws-commtxt b{font-family:var(--font-display); font-style:italic; font-weight:600; font-size:21px; color:var(--cream-100)}
.ws-commtxt small{font-size:13.5px; color:var(--mauve-300)}
.ws-commdots{display:flex; gap:6px; margin-top:6px}
.ws-commdots i{width:12px; height:12px; transform:rotate(45deg); border-radius:2px; border:1.5px solid var(--gold-300)}
.ws-commdots i.on{background:var(--gold-300)}
.ws-commnote{margin:12px 2px 0}
.ws-commh{font-family:var(--font-display); font-style:italic; font-weight:600; font-size:19px; margin:26px 0 10px}
.ws-commq{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px}
.ws-commq li{display:grid; grid-template-columns:34px 1fr 140px; align-items:center; gap:12px; padding:11px 14px; border-radius:12px; background:rgba(42,15,25,.5); border:1px solid rgba(216,182,188,.1)}
.ws-commn{font-family:var(--font-display); font-style:italic; font-size:20px; color:var(--gold-300); text-align:center}
.ws-commb{display:flex; flex-direction:column; gap:2px; min-width:0}
.ws-commb b{font-size:14.5px}
.ws-commb small{font-size:12.5px; color:var(--mauve-300)}
.ws-commbar{display:block; height:8px; border-radius:8px; background:rgba(216,182,188,.15); overflow:hidden}
.ws-commbar i{display:block; height:100%; border-radius:8px; background:linear-gradient(90deg, var(--mauve-500), var(--gold-300))}
.ws-commbar.big{height:12px; margin:14px 0 4px}
@media (max-width:560px){ .ws-commq li{grid-template-columns:28px 1fr} .ws-commq .ws-commbar{grid-column:2} }

/* Kundenseite */
.ws-cstat{max-width:760px; padding:22px 24px; border-radius:var(--radius); border:1px solid var(--gold-300); background:var(--wine-700)}
.ws-cstathead{display:flex; justify-content:space-between; align-items:flex-end; gap:12px}
.ws-cstathead b{display:block; font-family:var(--font-display); font-style:italic; font-weight:600; font-size:26px; color:var(--cream-100)}
.ws-cstathead .rd-l{margin:0 0 2px}
.ws-cpct{font-family:var(--font-display); font-style:italic; font-size:30px; color:var(--gold-300)}
.ws-csteps{list-style:none; margin:14px -6px 0; padding:8px 6px 4px; display:flex; gap:0; overflow-x:auto}
.ws-csteps li{flex:1; min-width:78px; display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center; font-size:12.5px; color:var(--mauve-500); position:relative}
.ws-csteps li::before{content:""; position:absolute; top:11px; right:50%; left:-50%; height:2px; background:rgba(216,182,188,.2)}
.ws-csteps li:first-child::before{display:none}
.ws-csteps li.done::before,.ws-csteps li.now::before{background:var(--gold-300)}
.ws-cstep-dot{position:relative; z-index:1; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:700; background:var(--wine-900); border:2px solid rgba(216,182,188,.3); color:var(--wine-900)}
.ws-csteps li.done{color:var(--mauve-300)}
.ws-csteps li.done .ws-cstep-dot{background:var(--gold-300); border-color:var(--gold-300)}
.ws-csteps li.now{color:var(--cream-100); font-weight:700}
.ws-csteps li.now .ws-cstep-dot{border-color:var(--gold-300); box-shadow:0 0 0 4px rgba(217,179,108,.2)}
.ws-cfacts{display:flex; flex-wrap:wrap; gap:10px 28px; margin:20px 0 0}
.ws-cfacts dt{font-size:12px; color:var(--mauve-500)}
.ws-cfacts dd{margin:2px 0 0; font-weight:700}
.ws-cnote{max-width:760px; padding:18px 20px; border-radius:var(--radius); border:1px solid var(--field-line); background:rgba(42,15,25,.6)}
.ws-cprev{display:block; max-width:760px}
.ws-cprev img{display:block; max-width:100%; max-height:70vh; border-radius:var(--radius); border:1px solid var(--field-line)}
.ws-ctl{position:relative; list-style:none; margin:0; padding:0 0 0 32px; max-width:760px}
.ws-ctl li{position:relative; display:flex; flex-direction:column; gap:2px; padding:0 0 18px}
.ws-ctl li:not(:last-child)::before{content:""; position:absolute; left:-23px; top:25px; bottom:3px; width:2px; border-radius:2px; background:rgba(217,179,108,.35)}
.ws-ctl li::after{content:""; position:absolute; left:-32px; top:1px; width:20px; height:20px; background:var(--gold-300); -webkit-mask:var(--sparkle) center/contain no-repeat; mask:var(--sparkle) center/contain no-repeat}
.ws-ctl time{line-height:22px}
.ws-ctl time{font-size:12px; color:var(--mauve-500)}
.ws-cfoot{max-width:760px}

/* Commission-Status: Board und Schritt-Übersicht */
.ws-comm.wide{max-width:none}
.ws-comm.wide>.ws-commstat,.ws-comm.wide>.ws-commnote,.ws-comm.wide>.ws-commreq{max-width:760px}
.ws-commreq{margin:10px 2px 0}
.ws-cboard{display:grid; grid-template-columns:repeat(var(--cols), minmax(170px, 1fr)); gap:12px; margin-top:24px; overflow-x:auto; padding-bottom:6px}
.ws-ccol{display:flex; flex-direction:column; border-radius:var(--radius); background:rgba(42,15,25,.55); border:1px solid rgba(216,182,188,.12); min-width:0}
.ws-ccol header{display:flex; align-items:center; gap:8px; padding:12px 14px 8px}
.ws-ccol header b{font-family:var(--font-display); font-style:italic; font-weight:600; font-size:16.5px}
.ws-ccol header span{margin-left:auto; font-size:11.5px; font-weight:700; min-width:22px; text-align:center; padding:2px 7px; border-radius:20px; background:var(--field); color:var(--mauve-300)}
.ws-ccol.done header b{color:var(--gold-300)}
.ws-ccards{display:flex; flex-direction:column; gap:8px; padding:4px 10px 12px}
.ws-ccard{display:flex; flex-direction:column; gap:4px; padding:11px 12px; border-radius:12px; background:var(--wine-700); border:1px solid rgba(216,182,188,.14)}
.ws-ccard b{font-size:14px}
.ws-ccard small{font-size:12.5px; color:var(--mauve-300)}
.ws-ccard .ws-commbar{height:5px; margin-top:4px}
.ws-cfree{margin:0; padding:10px 12px; border-radius:12px; border:1px dashed rgba(216,182,188,.18); text-align:center; font-size:12.5px; color:var(--mauve-500)}
@media (max-width:700px){
  .ws-cboard{grid-template-columns:1fr; overflow:visible}
  .ws-ccol.empty header{padding-bottom:12px}
  .ws-ccol.empty .ws-ccards{display:none}
}
.ws-csteptab-wrap{margin-top:24px; overflow-x:auto; border-radius:var(--radius); border:1px solid rgba(216,182,188,.12); background:rgba(42,15,25,.5)}
.ws-csteptab{width:100%; border-collapse:collapse; min-width:560px}
.ws-csteptab th,.ws-csteptab td{padding:12px 10px; text-align:center; border-bottom:1px solid rgba(216,182,188,.08)}
.ws-csteptab thead th{font-size:12.5px; font-weight:700; color:var(--mauve-300); white-space:nowrap}
.ws-csteptab tbody tr:last-child>*{border-bottom:0}
.ws-csteptab th[scope=row],.ws-csteptab thead th:first-child{text-align:left; position:sticky; left:0; background:#3a1826; z-index:1}
.ws-csteptab th[scope=row] b{display:block; font-size:14px; color:var(--cream-100)}
.ws-csteptab th[scope=row] small{display:block; font-size:12px; font-weight:500; color:var(--mauve-300)}
.ws-csteptab .ws-cstep-dot{margin:0 auto}
.ws-csteptab td.done .ws-cstep-dot{background:var(--gold-300); border-color:var(--gold-300)}
.ws-csteptab td.now .ws-cstep-dot{border-color:var(--gold-300); color:var(--gold-300); box-shadow:0 0 0 4px rgba(217,179,108,.2)}
.ws-ccard b{font-family:var(--font-body); font-style:normal; font-weight:700; letter-spacing:0; text-transform:none; color:var(--cream-100)}
.ws-ccard small{font-family:var(--font-body); font-style:normal; font-weight:500; letter-spacing:0; text-transform:none}

.ws-cfacts .pay dd{color:var(--gold-300)}
.ws-cfacts .pay.p2 dd{color:#bfe6c9}
.ws-cprevs{display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:12px; max-width:900px}
.ws-cprevs.one{display:block; max-width:760px}
.ws-cprevs:not(.one) .ws-cprev img{width:100%; aspect-ratio:1; object-fit:cover; max-height:none}
.ws-cprevs.refs{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr)); max-width:760px}
.ws-cprevs.refs .ws-cprev img{width:100%; aspect-ratio:1; object-fit:cover}

.ws-cpay{max-width:760px; padding:18px 20px; border-radius:var(--radius); border:1px solid rgba(217,179,108,.55); background:rgba(217,179,108,.07)}
.ws-cpay p{margin:6px 0 0; line-height:1.7}
.ws-cpay .rd-note{margin-top:8px}
.ws-cpaymail{color:var(--gold-300); overflow-wrap:anywhere}
.ws-copy{margin-left:6px; padding:3px 10px; border-radius:10px; border:1px solid var(--field-line); background:var(--field); color:var(--cream-100); font:inherit; font-size:12px; font-weight:600; cursor:pointer}
.ws-copy:hover{border-color:var(--gold-300)}
.ws-cpay.ok{border-color:rgba(143,214,163,.45); background:rgba(143,214,163,.06)}
.ws-cpay.ok .rd-l{color:#bfe6c9}
.ws-cpay .ws-rich p{margin:6px 0 0; line-height:1.7}
.ws-cpay .rd-note.ws-rich p{margin-top:8px}
.ws-cfoot p{margin:0}
.ws-cpay .ws-rich .ws-cpaymail{color:var(--gold-300)}