/* ============================================================
   Страница квеста, новая версия — pages/quest_v2.blade.php,
   App\QuestsPage::questDetail. Пока только владельцу, как и новая /prizes.

   17.09.2026 пересобрана по важности (владелец: «важное выше, ненужное ниже»,
   «на ПК странно»): награда → панель действия (кнопка, статус, прогресс) →
   «Перед стартом» (условия, из-за которых квест не засчитывается) → шаги →
   помощь → кто уже получил. ПК — две колонки, справа закреплённая панель.
   Язык тот же, что у новой /prizes: поверхности #1a1920/#1e1d25, градиентные
   значки, оттенок раздела (--tone), скин на подсветке редкости.
   ============================================================ */

.qd{
    --qd-surface:#1a1920;
    --qd-card:#1e1d25;
    --qd-line:rgba(255,255,255,.08);
    --qd-line-2:rgba(255,255,255,.15);
    --qd-text:#f2f1f5;
    --qd-text-2:rgba(242,241,245,.74);
    --qd-text-3:rgba(242,241,245,.56);
    --qd-accent:#ff9800;
    --qd-accent-2:#ffab33;
    --qd-ok:#7ccf80;
    --qd-bad:#f0948a;
    --tone:255,152,0;
    max-width:1180px;margin:0 auto;padding:4px 16px 8px;
    color:var(--qd-text);font-family:"Roboto","Helvetica Neue",Arial,sans-serif;line-height:1.45;
}
.qd *,.qd *::before,.qd *::after{box-sizing:border-box;}
.qd h1,.qd h2,.qd h3,.qd p,.qd ul,.qd ol{margin:0;}
.qd ul,.qd ol{list-style:none;padding:0;}
.qd [hidden]{display:none !important;}

.qd-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--qd-text-2);font-size:14px;text-decoration:none;}
.qd-back:hover{color:#fff;text-decoration:none;}
.qd-back i{font-size:11px;}

/* Телефон: блоки столбиком в порядке разметки */
.qd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}

/* --- Награда --- */
.qd-hero{display:grid;gap:14px;padding:16px;border-radius:18px;
    background:radial-gradient(120% 100% at 0% 0%,rgba(var(--tone),.14),rgba(var(--tone),0) 55%),var(--qd-card);
    border:1px solid var(--qd-line);}
.qd-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;}
.qd-logo{display:grid;place-items:center;width:72px;height:48px;border-radius:12px;overflow:hidden;
    background:rgba(var(--tone),.1);box-shadow:inset 0 0 0 1px rgba(var(--tone),.22);}
.qd-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:7px 8px;}
.qd-head__text{min-width:0;}
.qd-title{font-family:"Montserrat","Roboto",sans-serif;font-weight:700;font-size:24px;line-height:1.15;color:#fff;overflow-wrap:anywhere;}
.qd .qd-cond{margin-top:3px;font-size:14px;line-height:1.4;color:var(--qd-text-2);}

.qd-prize{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:14px;}
.qd-skin,.qd-result__skin{position:relative;display:block;height:96px;border-radius:14px;overflow:hidden;
    background:radial-gradient(95% 85% at 50% 100%,rgba(var(--rarity),.45),rgba(var(--rarity),.08) 60%,transparent 82%),#17161c;
    box-shadow:inset 0 -2px 0 rgba(var(--rarity),.9);}
.qd-result__skin img{position:absolute;left:50%;top:50%;width:118px;height:118px;max-width:none;
    transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));}
/* Картинка Steam 1024×768 с полями: оружие ≈47% ширины — размер задаём с запасом */
.qd-skin img{position:absolute;left:50%;top:50%;width:260px;height:195px;max-width:none;pointer-events:none;
    transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));}
.qd-sum{display:flex;flex-direction:column;gap:3px;min-width:0;}
.qd-sum__label{display:inline-flex;align-items:center;gap:6px;margin-bottom:2px;font-size:12px;font-weight:600;color:var(--qd-text-2);}
.qd-sum__label i{font-size:11px;color:var(--qd-accent);}
.qd-sum__value{font-family:"Montserrat","Roboto",sans-serif;font-size:21px;font-weight:700;line-height:1.2;color:#fff;}
.qd-sum__value--text{font-size:16px;}
.qd-sum__price{font-weight:inherit;}
.qd-sum__plus{font-size:16px;font-weight:700;color:var(--qd-accent);}
.qd-sum__item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;margin-top:10px;padding-top:10px;
    border-top:1px solid var(--qd-line);}
.qd-sum__skin{max-width:100%;font-size:14px;font-weight:500;color:var(--qd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.qd-sum__rarity{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 7px;border-radius:6px;font-size:11px;font-weight:600;
    color:#fff;background:rgba(var(--rarity),.18);border:1px solid rgba(var(--rarity),.45);}
.qd-sum__rarity::before{content:"";width:7px;height:7px;border-radius:50%;background:rgb(var(--rarity));box-shadow:0 0 6px rgba(var(--rarity),.9);}

/* Факты — лёгкие метки своего цвета */
.qd-chips{display:flex;flex-wrap:wrap;gap:6px;}
.qd-chips li{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border-radius:8px;
    background:rgba(var(--pill),.08);border:1px solid rgba(var(--pill),.22);font-size:12px;font-weight:500;color:var(--qd-text);--pill:255,255,255;}
.qd-chips i{font-size:11px;color:rgb(var(--pill));}
.qd .qd-partner-bonus{display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--qd-text-2);}
.qd-partner-bonus i{color:#ffc107;font-size:12px;}
.qd-partner-bonus b{color:#fff;font-weight:600;}

/* --- Панель действия --- */
.qd-aside{display:grid;gap:12px;align-content:start;}
.qd-card{padding:16px;border-radius:18px;background:var(--qd-surface);border:1px solid var(--qd-line);}
.qd-action-card{display:grid;gap:12px;border-color:rgba(255,152,0,.24);
    background:radial-gradient(120% 90% at 100% 0%,rgba(255,152,0,.12),rgba(255,152,0,0) 55%),var(--qd-surface);}

.qd-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:14px;
    background:var(--qd-accent);color:#1d1305;font-size:16px;font-weight:700;text-decoration:none;
    box-shadow:0 8px 22px -10px rgba(255,152,0,.8);}
.qd-btn:hover,.qd-btn:focus-visible{color:#1d1305;text-decoration:none;}
@media (hover:hover){.qd-btn:hover{background:var(--qd-accent-2);}}
.qd-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.qd-btn i{font-size:14px;}
/* Ожидание партнёра — состояние, а не действие: без оранжевого */
.qd-btn.qd-btn--wait{background:rgba(255,255,255,.05);border:1px solid var(--qd-line-2);color:var(--qd-text);font-weight:600;box-shadow:none;}
.qd-btn.qd-btn--wait:hover,.qd-btn.qd-btn--wait:focus-visible{color:#fff;}
@media (hover:hover){.qd-btn.qd-btn--wait:hover{background:rgba(255,255,255,.08);}}
.qd-btn--wait i{color:var(--qd-accent);}
.qd-btn.qd-btn--ghost{min-height:44px;font-size:14px;background:rgba(255,152,0,.12);border:1px solid rgba(255,152,0,.4);color:#ffc680;box-shadow:none;}
.qd-btn.qd-btn--ghost:hover,.qd-btn.qd-btn--ghost:focus-visible{color:#fff;}
.qd .qd-status{font-size:13px;line-height:1.4;color:var(--qd-text-2);text-align:center;text-wrap:balance;}

.qd-result{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;}
.qd-result > i{flex-shrink:0;font-size:20px;}
.qd-result > div{min-width:0;}
.qd-result b{display:block;font-size:15px;color:#fff;}
.qd-result span{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--qd-text-2);}
.qd-result a{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--qd-ok);font-size:14px;font-weight:600;text-decoration:none;}
.qd-result a.qd-inline-link{display:inline;min-height:0;font-size:inherit;}
.qd-result__skin{flex-shrink:0;width:88px;height:66px;}
.qd-result__skin img{width:80px;height:80px;}
.qd-result--done{background:rgba(124,207,128,.08);border:1px solid rgba(124,207,128,.3);}
.qd-result--done > i{color:var(--qd-ok);}
.qd-result--bad{background:rgba(240,148,138,.08);border:1px solid rgba(240,148,138,.3);}
.qd-result--bad > i{color:var(--qd-bad);}

/* Прогресс внутри панели */
.qd-progress{padding-top:12px;border-top:1px solid var(--qd-line);}
.qd-progress__head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.qd-progress__title{font-size:14px;font-weight:700;color:#fff;}
/* «Обновляется сам» — спокойная зелёная метка со значком, значок и текст по центру по вертикали */
.qd-live{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 9px;border-radius:999px;font-size:12px;font-weight:500;
    line-height:1;color:#a9e0ac;background:rgba(124,207,128,.08);border:1px solid rgba(124,207,128,.25);white-space:nowrap;}
.qd-live i{display:block;width:11px;height:11px;font-size:11px;line-height:11px;text-align:center;color:var(--qd-ok);animation:qd-spin 3s linear infinite;}
.qd-live span{display:block;line-height:1;}
@keyframes qd-spin{to{transform:rotate(360deg);}}
/* Как часто партнёр обновляет статистику — под шкалой прогресса */
.qd .qd-track{display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;margin:20px 0 0;padding-top:14px;border-top:1px solid var(--qd-line);font-size:13px;line-height:1.4;color:rgba(255,255,255,.6);}
.qd-track i{flex:none;font-size:12px;color:var(--qd-ok);}
/* Метки со значком: одна высота строки, значок отдельным блоком — значок и текст ровно по центру
   (владелец 17.09.2026: «во всех таких блочках выровни текст по вертикали») */
.qd-chips li,.qd-sum__label,.qd-help,.qd-sum__rarity,.qd-back,.qd-btn,.qd-btn-vk{line-height:1;}
.qd-chips li i,.qd-sum__label i,.qd-help i,.qd-back i,.qd-btn i,.qd-btn-vk i,.qd-partner-bonus i{display:block;line-height:1;}
.qd-sum__rarity{height:22px;}
.qd .qd-partner-bonus{align-items:center;line-height:1;}
.qd-nomoney__skin{line-height:1.35;}
.qd-nomoney__skin i{display:block;line-height:1;}
.qd .qd-stepper{margin-top:12px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);}
.qd-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center;}
.qd-step + .qd-step::before{content:"";position:absolute;top:17px;left:calc(-50% + 22px);right:calc(50% + 22px);height:2px;border-radius:1px;background:rgba(255,255,255,.1);}
.qd-step.is-done::before,.qd-step.is-active::before{background:var(--qd-accent);}
.qd-step__dot{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;
    background:#24232c;border:1px solid rgba(255,255,255,.12);color:var(--qd-text-3);font-size:14px;}
.qd-step.is-done .qd-step__dot{background:linear-gradient(145deg,rgba(124,207,128,.4),rgba(124,207,128,.1));border-color:rgba(124,207,128,.6);color:#fff;}
.qd-step.is-active .qd-step__dot{background:linear-gradient(145deg,rgba(255,152,0,.45),rgba(255,152,0,.12));border-color:var(--qd-accent);color:#fff;
    box-shadow:0 6px 14px -6px rgba(255,152,0,.8);}
.qd-step.is-rejected .qd-step__dot{background:rgba(240,148,138,.16);border-color:var(--qd-bad);color:var(--qd-bad);}
.qd-step__label{font-size:11px;line-height:1.25;color:var(--qd-text-3);overflow-wrap:anywhere;}
.qd-step.is-done .qd-step__label{color:var(--qd-text-2);}
.qd-step.is-active .qd-step__label{color:#fff;font-weight:600;}

.qd-nomoney{display:grid;gap:12px;border-color:rgba(124,207,128,.4);
    background:radial-gradient(130% 110% at 0% 0%,rgba(124,207,128,.2),rgba(124,207,128,0) 60%),var(--qd-surface);
    box-shadow:0 10px 30px -18px rgba(124,207,128,.6);}
.qd-nomoney__top{display:flex;align-items:center;gap:12px;}
.qd-nomoney__icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:13px;font-size:19px;color:#fff;
    background:linear-gradient(145deg,rgba(124,207,128,.6),rgba(124,207,128,.15));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 16px -6px rgba(124,207,128,.8);}
.qd-nomoney__top > div b{display:block;font-size:15px;color:#fff;}
.qd-nomoney__top > div span{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--qd-text-2);}
.qd .qd-nomoney__list{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.qd-nomoney__list li{display:flex;flex-direction:column;padding:8px 12px;border-radius:10px;background:rgba(124,207,128,.08);border:1px solid rgba(124,207,128,.22);}
.qd-nomoney__list b{font-family:"Montserrat","Roboto",sans-serif;font-size:18px;line-height:1.2;color:var(--qd-ok);}
.qd-nomoney__list span{font-size:12px;color:var(--qd-text-2);}
.qd-nomoney__list .qd-nomoney__skin{grid-column:1 / -1;flex-direction:row;align-items:center;gap:10px;}
.qd-nomoney__skin i{font-size:13px;color:var(--qd-ok);}
.qd-nomoney__skin span{font-size:13px;color:var(--qd-text);}
.qd-btn-vk{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;
    background:#4a76a8;border:1px solid #5b87b9;color:#fff;font-size:14px;font-weight:700;text-decoration:none;}
.qd-btn-vk:hover,.qd-btn-vk:focus-visible{color:#fff;text-decoration:none;}
@media (hover:hover){.qd-btn-vk:hover{background:#5683b6;}}

.qd-offer{display:grid;gap:8px;border-color:rgba(255,152,0,.25);}
.qd-offer b{font-size:15px;color:#fff;}
.qd-offer p{font-size:13px;line-height:1.45;color:var(--qd-text-2);}

.qd-help{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;
    color:var(--qd-text-2);font-size:13px;text-decoration:none;}
.qd-help:hover{color:#fff;text-decoration:none;}
@media (hover:hover){.qd-help:hover{background:rgba(255,255,255,.04);}}
.qd-help i{color:#7aa7e0;}

/* --- Панели содержания --- */
.qd-panel{padding:16px;border-radius:18px;background:var(--qd-surface);border:1px solid var(--qd-line);}
.qd-h2{display:flex;align-items:center;gap:10px;font-family:"Montserrat","Roboto",sans-serif;font-size:18px;font-weight:700;line-height:1.25;color:#fff;}
.qd-h2__icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;font-size:13px;color:#fff;
    background:linear-gradient(145deg,rgba(var(--ic),.45),rgba(var(--ic),.12));box-shadow:inset 0 0 0 1px rgba(var(--ic),.4);--ic:255,193,7;}
.qd-h2__icon--tone{--ic:var(--tone);}
.qd-h2__icon--ok{--ic:124,207,128;}

/* Перед стартом — условия одним списком, заметно, но без крика */
.qd-important{border-color:rgba(255,193,7,.28);
    background:linear-gradient(180deg,rgba(255,193,7,.06),rgba(255,193,7,0) 70%),var(--qd-surface);}
.qd .qd-important ul{margin-top:12px;display:grid;gap:10px;}
.qd-important li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;font-size:14px;line-height:1.5;color:var(--qd-text-2);}
/* Значки пунктов — того же размера и в той же колонке, что значок заголовка (32px) */
.qd-important li i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:13px;
    background:rgba(var(--w,255,193,7),.12);color:rgb(var(--w,255,193,7));}
.qd-important li span{padding-top:5px;}
.qd-important b{color:#fff;font-weight:600;}

.qd .qd-steps{margin-top:12px;display:grid;gap:12px;}
.qd-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;}
.qd-steps__n{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;
    background:rgba(var(--tone),.14);color:rgb(var(--tone));font-size:13px;font-weight:700;}
.qd-steps__text{padding-top:5px;font-size:14px;line-height:1.5;color:var(--qd-text-2);}
.qd-steps__text b{color:#fff;font-weight:600;}

/* Уже получили награду */
.qd .qd-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.qd-stats li{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:12px;
    background:rgba(var(--pill),.06);border:1px solid rgba(var(--pill),.18);--pill:255,255,255;}
.qd-stats__icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;font-size:13px;color:#fff;
    background:linear-gradient(145deg,rgba(var(--pill),.45),rgba(var(--pill),.12));box-shadow:inset 0 0 0 1px rgba(var(--pill),.4);}
.qd-stats li > span:last-child{display:flex;flex-direction:column;min-width:0;}
.qd-stats b{font-family:"Montserrat","Roboto",sans-serif;font-size:18px;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums;}
.qd-stats small{font-size:12px;line-height:1.3;color:var(--qd-text-3);}
.qd .qd-users{margin-top:10px;display:grid;gap:2px;}
.qd-users a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:6px 8px;
    border-radius:10px;color:var(--qd-text);text-decoration:none;}
.qd-users a:hover{color:#fff;text-decoration:none;}
@media (hover:hover){.qd-users a:hover{background:rgba(255,255,255,.04);}}
.qd-users img{width:36px;height:36px;border-radius:50%;object-fit:cover;}
.qd-users__name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.qd-users__when{font-size:12px;color:var(--qd-text-3);white-space:nowrap;}

/* --- Телефон: шапка плотнее, чтобы кнопка была на первом экране --- */
@media (max-width:1023px){
    .qd-hero{gap:12px;padding:14px;}
    .qd-title{font-size:22px;}
    .qd .qd-cond{font-size:13px;}
    .qd-prize{grid-template-columns:112px minmax(0,1fr);gap:12px;}
    .qd-skin{height:84px;}
    .qd-skin img{width:236px;height:177px;}
    .qd-sum__label{display:none;}
    .qd-sum__value{font-size:20px;}
    .qd-sum__plus{font-size:15px;}
    .qd-chips{gap:4px 6px;}
    .qd-chips li{min-height:24px;padding:2px 8px;font-size:12px;}
    .qd-chips__pc{display:none !important;}
    .qd .qd-partner-bonus{font-size:12px;}
    .qd-grid{gap:10px;}
    .qd-action-card{padding:14px;gap:10px;}
}

/* --- Планшет: игроки в две колонки --- */
@media (min-width:640px){
    .qd .qd-users{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;}
}

/* --- Компьютер: содержание слева, панель действия справа и закреплена --- */
@media (min-width:1024px){
    .qd{padding:24px 24px 8px;}
    .qd-grid{grid-template-columns:minmax(0,1fr) 360px;gap:16px 24px;align-items:start;}
    .qd-grid > *{grid-column:1;}
    .qd-grid > .qd-aside{grid-column:2;grid-row:1 / span 20;position:sticky;top:16px;}
    .qd-hero{gap:18px;padding:24px;}
    .qd-logo{width:96px;height:64px;}
    .qd-title{font-size:32px;}
    .qd .qd-cond{font-size:15px;}
    /* Скин крупно, без рамки, прямо на фоне шапки — как на баннере; за ним мягкое свечение редкости */
    .qd-prize{grid-template-columns:minmax(0,1fr) 340px;gap:16px;}
    .qd-prize .qd-sum{order:1;}
    .qd-skin{order:2;height:190px;overflow:visible;background:none;box-shadow:none;border-radius:0;}
    .qd-skin::before{content:"";position:absolute;left:50%;top:50%;width:260px;height:150px;transform:translate(-50%,-50%);
        border-radius:50%;background:radial-gradient(closest-side,rgba(var(--rarity),.55),rgba(var(--rarity),0));filter:blur(18px);}
    .qd-skin img{width:700px;height:525px;transform:translate(-50%,-50%);
        filter:drop-shadow(0 14px 18px rgba(0,0,0,.6));}
    .qd-sum__label{font-size:13px;}
    .qd-sum__value{font-size:34px;}
    .qd-sum__plus{font-size:20px;}
    .qd-sum__skin{font-size:15px;}
    .qd-sum__item{margin-top:14px;padding-top:12px;max-width:340px;}
    .qd-chips li{font-size:13px;min-height:30px;}
    .qd-panel{padding:22px 24px;}
    .qd-card{padding:18px;}
    .qd-action-card{padding:20px;}
    .qd-btn{min-height:56px;font-size:17px;}
}

@media (prefers-reduced-motion: reduce){
    .qd-live i{animation:none !important;}
    .qd *{transition:none !important;}
}

/* ===== Быстрые задания (pages/social_quest_v2, 27.09.2026): те же блоки, --tone — цвет площадки ===== */
.qd-logo--icon{width:56px;height:56px;border-radius:14px;color:rgb(var(--tone));font-size:24px;}
.qd-prize--task{grid-template-columns:minmax(0,1fr);}
.qd-task-mark{display:none;}
.qd--task .qd-sum__plus{color:var(--qd-text-2);font-weight:500;}

/* Форма отправки в панели действия */
.qd-form{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--qd-line);}
.qd-form__label{font-size:14px;font-weight:600;color:#fff;}
.qd .qd-form__hint{font-size:12px;line-height:1.4;color:var(--qd-text-3);}
.qd .qd-form__error{font-size:13px;line-height:1.4;color:var(--qd-bad);}
.qd-input{width:100%;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--qd-line-2);
    background:#141319;color:#fff;font:inherit;font-size:15px;}
.qd-input::placeholder{color:var(--qd-text-3);}
.qd-input:focus{outline:none;border-color:rgba(255,152,0,.7);box-shadow:0 0 0 3px rgba(255,152,0,.15);}
.qd-drop{position:relative;display:grid;justify-items:center;gap:4px;margin:0;padding:20px 14px;border-radius:12px;
    border:1px dashed var(--qd-line-2);background:rgba(255,255,255,.02);text-align:center;cursor:pointer;
    transition:border-color .15s ease,background-color .15s ease;}
.qd-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.qd-drop i{font-size:22px;color:var(--qd-text-3);}
.qd-drop span{font-size:14px;color:var(--qd-text-2);}
.qd-drop b{color:var(--qd-accent);font-weight:600;}
.qd-drop small{font-size:12px;color:var(--qd-text-3);}
.qd-drop.is-over,.qd-drop:focus-within{border-color:rgba(255,152,0,.6);background:rgba(255,152,0,.05);}
@media (hover:hover){.qd-drop:hover{border-color:rgba(255,152,0,.6);background:rgba(255,152,0,.05);}}
.qd-preview{border-radius:12px;overflow:hidden;border:1px solid var(--qd-line-2);}
.qd-preview img{display:block;width:100%;max-height:220px;object-fit:cover;}
.qd-preview__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 4px 12px;
    background:#141319;font-size:12px;color:var(--qd-text-2);}
.qd-preview__bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qd-preview__remove{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:0;border-radius:8px;
    background:transparent;color:var(--qd-text-2);cursor:pointer;}
.qd-preview__remove:hover{background:rgba(255,255,255,.06);color:#fff;}
.qd-btn--send{border:0;font:inherit;font-weight:700;cursor:pointer;}
.qd-btn--send:disabled{background:rgba(255,255,255,.07);color:var(--qd-text-3);box-shadow:none;cursor:not-allowed;}

/* Статусы: «на проверке» спокойный синий, причина отказа с переносами строк */
.qd-result--wait{align-items:flex-start;background:rgba(66,165,245,.08);border:1px solid rgba(66,165,245,.3);}
.qd-result--wait > i{color:#90caf9;}
.qd-result--bad{align-items:flex-start;}
.qd-result .qd-result__reason{white-space:pre-line;overflow-wrap:anywhere;}
.qd-result .qd-live{display:inline-flex;margin-top:10px;}
.qd-result .qd-live span{margin-top:0;}
.qd-btn.qd-btn--sm{display:inline-flex;min-height:40px;margin-top:10px;padding:0 14px;font-size:13px;}

@media (min-width:1024px){
    .qd-logo--icon{width:64px;height:64px;font-size:28px;}
    .qd-prize--task{grid-template-columns:minmax(0,1fr) 260px;align-items:center;}
    /* Справа вместо скина — значок площадки на мягкой подсветке её цвета */
    .qd-task-mark{order:2;display:grid;place-items:center;height:150px;position:relative;
        background:radial-gradient(closest-side,rgba(var(--tone),.28),rgba(var(--tone),0));}
    .qd-task-mark i{font-size:84px;color:rgb(var(--tone));filter:drop-shadow(0 6px 18px rgba(0,0,0,.45));}
}
/* ===== Телефон, аудит 27.09.2026 ===== */
.qd-step__label{font-size:12px;}
.qd-sum__rarity{font-size:12px;}
@media (max-width:639px){
    /* «Бонус партнёра: …» — одним абзацем с переносом, а не две колонки (подпись слева, сумма справа) */
    .qd .qd-partner-bonus{align-items:flex-start;line-height:1.4;}
    .qd-partner-bonus i{margin-top:3px;}
    /* Плитки «уже получили» — строками «число — подпись»: в три узкие колонки подписи рвались по слогам */
    .qd .qd-stats{grid-template-columns:1fr;gap:6px;}
    .qd-stats__icon{display:none !important;}
    .qd-stats li{padding:8px 12px;}
    .qd-stats li > span:last-child{flex-direction:row;align-items:baseline;gap:8px;}
    .qd-stats b{white-space:nowrap;min-width:3.6em;}
    .qd-stats small{font-size:13px;}
}
@media (max-width:359px){
    .qd-sum__value{font-size:18px;}
    .qd-sum__plus{font-size:14px;}
    .qd-title{font-size:20px;}
}

/* Телефон: плашка «ЧАТ · N онлайн» закрывала кнопки и текст — на страницах квеста и быстрого
   задания она круглая, со значком и счётчиком непрочитанных (владелец 27.09.2026). */
@media (max-width:1023px){
    html:has(#questDetail) #chatToggleBtn.chat-toggle-btn,
    html:has(#taskDetail) #chatToggleBtn.chat-toggle-btn{width:52px !important;height:52px !important;padding:0 !important;
        justify-content:center;border-radius:50% !important;}
    html:has(#questDetail) #chatToggleBtn .chat-btn-info,
    html:has(#taskDetail) #chatToggleBtn .chat-btn-info{display:none !important;}
    html:has(#questDetail) #chatToggleBtn .chat-btn-icon,
    html:has(#taskDetail) #chatToggleBtn .chat-btn-icon{margin-right:0;}
}

/* Телефон: награда — одна плашка «как предмет в инвентаре CS2» (27.09.2026; плитка слева — «топорно»,
   витрина во всю ширину — «много места», мини-ПК — «не то»). Рамка и свечение цвета редкости (полосу снизу владелец отклонил: «так делают все ИИ»), справа скин
   на свечении редкости, слева сумма, внизу слева название и редкость. Разметка та же, что на ПК. */
@media (max-width:1023px){
    .qd-prize--skin{display:block;position:relative;min-height:150px;padding:14px 14px 16px;border-radius:14px;overflow:hidden;
        background:radial-gradient(60% 85% at 76% 50%,rgba(var(--rarity),.42),rgba(var(--rarity),0) 72%),
            linear-gradient(180deg,#1c1b23,#141319);
        border:1px solid rgba(var(--rarity),.28);}
    /* Зона скина — правые 44% плашки с отступом 12px. Оружие на картинке Steam занимает до 49% её ширины,
       поэтому картинка = 204% зоны: самое длинное оружие ровно в зоне, не выходит за край плашки на любом
       телефоне (27.09.2026: на OnePlus 15 и 320–390 ствол уходил за край). */
    .qd-prize--skin .qd-skin{position:absolute;right:12px;top:0;bottom:0;width:44%;height:auto;
        overflow:visible;background:none;box-shadow:none;border-radius:0;}
    .qd-prize--skin .qd-skin img{width:204%;height:auto;aspect-ratio:4/3;filter:drop-shadow(0 10px 12px rgba(0,0,0,.65));}
    /* Текст заканчивается перед зоной скина (44% плашки + 12px) с зазором 6px — длинное название не заходит под ствол */
    .qd-prize--skin .qd-sum{position:relative;z-index:1;width:auto;margin-right:calc(44% + 18px);min-height:120px;gap:2px;}
    .qd-prize--skin .qd-sum__label{display:none;}
    /* «Скин за» мелко, цена крупно отдельной строкой — одинаково на любой ширине, без случайного переноса */
    .qd-prize--skin .qd-sum__value{font-family:inherit;font-size:14px;font-weight:600;color:var(--qd-text-2);text-shadow:0 2px 8px rgba(0,0,0,.6);}
    .qd-prize--skin .qd-sum__price{display:block;margin-top:1px;font-family:"Montserrat","Roboto",sans-serif;font-size:26px;font-weight:700;line-height:1.1;color:#fff;white-space:nowrap;}
    .qd-prize--skin .qd-sum__plus{font-size:14px;}
    .qd-prize--skin .qd-sum__item{margin-top:auto;padding-top:12px;border:0;gap:5px;}
    .qd-prize--skin .qd-sum__skin{white-space:normal;font-size:13px;line-height:1.3;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7);}
}
@media (max-width:359px){
    .qd-prize--skin{min-height:138px;padding:12px 12px 14px;}
    .qd-prize--skin .qd-sum{min-height:110px;}
    .qd-prize--skin .qd-sum__price{font-size:22px;}
    .qd-prize--skin .qd-sum__plus{font-size:13px;}
}
/* Узкий ПК 1024–1099: колонка текста в шапке ~190px — сумма 34px наезжала на скин. Скин и шрифт меньше */
@media (min-width:1024px) and (max-width:1099px){
    .qd-prize{grid-template-columns:minmax(0,1fr) 250px;gap:12px;}
    .qd-skin{height:160px;}
    .qd-skin::before{width:200px;height:120px;}
    .qd-skin img{width:520px;height:390px;}
    .qd-sum__value{font-size:26px;}
    .qd-sum__plus{font-size:17px;}
}

/* Промокод плашкой (App\QuestsPage::promoChip): нажатие копирует ровно код, 14.10.2026 */
.qd-promo{display:inline-flex;align-items:center;gap:6px;vertical-align:baseline;margin:0 2px;padding:2px 9px;border-radius:7px;
  border:1px dashed rgba(255,152,0,.75);background:rgba(255,152,0,.12);color:#ffb74d;font:inherit;font-weight:800;letter-spacing:.04em;
  cursor:pointer;line-height:1.5;position:relative;transition:background .15s,border-color .15s}
.qd-promo:hover{background:rgba(255,152,0,.22)}
.qd-promo__code{user-select:all;-webkit-user-select:all}
.qd-promo .fa-copy{font-size:.85em;opacity:.8}
.qd-promo__done{display:none;font-weight:600;font-size:.85em;letter-spacing:0;color:#81c784}
.qd-promo.is-copied{border-color:rgba(129,199,132,.8);background:rgba(129,199,132,.14)}
.qd-promo.is-copied .fa-copy{display:none}
.qd-promo.is-copied .qd-promo__done{display:inline}