/* Digitale Spielewiese – V53 Forum Next
   Modernes Forum-Design mit Discovery-Feeds, kompakten Listen und mobile-first Bedienung. */

:root{
  --v53-accent:var(--dsw-theme-accent,#b7ff38);
  --v53-accent-soft:rgba(var(--dsw-theme-accent-rgb,183,255,56),.12);
  --v53-surface:rgba(7,12,18,.88);
  --v53-surface-2:rgba(11,18,25,.78);
  --v53-border:rgba(255,255,255,.09);
  --v53-text:#f4f8fb;
  --v53-muted:#9baab7;
  --v53-radius:22px;
}

/* ---------- Forum home ---------- */
.v53-forum{padding-top:24px}
.v53-forum .dsw-forum-hero{
  min-height:0;
  padding:24px 26px;
  border-radius:26px;
  background:linear-gradient(145deg,rgba(8,14,20,.94),rgba(11,19,27,.82));
  border:1px solid var(--v53-border);
  box-shadow:0 20px 60px rgba(0,0,0,.28);
}
.v53-forum .dsw-forum-kicker,
.v53-eyebrow{color:var(--v53-accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}
.v53-forum .dsw-forum-hero h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em}

.v53-forum-nav{
  position:sticky;top:70px;z-index:30;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  margin:14px 0 18px;padding:9px;
  border:1px solid var(--v53-border);border-radius:18px;
  background:rgba(6,11,16,.88);backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 12px 40px rgba(0,0,0,.2);
}
.v53-forum-tabs{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}
.v53-forum-tabs::-webkit-scrollbar{display:none}
.v53-forum-tab{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  min-height:40px;padding:0 12px;border-radius:12px;color:#bdc8d1;
  font-weight:800;font-size:.79rem;border:1px solid transparent;transition:.18s ease;
}
.v53-forum-tab .material-symbols-rounded{font-size:18px}
.v53-forum-tab b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--v53-accent);color:#10180b;font-size:.68rem}
.v53-forum-tab:hover{background:rgba(255,255,255,.055);color:#fff}
.v53-forum-tab.active{background:var(--v53-accent-soft);border-color:rgba(var(--dsw-theme-accent-rgb,183,255,56),.3);color:var(--v53-accent)}
.v53-forum-nav-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.v53-icon-btn,.v53-new-topic>summary{
  height:40px;border-radius:12px;border:1px solid var(--v53-border);background:rgba(255,255,255,.04);color:#d9e3ea;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;cursor:pointer;list-style:none;font-weight:850;font-size:.76rem
}
.v53-icon-btn .material-symbols-rounded,.v53-new-topic .material-symbols-rounded{font-size:19px}
.v53-icon-btn.active{border-color:rgba(var(--dsw-theme-accent-rgb,183,255,56),.42);background:var(--v53-accent-soft);color:var(--v53-accent)}
.v53-new-topic{position:relative}
.v53-new-topic>summary{background:var(--v53-accent);color:#111b0a;border-color:transparent;padding:0 14px}
.v53-new-topic>summary::-webkit-details-marker{display:none}
.v53-new-topic-menu{
  position:absolute;right:0;top:48px;width:min(330px,82vw);max-height:440px;overflow:auto;
  padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0b1118;box-shadow:0 20px 60px rgba(0,0,0,.48)
}
.v53-new-topic-menu strong{display:block;padding:7px 9px 10px;color:#8495a3;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em}
.v53-new-topic-menu a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;color:#e9f0f5;font-weight:760;font-size:.8rem}
.v53-new-topic-menu a:hover{background:rgba(var(--dsw-theme-accent-rgb,183,255,56),.1);color:var(--v53-accent)}

/* Bereichskarten: weniger "Karte in Karte", mehr moderne Informationszeile */
.v53-forum .dsw-forum-grid{gap:8px}
.v53-forum .dsw-forum-card{
  min-height:104px;border-radius:17px;padding:15px 16px;
  background:linear-gradient(115deg,rgba(11,18,25,.9),rgba(11,18,25,.72));
  border:1px solid rgba(255,255,255,.075);box-shadow:none;transition:.18s ease
}
.v53-forum .dsw-forum-card:hover{transform:translateY(-1px);border-color:rgba(var(--dsw-theme-accent-rgb,183,255,56),.28);background:linear-gradient(115deg,rgba(14,23,31,.95),rgba(12,21,28,.8))}
.v53-category-last{display:flex;align-items:center;gap:6px;min-width:0;margin-top:8px;color:#8394a1;font-size:.71rem}
.v53-category-last .material-symbols-rounded{font-size:14px;color:#7f9960}
.v53-category-last span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}
.v53-category-last small{white-space:nowrap;color:#657581}
.v53-forum.v53-layout-list .dsw-forum-grid{grid-template-columns:1fr!important}
.v53-forum.v53-layout-list .dsw-forum-card{min-height:80px;grid-template-columns:52px minmax(0,1fr) auto 28px}
.v53-forum.v53-layout-list .dsw-forum-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Discovery feed */
.v53-discovery{border:1px solid var(--v53-border);border-radius:24px;background:rgba(6,11,16,.88);overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.25)}
.v53-discovery-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:22px 24px;border-bottom:1px solid var(--v53-border)}
.v53-discovery-head h2{margin:4px 0 4px;font-size:clamp(1.35rem,2.5vw,1.9rem);letter-spacing:-.025em}
.v53-discovery-head p{margin:0;color:var(--v53-muted);font-size:.82rem}
.v53-feed-count{border:1px solid var(--v53-border);border-radius:999px;padding:7px 10px;color:#9eacb8;font-size:.7rem;white-space:nowrap}
.v53-feed-list{display:grid}
.v53-feed-card{
  display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:start;
  padding:17px 22px;border-bottom:1px solid rgba(255,255,255,.065);transition:.16s ease;position:relative
}
.v53-feed-card:last-child{border-bottom:0}
.v53-feed-card:hover{background:rgba(255,255,255,.028)}
.v53-feed-card.unread::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:9px;background:var(--v53-accent);box-shadow:0 0 14px rgba(var(--dsw-theme-accent-rgb,183,255,56),.32)}
.v53-feed-avatar img{width:42px;height:42px;border-radius:13px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}
.v53-feed-copy{min-width:0}
.v53-feed-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:5px;color:#7f909e;font-size:.68rem}
.v53-feed-tags>a{color:#8ea0ad}
.v53-prefix,.v53-solved,.v53-new{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#aebcc6;font-size:.64rem;font-weight:850}
.v53-prefix .material-symbols-rounded,.v53-solved .material-symbols-rounded{font-size:12px}
.v53-solved{color:#a7f3d0;border-color:rgba(52,211,153,.18);background:rgba(52,211,153,.075)}
.v53-new{color:#101909;background:var(--v53-accent);border-color:transparent}
.v53-feed-title{display:block;color:#f5f8fa;font-weight:900;font-size:1.02rem;line-height:1.28;letter-spacing:-.012em}
.v53-feed-card.unread .v53-feed-title{color:#fff}
.v53-feed-copy p{margin:6px 0 7px;color:#8fa0ac;font-size:.78rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v53-feed-meta{display:flex;align-items:center;gap:6px;color:#6f808c;font-size:.68rem}
.v53-feed-stats{display:flex;align-items:center;gap:9px;align-self:center}
.v53-feed-stats>span{min-width:58px;text-align:center;color:#71828e;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}
.v53-feed-stats b{display:block;color:#dbe5eb;font-size:.8rem;letter-spacing:0}
.v53-feed-stats>a{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid var(--v53-border);color:#9eafb9}
.v53-feed-empty{text-align:center;padding:58px 24px;color:#8495a1}
.v53-feed-empty>.material-symbols-rounded{font-size:40px;color:#5f714c}
.v53-feed-empty strong{display:block;color:#e5edf2;margin:8px 0 3px}
.v53-feed-empty p{margin:0 0 14px}
.v53-feed-empty a{display:inline-flex;padding:9px 13px;border-radius:10px;background:var(--v53-accent);color:#111a0b;font-weight:850}

/* ---------- Category / topic list ---------- */
.v53-category .dsw-panel{border-radius:22px}
.v53-thread-wrap .dsw-cat-section-head{gap:18px}
.v53-thread-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.v53-thread-search,.v53-control-select{height:39px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--v53-border);border-radius:11px;background:rgba(7,13,19,.72);color:#899ba8}
.v53-thread-search .material-symbols-rounded,.v53-control-select .material-symbols-rounded{font-size:17px}
.v53-thread-search input{width:170px;border:0;outline:0;background:transparent;color:#ecf2f6;font:inherit;font-size:.75rem}
.v53-thread-search input::placeholder{color:#657784}
.v53-control-select select{border:0;outline:0;background:transparent;color:#d6e0e6;font-weight:750;font-size:.73rem;cursor:pointer}
.v53-control-select select option{background:#0b1219;color:#e6edf2}
.v53-layout-switch{display:flex;padding:3px;border:1px solid var(--v53-border);border-radius:11px;background:rgba(7,13,19,.72)}
.v53-layout-switch button{width:32px;height:31px;border:0;border-radius:8px;background:transparent;color:#738592;display:grid;place-items:center;cursor:pointer}
.v53-layout-switch button .material-symbols-rounded{font-size:18px}
.v53-layout-switch button.active{background:var(--v53-accent-soft);color:var(--v53-accent)}
.v53-thread-wrap .dsw-thread{transition:.16s ease;border-radius:14px}
.v53-thread-wrap .dsw-thread:hover{background:rgba(255,255,255,.03)}
.v53-thread-wrap .dsw-thread-unread{border-left-color:var(--v53-accent)!important;background:linear-gradient(90deg,rgba(var(--dsw-theme-accent-rgb,183,255,56),.045),transparent 35%)}
.v53-thread-wrap.v53-compact .dsw-thread{padding-top:8px!important;padding-bottom:8px!important;min-height:58px}
.v53-thread-wrap.v53-compact .dsw-thread-avatar{width:34px;height:34px}
.v53-thread-wrap.v53-compact .dsw-thread-tags{display:none}
.v53-thread-wrap.v53-compact .dsw-thread-title{font-size:.84rem}
.v53-thread-wrap.v53-compact .dsw-thread-meta{font-size:.65rem}
.v53-thread-hidden{display:none!important}
.v53-no-local-results{padding:22px;text-align:center;color:#82939f;border-top:1px dashed rgba(255,255,255,.08)}

/* ---------- Thread reading experience ---------- */
.v53-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none;background:transparent}
.v53-reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--dsw-theme-accent),var(--dsw-theme-accent-2));box-shadow:0 0 12px rgba(var(--dsw-theme-accent-rgb,183,255,56),.42);transition:width .06s linear}
.v53-thread-stage{position:relative}
.v53-thread-quickdock{
  position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:35;
  display:grid;gap:6px;padding:6px;border:1px solid var(--v53-border);border-radius:16px;background:rgba(6,11,16,.82);backdrop-filter:blur(15px);box-shadow:0 15px 45px rgba(0,0,0,.26)
}
.v53-thread-quickdock button{width:44px;min-height:42px;border:0;border-radius:11px;background:transparent;color:#8fa0ab;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.v53-thread-quickdock button:hover,.v53-thread-quickdock button.active{background:var(--v53-accent-soft);color:var(--v53-accent)}
.v53-thread-quickdock button>span:last-child{display:none}
.v53-thread-quickdock .material-symbols-rounded{font-size:20px}
body.v53-focus-reading .site-header,body.v53-focus-reading header,body.v53-focus-reading .dsw-thread-breadcrumb,body.v53-focus-reading footer{opacity:.12;transition:opacity .2s}
body.v53-focus-reading .site-header:hover,body.v53-focus-reading header:hover,body.v53-focus-reading footer:hover{opacity:1}
body.v53-focus-reading .v53-thread-stage{max-width:1060px!important;margin-left:auto!important;margin-right:auto!important}

/* ---------- Light mode compatibility ---------- */
html:not(.dark) .v53-forum-nav,
html:not(.dark) .v53-discovery,
html:not(.dark) .v53-new-topic-menu{background:rgba(255,255,255,.94);border-color:rgba(15,23,42,.11)}
html:not(.dark) .v53-forum-tab{color:#465563}
html:not(.dark) .v53-forum-tab:hover{background:rgba(15,23,42,.05);color:#101820}
html:not(.dark) .v53-feed-title{color:#101820}
html:not(.dark) .v53-feed-copy p{color:#60717d}
html:not(.dark) .v53-thread-search,html:not(.dark) .v53-control-select,html:not(.dark) .v53-layout-switch{background:#fff;border-color:rgba(15,23,42,.11)}
html:not(.dark) .v53-thread-search input,html:not(.dark) .v53-control-select select{color:#14202a}

@media(max-width:1000px){
  .v53-forum-nav{top:58px}
  .v53-forum-nav-actions .v53-icon-btn{display:none}
  .v53-forum .dsw-forum-layout{grid-template-columns:1fr!important}
  .v53-thread-quickdock{right:10px;top:auto;bottom:82px;transform:none;display:flex}
  .v53-feed-stats>span{display:none}
}
@media(max-width:760px){
  .v53-forum{padding-top:12px}
  .v53-forum .dsw-forum-hero{padding:18px 16px;border-radius:20px}
  .v53-forum-nav{top:0;margin:8px 0 14px;border-radius:14px;padding:6px;align-items:stretch}
  .v53-forum-tabs{flex:1}
  .v53-forum-tab{min-height:38px;padding:0 10px;font-size:.73rem}
  .v53-new-topic>summary{width:40px;padding:0;font-size:0}
  .v53-new-topic>summary .material-symbols-rounded{font-size:20px}
  .v53-discovery{border-radius:18px}
  .v53-discovery-head{padding:18px 15px;align-items:flex-start;flex-direction:column}
  .v53-feed-card{grid-template-columns:36px minmax(0,1fr);padding:14px 13px;gap:10px}
  .v53-feed-avatar img{width:34px;height:34px;border-radius:10px}
  .v53-feed-stats{grid-column:2;justify-content:flex-start;margin-top:3px}
  .v53-feed-stats>a{width:30px;height:30px}
  .v53-feed-title{font-size:.9rem}
  .v53-thread-controls{width:100%;justify-content:stretch}
  .v53-thread-search{flex:1 1 100%}
  .v53-thread-search input{width:100%}
  .v53-control-select{flex:1 1 auto}
  .v53-control-select select{width:100%;max-width:125px}
  .v53-layout-switch{margin-left:auto}
  .v53-thread-quickdock{left:12px;right:12px;bottom:72px;justify-content:space-around;border-radius:14px}
  .v53-thread-quickdock button{flex:1;width:auto;gap:5px}
  .v53-thread-quickdock button>span:last-child{display:inline;font-size:.63rem;font-weight:800}
}
@media(max-width:520px){
  .v53-forum-tab .material-symbols-rounded{display:none}
  .v53-forum-tab{padding:0 8px}
  .v53-category-last{display:none}
  .v53-control-select{flex:1 1 calc(50% - 6px)}
  .v53-layout-switch{display:none}
  .v53-thread-quickdock button>span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .v53-forum *, .v53-category *, .v53-thread-stage *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
.v53-unified-new{display:flex;gap:6px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--v53-border);background:rgba(255,255,255,.018);overflow-x:auto;scrollbar-width:none}
.v53-unified-new::-webkit-scrollbar{display:none}
.v53-unified-new a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border-radius:10px;color:#8fa0ac;font-size:.72rem;font-weight:850;border:1px solid transparent}
.v53-unified-new a b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.06);color:#b9c6ce;font-size:.64rem}
.v53-unified-new a.active{background:var(--v53-accent-soft);border-color:rgba(var(--dsw-theme-accent-rgb,183,255,56),.25);color:var(--v53-accent)}
.v53-unified-new a.active b{background:var(--v53-accent);color:#10180b}
html:not(.dark) .v53-unified-new{background:rgba(15,23,42,.018)}
html:not(.dark) .v53-unified-new a{color:#5e6d78}
html:not(.dark) .v53-unified-new a.active{color:#334316}

/* ===== V57.1: Helle, klar lesbare Themenbereich-Auswahl ===== */
.v53-new-topic-menu{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.14)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.34)!important;
  color-scheme:light;
}
.v53-new-topic-menu strong{
  color:#64748b!important;
}
.v53-new-topic-menu a{
  color:#0f172a!important;
  background:transparent!important;
  border:1px solid transparent;
}
.v53-new-topic-menu a:hover,
.v53-new-topic-menu a:focus-visible{
  background:rgba(var(--dsw-theme-accent-rgb,183,255,56),.14)!important;
  color:#0f172a!important;
  border-color:rgba(var(--dsw-theme-accent-rgb,183,255,56),.24)!important;
  outline:none;
}