.dq-activity-v3{direction:rtl;min-height:calc(100vh - 70px);padding:28px 18px 70px;color:#e8eef8;background:linear-gradient(180deg,rgba(9,16,29,.9),rgba(16,24,39,.96)),var(--activity-cover);background-size:cover;background-position:center}.dq-activity-shell{width:min(1120px,100%);margin:auto}.dq-activity-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:12px 16px;border:1px solid #ffffff18;border-radius:18px;background:#111c2dcc;backdrop-filter:blur(14px);box-shadow:0 18px 45px #0003}.dq-activity-nav>a{color:#cbd5e1;text-decoration:none;display:flex;align-items:center;gap:7px}.dq-activity-nav>a:last-child{justify-self:end}.dq-activity-nav>div{display:flex;align-items:center;gap:9px;color:#fff}.dq-game-heading{text-align:center;padding:42px 16px 24px}.dq-game-heading small,.dq-activity-hero small,.dq-activity-list small,.dq-personality-categories small{color:#7dd3fc;font-weight:800}.dq-game-heading h1,.dq-activity-hero h1{margin:8px 0;font-size:clamp(2rem,5vw,3.8rem);color:#fff}.dq-game-heading p{color:#aebbd0;margin:auto;max-width:650px;line-height:1.9}.dq-play-stage{width:min(820px,100%);margin:10px auto;padding:24px;border:1px solid #ffffff17;border-radius:28px;background:#111b2be8;box-shadow:0 25px 80px #0008}.dq-word-board{border:1px solid #ffffff12;border-radius:20px;background:#0b1422;padding:18px}.dq-word-meta{display:flex;justify-content:space-between;color:#94a3b8;margin-bottom:16px}.dq-word-meta span{display:flex;align-items:center;gap:6px}.dq-word-slots{display:grid;gap:12px}.dq-word-slots>[data-word-slot]{min-height:58px;display:flex;flex-direction:row-reverse;justify-content:center;gap:8px;padding:9px;background:#152235;border:1px solid #ffffff0d;border-radius:15px}.dq-word-slots span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #526780;border-bottom:3px solid #647b96;border-radius:9px;background:#0e1928;color:#fff;font-size:1.25rem;font-weight:900}.dq-word-slots .is-solved span{border-color:#34d399;background:#064e3b;color:#d1fae5}.dq-selected-word{margin:18px 0;text-align:center}.dq-selected-word label{display:block;color:#94a3b8;font-size:.85rem;margin-bottom:7px}.dq-selected-word input{width:min(390px,100%);height:54px;border:1px solid #ffffff1f;border-radius:14px;background:#0b1422;color:#fff;text-align:center;font:800 1.3rem Vazirmatn;letter-spacing:5px}.dq-letter-orbit{position:relative;width:290px;min-height:250px;margin:8px auto 20px;display:grid;place-items:center}.dq-word-letters{display:flex;justify-content:center;align-content:center;gap:10px;flex-wrap:wrap;width:260px}.dq-word-letters button{width:54px;height:54px;border:1px solid #60a5fa66;border-radius:50%;background:linear-gradient(145deg,#233c5e,#16263d);color:#fff;box-shadow:0 8px 18px #0005;font:900 1.35rem Vazirmatn;cursor:pointer;transition:.18s}.dq-word-letters button:hover{transform:translateY(-3px);border-color:#7dd3fc}.dq-word-letters button:disabled{opacity:.28;transform:scale(.86)}#dq-word-shuffle{position:absolute;bottom:-3px;width:48px;height:48px;border:0;border-radius:50%;background:#334155;color:#dbeafe;cursor:pointer}.dq-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.dq-actions .dq-btn,.dq-actions button{min-height:45px;border:1px solid #ffffff20;border-radius:12px;padding:10px 18px;background:#26364c;color:#e5edf8;cursor:pointer;font:700 .9rem Vazirmatn}.dq-actions .dq-btn-primary{background:linear-gradient(135deg,#0284c7,#2563eb);border:0}.dq-hint-btn{color:#fde68a!important}.dq-activity-hero{display:flex;align-items:center;justify-content:space-between;margin:28px 0;padding:36px;border:1px solid #ffffff19;border-radius:28px;background:linear-gradient(130deg,#17243ae8,#192b46d9);box-shadow:0 24px 70px #0006}.dq-activity-hero p{color:#b8c4d5;max-width:620px;line-height:1.9}.dq-activity-hero>span{display:grid;place-items:center;width:110px;height:110px;border-radius:30px;background:#38bdf821;color:#7dd3fc}.dq-personality-categories,.dq-activity-list{margin:28px 0;padding:28px;border:1px solid #ffffff17;border-radius:26px;background:#111c2de8}.dq-personality-categories>header,.dq-activity-list>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dq-personality-categories h2,.dq-activity-list h2{margin:4px 0;color:#fff}.dq-personality-categories>header button{border:1px solid #60a5fa66;border-radius:10px;background:#172b46;color:#bfdbfe;padding:9px 13px}.dq-personality-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dq-personality-category{position:relative;min-height:138px;padding:17px;border:1px solid color-mix(in srgb,var(--cat-color) 35%,transparent);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--cat-color) 16%,#162235),#111b2b);color:#fff;text-decoration:none;overflow:hidden}.dq-personality-category i{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:var(--cat-color);color:#fff}.dq-personality-category strong{display:block;margin:12px 0 7px}.dq-personality-category span{font-size:.77rem;color:#aebbd0}.dq-personality-category.is-active{outline:3px solid var(--cat-color)}.dq-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dq-activity-grid article{overflow:hidden;border:1px solid #ffffff15;border-radius:20px;background:#17243a}.dq-activity-grid article>img,.dq-activity-placeholder{width:100%;height:165px;object-fit:cover}.dq-activity-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#1d4ed833,#7c3aed33);color:#93c5fd}.dq-activity-grid article>div:last-child{padding:17px}.dq-activity-grid h3{color:#fff;margin:6px 0}.dq-activity-grid p{color:#aebbd0;line-height:1.8;min-height:52px}.dq-activity-grid .dq-btn{display:inline-block;text-decoration:none}.dq-activity-empty{text-align:center;padding:35px;border-radius:18px;background:#17243a;color:#cbd5e1}.dq-personality-counter{text-align:center;color:#94a3b8;margin-bottom:14px}.dq-personality-counter b{color:#7dd3fc}.dq-play-stage fieldset{border:0;margin:0;padding:16px}.dq-play-stage legend{width:100%;text-align:center;color:#fff;font-size:1.35rem;font-weight:900;margin-bottom:20px}.dq-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dq-answer-grid label{cursor:pointer}.dq-answer-grid input{position:absolute;opacity:0}.dq-answer-grid span{display:block;padding:16px;border:1px solid #ffffff17;border-radius:14px;background:#17243a;color:#d9e2ef;transition:.2s}.dq-answer-grid input:checked+span{border-color:#38bdf8;background:#075985;color:#fff;box-shadow:0 0 0 3px #38bdf822}.dq-progress{height:8px;background:#0b1422;border-radius:8px;margin:22px 0;overflow:hidden}.dq-progress i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#6366f1);transition:.3s}.dq-result,.dq-finish{text-align:center;padding:30px;border-radius:22px;background:linear-gradient(145deg,#172b46,#122033)}.dq-result article{padding:16px;margin:12px 0;border:1px solid #ffffff15;border-radius:14px}.dq-result h2,.dq-finish h2{color:#fff}.dq-result p,.dq-finish p{color:#b8c4d5}.dq-finish>b{font-size:3rem;color:#fbbf24}#dq-activity-message{text-align:center;color:#fda4af;min-height:25px}
@media(max-width:820px){.dq-personality-category-grid{grid-template-columns:repeat(2,1fr)}.dq-activity-grid{grid-template-columns:1fr 1fr}.dq-activity-nav{grid-template-columns:auto 1fr auto}.dq-activity-nav a{font-size:0}.dq-activity-nav a svg{width:22px;height:22px}.dq-play-stage{padding:15px}.dq-answer-grid{grid-template-columns:1fr}}
@media(max-width:540px){.dq-activity-v3{padding:12px 10px 45px}.dq-activity-nav>div b{font-size:.86rem}.dq-activity-hero{padding:24px;align-items:flex-start}.dq-activity-hero>span{width:70px;height:70px}.dq-personality-categories,.dq-activity-list{padding:18px 14px}.dq-personality-category-grid{grid-template-columns:1fr 1fr;gap:9px}.dq-personality-category{min-height:128px;padding:13px}.dq-activity-grid{grid-template-columns:1fr}.dq-letter-orbit{width:260px}.dq-word-letters{width:245px}.dq-word-letters button{width:50px;height:50px}.dq-word-slots span{width:35px;height:38px}.dq-personality-categories>header{align-items:flex-end}.dq-personality-categories>header button{font-size:.72rem}}
