/* Xərclik Proqnoz Oyunu — Phase A */
.pq-wrap{max-width:1080px;margin:0 auto;padding:16px 14px 110px}
.pq-hero{border-radius:24px;padding:26px 20px;background:radial-gradient(120% 140% at 0% 0%,rgba(32,229,27,.22),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(99,102,241,.25),transparent 55%),var(--surface-1,#111);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}
.pq-hero h1{font-size:clamp(1.5rem,5vw,2.4rem);font-weight:900;line-height:1.15;margin:0 0 8px}
.pq-hero p{opacity:.85;margin:0 0 14px;font-size:1rem}
.pq-hero .pq-pills{display:flex;flex-wrap:wrap;gap:8px}
.pq-pill{font-size:.78rem;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.pq-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:12px 18px;border-radius:14px;background:#20E51B;color:#000!important;font-weight:900;text-decoration:none}
.pq-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none;position:sticky;top:60px;z-index:5;background:var(--bg,transparent)}
.pq-tabs::-webkit-scrollbar{display:none}
.pq-tabs a{white-space:nowrap;padding:9px 14px;border-radius:999px;font-weight:700;font-size:.88rem;text-decoration:none;color:inherit;background:rgba(127,127,127,.12);border:1px solid rgba(127,127,127,.15)}
.pq-tabs a.on{background:#20E51B;color:#000;border-color:#20E51B}
.pq-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:900px){.pq-grid{grid-template-columns:1fr 320px}.pq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}}
.pq-list{display:grid;gap:14px}
.pq-h2{font-size:1.15rem;font-weight:900;margin:8px 0 10px}
.pq-card{border-radius:20px;padding:16px;background:var(--surface-1,rgba(127,127,127,.06));border:1px solid rgba(127,127,127,.18);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.pq-card--big{padding:20px}
.pq-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px;font-size:.75rem}
.pq-chip{font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(99,102,241,.16)}
.pq-status{font-weight:700;opacity:.85}
.pq-status--live{color:#20E51B}.pq-status--done{color:#22c55e}
.pq-q{font-size:1.08rem;font-weight:850;line-height:1.3;margin:0 0 12px}
.pq-card--big .pq-q{font-size:clamp(1.3rem,4.5vw,1.8rem)}
.pq-q a{color:inherit;text-decoration:none}
.pq-desc{opacity:.8;font-size:.92rem;margin:-4px 0 14px}
.pq-opts{display:grid;gap:8px}
.pq-opt{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(127,127,127,.28);background:rgba(127,127,127,.06);color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:transform .12s,border-color .15s}
.pq-opt:not([disabled]):hover{border-color:#20E51B;transform:translateY(-1px)}
.pq-opt:not([disabled]):active{transform:scale(.98)}
.pq-opt[disabled]{cursor:default}
.pq-bar{position:absolute;inset:0 auto 0 0;background:rgba(32,229,27,.16);transition:width .7s cubic-bezier(.2,.8,.2,1);z-index:0}
.pq-opt-t,.pq-pct{position:relative;z-index:1}
.pq-pct{font-weight:900;font-variant-numeric:tabular-nums}
.pq-opt.is-mine{border-color:#6366f1}.pq-opt.is-mine .pq-opt-t::after{content:" · sənin seçimin";font-weight:600;opacity:.7;font-size:.8em}
.pq-opt.is-correct{border-color:#22c55e;background:rgba(34,197,94,.12)}.pq-opt.is-correct .pq-opt-t::before{content:"✅ "}
.pq-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.pq-votes{font-size:.8rem;opacity:.75;font-weight:600}
.pq-btn{border:0;border-radius:12px;padding:9px 12px;font-weight:800;font-size:.82rem;cursor:pointer;background:#6366f1;color:#fff}
.pq-btn--win{background:#20E51B;color:#000}
.pq-note{font-size:.82rem;opacity:.8;margin:10px 0 0}
.pq-side{display:grid;gap:14px;align-content:start}
.pq-box{border-radius:20px;padding:16px;background:var(--surface-1,rgba(127,127,127,.06));border:1px solid rgba(127,127,127,.18)}
.pq-board{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pq-board li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.07)}
.pq-board a{flex:1;color:inherit;font-weight:700;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pq-rank{width:28px;text-align:center;font-weight:900}
.pq-acc{font-size:.75rem;opacity:.7}
.pq-empty{opacity:.75;padding:12px 0}
.pq-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:600px){.pq-stats{grid-template-columns:repeat(4,1fr)}}
.pq-stat{border-radius:16px;padding:14px;text-align:center;background:rgba(127,127,127,.08)}
.pq-stat b{display:block;font-size:1.5rem;font-weight:900}.pq-stat span{font-size:.78rem;opacity:.75}
.pq-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:600px){.pq-badges{grid-template-columns:repeat(4,1fr)}}
.pq-badge{border-radius:16px;padding:12px;text-align:center;background:rgba(127,127,127,.07);border:1px solid rgba(127,127,127,.15)}
.pq-badge.off{opacity:.35;filter:grayscale(1)}
.pq-badge i{font-style:normal;font-size:1.8rem;display:block}.pq-badge b{display:block;font-size:.88rem}.pq-badge small{opacity:.7;font-size:.72rem}
.pq-seg{display:inline-flex;gap:6px;margin-bottom:12px}
.pq-seg a{padding:8px 14px;border-radius:12px;font-weight:800;text-decoration:none;color:inherit;background:rgba(127,127,127,.1)}
.pq-seg a.on{background:#6366f1;color:#fff}
.pq-prose{line-height:1.7;font-size:.98rem}.pq-prose h2{font-size:1.1rem;font-weight:900;margin:18px 0 6px}
.pq-prose li{margin-bottom:6px}
.pq-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#111;color:#fff;padding:12px 16px;border-radius:14px;font-weight:700;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:92vw}
.pq-sheet{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;z-index:9998}
.pq-sheet>div{background:var(--surface-1,#151515);color:inherit;width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:18px;display:grid;gap:10px}
.pq-sheet img{width:100%;border-radius:14px}
.pq-sheet a,.pq-sheet button{display:block;text-align:center;padding:12px;border-radius:12px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:800}
.pq-hist{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.pq-hist li{display:flex;gap:8px;justify-content:space-between;padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.07);font-size:.9rem}
.pq-hist a{color:inherit;text-decoration:none}
/* === Responsive fixes (31.10.2026) === */
.pq-wrap{width:100%;min-width:0;box-sizing:border-box;flex:1 1 auto;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
.pq-wrap *,.pq-wrap *::before,.pq-wrap *::after{box-sizing:border-box}
.pq-grid>*,.pq-list>*,.pq-side>*,.pq-hero,.pq-card,.pq-box{min-width:0}
.pq-q,.pq-opt-t,.pq-hero h1,.pq-hero p,.pq-prose,.pq-hist a{overflow-wrap:anywhere;word-break:normal}
.pq-opt{gap:10px}.pq-opt-t{flex:1;min-width:0}.pq-pct{flex:0 0 auto}
.pq-tabs{max-width:100%}
.pq-tabs a{min-height:44px;display:inline-flex;align-items:center}
.pq-seg{display:flex;flex-wrap:wrap}.pq-seg a{min-height:44px;display:inline-flex;align-items:center}
.pq-btn{min-height:44px;padding:10px 14px}
.pq-cta{min-height:48px}
.pq-board li{min-height:48px}.pq-board a,.pq-hist a{padding:6px 0}
.pq-hist li{align-items:center;min-height:48px}.pq-hist li b{flex:0 0 auto}
.pq-meta{flex-wrap:wrap}
.pq-q a,.pq-wrap p a,.pq-box>a{display:inline-block;padding:6px 0}
.pq-sheet>div{max-height:92vh;overflow-y:auto;padding-bottom:max(18px,env(safe-area-inset-bottom))}
.pq-sheet img{max-height:52vh;object-fit:contain}
.pq-sheet a,.pq-sheet button{min-height:48px}
.pq-toast{bottom:calc(90px + env(safe-area-inset-bottom))}
@media(max-width:899px){.pq-tabs{top:56px}}
@media(max-width:400px){.pq-wrap{padding-top:12px}.pq-hero{padding:20px 16px;border-radius:20px}.pq-card{padding:14px}.pq-badges{grid-template-columns:1fr 1fr}.pq-stat b{font-size:1.25rem}}
@media(min-width:600px) and (max-width:899px){.pq-list{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.pq-tabs{position:static}}
/* site footer / small links tap targets on touch */
@media(max-width:768px){footer a,.site-footer a,.footer-links a{display:inline-block;padding:8px 0;min-height:36px}}
/* ---- v2 ---- */
.pq-muted{opacity:.72;font-size:.88rem}
.pq-chip--daily{background:linear-gradient(90deg,#f59e0b,#f97316);color:#111;font-weight:900}
.pq-daily .pq-card{border:2px solid #f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12),0 8px 30px rgba(0,0,0,.12)}
.pq-streak{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:18px;margin-bottom:12px;background:linear-gradient(90deg,rgba(245,158,11,.16),rgba(99,102,241,.14));border:1px solid rgba(245,158,11,.3)}
.pq-streak>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.pq-streak .pq-fire{font-size:2rem;grid-row:span 2}.pq-streak b{font-size:1.2rem;font-weight:900}.pq-streak small{opacity:.8}
.pq-lv{display:grid;gap:4px;min-width:0;flex:1 1 200px;max-width:320px}
.pq-lvbar{height:8px;border-radius:9px;background:rgba(127,127,127,.25);overflow:hidden}.pq-lvbar i{display:block;height:100%;background:#20E51B;border-radius:9px}
.pq-promo{display:grid;gap:4px;text-decoration:none;color:inherit;margin-bottom:12px}.pq-promo span{opacity:.75;font-size:.88rem}
.pq-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pq-btn--go{background:#20E51B!important;color:#000!important;font-weight:900;min-height:44px;padding:10px 18px;border:0;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.pq-social{margin-top:14px}
.pq-react{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.pq-rx{min-height:44px;min-width:56px;padding:6px 12px;border-radius:999px;border:1px solid rgba(127,127,127,.25);background:rgba(127,127,127,.1);color:inherit;font-size:1rem;cursor:pointer;transition:transform .15s}
.pq-rx span{font-size:.85rem;font-weight:800;margin-left:2px}.pq-rx.on{background:rgba(32,229,27,.18);border-color:#20E51B}.pq-rx:active{transform:scale(1.15)}
.pq-cform{display:grid;gap:8px;margin-bottom:10px}
.pq-cform textarea,.pq-form input,.pq-form select,.pq-form textarea{width:100%;box-sizing:border-box;min-height:46px;padding:11px 12px;border-radius:12px;border:1px solid rgba(127,127,127,.3);background:rgba(127,127,127,.08);color:inherit;font:inherit;font-size:16px}
.pq-comments{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pq-comments li{padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.07);overflow-wrap:anywhere}
.pq-comments time{font-size:.75rem;opacity:.6;margin-left:6px}.pq-comments p{margin:4px 0 0}
.pq-two{display:grid;gap:14px}@media(min-width:760px){.pq-two{grid-template-columns:1fr 1fr}}
.pq-form{display:grid;gap:10px;align-content:start}.pq-form label{display:grid;gap:6px;font-weight:700;font-size:.9rem}
.pq-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.pq-code{font-family:ui-monospace,monospace;letter-spacing:.12em;font-size:1.1rem;color:#20E51B}
.pq-board li.me{background:rgba(32,229,27,.1);border-radius:10px}
.pq-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}@media(min-width:760px){.pq-kpis{grid-template-columns:repeat(4,1fr)}}
.pq-kpis div{padding:12px;border-radius:14px;background:rgba(127,127,127,.1);display:grid;gap:2px;min-width:0}.pq-kpis b{font-size:1.4rem;font-weight:900}.pq-kpis small{opacity:.75;font-size:.78rem}
.pq-crowd{display:grid;gap:8px;min-width:0}.pq-crowd>a{color:inherit;text-decoration:none}
.pq-cbar{position:relative;display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;background:rgba(127,127,127,.1);overflow:hidden;font-size:.9rem;margin-bottom:6px}
.pq-cbar i{position:absolute;left:0;top:0;bottom:0;background:rgba(99,102,241,.3);z-index:0}.pq-cbar.ok i{background:rgba(32,229,27,.3)}
.pq-cbar span,.pq-cbar em{position:relative;z-index:1;font-style:normal;font-weight:700;min-width:0;overflow-wrap:anywhere}.pq-cbar em{white-space:nowrap}
.pq-cats{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pq-cats li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-bottom:1px solid rgba(127,127,127,.15)}
.pq-cats small{opacity:.7;grid-column:1}.pq-cats b{grid-column:2;grid-row:1/span 2;align-self:center;font-size:1.15rem}
.pq-article h1{font-size:clamp(1.3rem,4.5vw,1.9rem);font-weight:900;line-height:1.25;margin:6px 0 12px;overflow-wrap:anywhere}.pq-lead{font-size:1.05rem;line-height:1.6}
.pq-packs{display:grid;gap:14px}@media(min-width:860px){.pq-packs{grid-template-columns:repeat(3,1fr)}}
.pq-pack{display:grid;gap:6px;align-content:start;position:relative}.pq-pack h3{margin:0;font-size:1.2rem;font-weight:900}.pq-pack ul{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px;font-size:.92rem}
.pq-pack.hot{border:2px solid #20E51B}.pq-pack .pq-chip{justify-self:start}
.pq-cta--wa{background:#25D366!important}
.pq-ad{margin:14px 0;padding:8px;border-radius:14px;border:1px dashed rgba(127,127,127,.3);min-height:100px;overflow:hidden}.pq-ad-l{display:block;font-size:.7rem;opacity:.55;margin-bottom:4px}
.pq-unlock{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(0,0,0,.55);padding:20px;overflow:hidden;animation:pqFade .25s}
.pq-unlock-in{background:var(--surface-1,#111827);color:#fff;border-radius:24px;padding:26px 22px;text-align:center;max-width:340px;width:100%;display:grid;gap:6px;border:2px solid #20E51B;animation:pqPop .5s cubic-bezier(.2,1.4,.4,1)}
.pq-unlock-ic{font-size:4rem;animation:pqSpin .9s ease-out}.pq-unlock-in small{opacity:.75;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.72rem}.pq-unlock-in b{font-size:1.35rem}
.pq-unlock-in button{margin-top:8px;min-height:46px;border:0;border-radius:12px;background:#20E51B;color:#000;font-weight:900;font-size:1rem;cursor:pointer}
.pq-conf{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:pqFall 1.8s ease-in forwards}
@keyframes pqFade{from{opacity:0}}@keyframes pqPop{from{transform:scale(.6);opacity:0}}@keyframes pqSpin{from{transform:rotate(-200deg) scale(.3)}}
@keyframes pqFall{to{transform:translateY(105vh) rotate(540deg);opacity:.8}}
@media(prefers-reduced-motion:reduce){.pq-unlock,.pq-unlock-in,.pq-unlock-ic,.pq-conf{animation:none}.pq-conf{display:none}}