.qq-panel { padding:22px; margin:22px 0; background:#182038; border:3px solid #33415e; box-shadow:5px 5px 0 #060914; color:#eef2ff; }
.qq-panel h2,.qq-panel h3 { margin:0 0 12px; }
.qq-muted,.qq-small { color:#b4bed6; }
.qq-small { font-size:13px; overflow-wrap:anywhere; }
.qq-panel a { color:#ffdc67; }
.qq-invite-text { display:block; width:100%; min-height:110px; resize:vertical; padding:14px; border:2px solid #455372; background:#0c1324; color:#eef2ff; font:inherit; line-height:1.65; }
.qq-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:14px; }
.qq-button { padding:10px 16px; min-height:44px; font:inherit; font-weight:700; border:2px solid #52617e; background:#202d48; color:#eef2ff; cursor:pointer; text-decoration:none; }
.qq-button:disabled { opacity:.5; cursor:default; }
.qq-primary { background:#ffdc67; color:#191727; border-color:#ffdc67; }
.qq-ranking { list-style:none; padding:0; margin:0; }
.qq-ranking li { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:12px 0; border-bottom:1px solid #34415b; overflow-wrap:anywhere; }
.qq-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.qq-recent { display:grid; gap:10px; }
.qq-recent button { text-align:left; overflow-wrap:anywhere; }
.qq-status { min-height:1.6em; }
.qq-card-face { display:inline-block; padding:7px; margin:3px; background:#f5f2e5; color:#172033; border:2px solid #adb5c8; border-radius:4px; font-weight:bold; }
.qq-card-face.red { color:#b52242; }
[hidden] { display:none !important; }
@media(max-width:650px) { .qq-columns { grid-template-columns:1fr; } .qq-panel { padding:16px; } }