/* Dorfmix 4 Gewinnt – theme preview only, no real multiplayer */
.dm-chat-page .dm-chat-gamecard{background:linear-gradient(155deg,#fff,#f4faf0);border:1px solid #d5e7db}
.dm-chat-page .dm-chat-players:not(.is-four){display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:8px;align-items:stretch;margin:28px 0 14px}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person{position:relative;display:flex;flex-direction:row;gap:11px;align-items:center;min-width:0;border:2px solid #e6ebe2;background:white;border-radius:17px;padding:18px 13px 14px;box-shadow:0 8px 15px #13432b14;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person:first-child{--dm-accent:#eb685b;--dm-soft:#fff0ed}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person:last-child{--dm-accent:#ecbd45;--dm-soft:#fff8e2}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--dm-accent),transparent)}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person.is-up{border-color:var(--dm-accent);box-shadow:0 0 0 3px var(--dm-soft),0 12px 21px #13432b1c}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:16px;border:2px solid var(--dm-accent);background:var(--dm-soft);font-size:29px;box-shadow:0 4px 7px #1747351c}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person.is-up .dm-avatar{box-shadow:0 4px 7px #17473520}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person b{color:#1d513e;font-size:clamp(11px,1.3vw,16px);overflow-wrap:anywhere;white-space:normal}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person small{font-size:10px;color:#6b8c77;line-height:1.45}
.dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-versus{font:italic 900 19px Georgia,serif;color:#be8358;display:grid;place-items:center;align-self:center}
.dm-chat-page .dm-chat-turn{border:1px solid #d2e7d4;background:linear-gradient(100deg,#e3f5e6,#f8fff1);border-radius:15px;color:#1c674f;box-shadow:inset 0 1px #fff}
.dm-chat-page .dm-connect-board{max-width:560px;margin:0 auto;gap:clamp(3px,.8vw,8px);padding:clamp(9px,1.65vw,17px);background:linear-gradient(145deg,#2075b0,#08549a 44%,#0b477d);border:4px solid #074573;border-radius:22px;box-shadow:inset 0 3px 7px #ffffff50,inset -5px -7px 9px #002c6670,0 8px 0 #063d70,0 16px 20px #103a5639}
.dm-chat-page .dm-connect-slot span{width:90%;height:90%;background:radial-gradient(circle at 38% 28%,#e6f6ff,#c6dce8 68%,#98b8c8);box-shadow:inset 0 5px 8px #00204764,0 1px 2px #ffffff43}
.dm-chat-page .dm-connect-slot.red span{background:radial-gradient(circle at 33% 24%,#ffb8a7 0%,#f46e5a 42%,#d83430 76%,#9a2020 100%);box-shadow:inset 0 2px 3px #ffe5d7ae,inset -4px -5px 7px #8b17205b,0 3px 5px #00234a42}
.dm-chat-page .dm-connect-slot.yellow span{background:radial-gradient(circle at 34% 24%,#fffbd2 0%,#ffe278 37%,#f8b83e 75%,#b47918 100%);box-shadow:inset 0 2px 3px #ffffd4c8,inset -4px -5px 7px #9c672c43,0 3px 5px #00234a42}
.dm-chat-page .dm-connect-slot.is-last span{outline:2px solid #fff7c3;outline-offset:2px}
.dm-chat-page .dm-connect-slot:not(:disabled):hover span{transform:scale(.94);box-shadow:inset 0 2px 3px #0636434b,0 0 0 2px #fff9}
@media(max-width:720px){
 .dm-chat-page .dm-chat-players:not(.is-four){grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:4px}
 .dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person{gap:6px;padding:12px 7px;border-radius:12px}
 .dm-chat-page .dm-chat-players:not(.is-four) .dm-avatar{width:37px;height:37px;flex-basis:37px;border-radius:10px;font-size:21px}
 .dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person b{font-size:11px}
 .dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-person small{font-size:9px}
 .dm-chat-page .dm-chat-players:not(.is-four) .dm-chat-versus{font-size:14px}
 .dm-chat-page .dm-connect-board{gap:3px;padding:7px;border-width:2px;border-radius:13px}
}
@media(prefers-reduced-motion:reduce){.dm-chat-page .dm-connect-slot span,.dm-chat-page .dm-chat-person{transition:none}}