.room-activities{margin:34px auto 22px;border:1px solid rgba(255,255,255,.62);border-radius:28px;background:rgba(255,255,255,.58);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(35,54,41,.08);overflow:hidden}
.activities-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--md-outline-variant)}
.activities-header>div:first-child{display:flex;align-items:center;gap:10px}.activities-header h3{font-size:16px;margin:0}.activities-header small{display:block;margin-top:2px;color:var(--md-on-surface-variant);font-size:10px}
.activities-header .material-symbols-rounded{width:40px;height:40px;border-radius:15px;background:var(--md-primary-container);color:var(--md-on-primary-container);display:grid;place-items:center}
.activity-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.activity-tabs button{height:34px;padding:0 12px;border:0;border-radius:17px;background:var(--md-surface-container);color:var(--md-on-surface-variant);font:800 10px 'DM Sans';cursor:pointer}.activity-tabs button.active{background:var(--md-primary);color:var(--md-on-primary)}
.activity-panel{display:none;padding:16px}.activity-panel.active{display:block}.chess-toolbar,.cards-toolbar,.draw-toolbar,.screen-toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px}.chess-toolbar b,.cards-toolbar b,.draw-toolbar b,.screen-toolbar b{font-size:13px}.chess-toolbar button,.cards-toolbar button,.draw-toolbar button,.screen-toolbar button{height:34px;border:0;border-radius:17px;padding:0 12px;background:var(--md-primary-container);color:var(--md-on-primary-container);font:800 10px 'DM Sans';cursor:pointer}
.chess-board{width:min(360px,100%);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(8,1fr);border-radius:18px;overflow:hidden;border:1px solid rgba(47,79,58,.2);box-shadow:0 10px 24px rgba(30,54,38,.12)}
.chess-square{border:0;display:grid;place-items:center;font-size:clamp(20px,4vw,34px);cursor:pointer;user-select:none}.chess-square.light{background:#eef4e8}.chess-square.dark{background:#86a878}.chess-square.selected{outline:3px solid #e8c547;outline-offset:-3px}
.card-table{min-height:120px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:20px;background:rgba(255,255,255,.48);border:1px dashed var(--md-outline-variant)}.card-table p{width:100%;text-align:center;color:var(--md-on-surface-variant);font-size:11px}.playing-card{width:64px;height:88px;border-radius:12px;background:#fff;color:#1e251f;border:1px solid rgba(30,37,31,.12);box-shadow:0 8px 18px rgba(30,37,31,.12);display:grid;place-items:center;font:900 19px Manrope}.playing-card.red{color:#ba1a1a}
#drawingCanvas{width:100%;height:260px;display:block;border-radius:20px;background:#fff;border:1px solid var(--md-outline-variant);touch-action:none;cursor:crosshair}.draw-toolbar input{width:42px;height:34px;border:0;border-radius:12px;background:transparent;cursor:pointer}.screen-toolbar small{margin-left:auto;color:var(--md-on-surface-variant);font-size:10px}#screenShareVideo{width:100%;max-height:360px;border-radius:20px;background:#101512;border:1px solid var(--md-outline-variant)}
:root[data-theme="dark"] .room-activities{background:rgba(35,44,37,.68);border-color:rgba(255,255,255,.08)}:root[data-theme="dark"] .card-table{background:rgba(18,24,20,.48)}:root[data-theme="dark"] .playing-card{background:#f8faf4;color:#101512}:root[data-theme="dark"] #drawingCanvas{background:#f8faf4}
@media(max-width:700px){.activities-header{align-items:flex-start;flex-direction:column}.activity-tabs{justify-content:flex-start}.chess-board{width:min(300px,100%)}.playing-card{width:54px;height:76px}.screen-toolbar{align-items:flex-start;flex-direction:column}.screen-toolbar small{margin-left:0}}
.external-games{display:grid;gap:10px;padding:16px;border:1px solid var(--md-outline-variant);border-radius:22px;background:rgba(255,255,255,.48)}.external-games p{margin:0;color:var(--md-on-surface-variant);font-size:12px}.external-games a{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:16px;background:var(--md-surface-container);color:var(--md-on-surface);font:800 12px 'DM Sans';text-decoration:none}.external-games a:after{content:"->"}