/* DeenWorld Quiz — all rules are scoped under .dwq so the existing theme/Elementor design is untouched. */
.dwq{--em:#0B6B3A;--em-d:#084f2b;--forest:#092115;--gold:#D4AF37;--gold-l:#fbf3d4;--ink:#16241c;--mut:#40544a;--line:#dfe8e2;--bg:#f3f7f4;--red:#d93a3a;--red-l:#fde8e8;--ok-l:#dff3e6;--blue-l:#e6f0fb;
  --card:#fff;--rad:16px;
  font-family:var(--ff,'Hind Siliguri'),system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);line-height:1.55;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:12px}
.dwq *,.dwq *::before,.dwq *::after{box-sizing:border-box}
.dwq h1,.dwq h2,.dwq h3,.dwq p{margin:0}
.dwq a{color:var(--em)}
.dwq .dwq-i{width:20px;height:20px;flex:none}
.dwq-card{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--rad,16px);padding:18px;box-shadow:0 6px 22px rgba(9,33,21,.07)}
.dwq-center{text-align:center}
.dwq-muted{color:var(--mut)}
.dwq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--em);color:#fff!important;border:2px solid var(--em);border-radius:12px;padding:12px 22px;font-weight:600;font-size:17px;line-height:1.2;font-family:inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.dwq-btn:hover{background:var(--em-d)}
.dwq-btn:focus-visible,.dwq-opt:focus-visible,.dwq-tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.dwq-btn[disabled]{opacity:.55;cursor:not-allowed}
.dwq-btn-ghost{background:#fff;color:var(--em)!important}
.dwq-btn-ghost:hover{background:var(--ok-l)}
.dwq-btn-block{width:100%}
.dwq-pill{display:inline-block;border-radius:99px;padding:2px 12px;font-size:16px;font-weight:600}
.dwq-pill-ok{background:var(--ok-l);color:var(--em)}
.dwq-badge{background:var(--red);color:#fff;border-radius:99px;font-size:15.5px;padding:0 8px}
.dwq-alert{background:var(--red-l);color:#8c1c1c;border-radius:10px;padding:10px 14px;margin:10px 0;font-size:16.5px}

/* ---------- Quiz ---------- */
.dwq-qgrid{display:grid;grid-template-columns:var(--dwq-cols,minmax(0,1fr) var(--dwq-side,360px));gap:16px;align-items:start}
.dwq-qbanner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-radius:16px;padding:16px 20px;color:#fff;background:linear-gradient(120deg,var(--forest),var(--em))}
.dwq-qbanner h2{font-size:26px;font-weight:700;color:#fff}
.dwq-qbanner small{opacity:.85;font-size:16.5px;color:#fff}
.dwq-chips{display:flex;gap:10px}
.dwq-chip{background:#fff;color:var(--forest);border-radius:12px;padding:6px 16px;text-align:center;min-width:110px}
.dwq-chip b{display:block;font-size:20px;color:var(--em)}
.dwq-chip span{font-size:15.5px;color:var(--mut)}
.dwq-qmain{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.dwq-qtop{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap}
.dwq-qprog{flex:1;min-width:200px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.dwq-qprog h3{font-size:24px}
.dwq-bar{height:10px;border-radius:99px;background:#e3eae6;overflow:hidden}
.dwq-bar i{display:block;height:100%;background:var(--em);border-radius:99px;transition:width .3s}
.dwq-timer{background:var(--red-l);border:1px solid #f4c4c4;border-radius:14px;padding:10px 20px;min-width:230px;text-align:center}
.dwq-timer small{display:block;color:var(--red);font-weight:600}
.dwq-timer b{display:block;font-size:40px;line-height:1.1;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:.5px}
.dwq-timer .dwq-bar{background:#f6cfcf;margin-top:6px;height:6px}
.dwq-timer .dwq-bar i{background:var(--red)}
.dwq-timer.is-idle{background:#eef2ef;border-color:var(--line)}
.dwq-timer.is-idle small,.dwq-timer.is-idle b{color:var(--mut)}
.dwq-qtext{background:var(--ok-l);border:1px solid #b9e0c6;border-radius:14px;padding:18px 20px;font-size:26px;font-weight:600;line-height:1.4}
.dwq-opts{display:grid;grid-template-columns:var(--dwq-optcols,1fr 1fr);gap:12px}
.dwq-opt{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:600;font-size:20px;line-height:1.3;font-family:inherit;font-family:inherit;color:var(--ink);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.dwq-opt:hover:not([disabled]){border-color:var(--em)}
.dwq-opt .dwq-L{width:36px;height:36px;border-radius:50%;background:#e3eae6;color:var(--ink);display:grid;place-items:center;font-weight:700;flex:none}
.dwq-opt .dwq-T{flex:1;text-align:center}
.dwq-opt .dwq-R{width:24px;height:24px;border-radius:50%;border:2px solid #b7c4bc;flex:none;display:grid;place-items:center;font-size:16px;font-weight:700}
.dwq-opt.is-sel{border-color:var(--gold);background:var(--gold-l)}
.dwq-opt.is-sel .dwq-L{background:var(--gold);color:var(--forest)}
.dwq-opt.is-sel .dwq-R{border-color:var(--gold);background:var(--gold)}
.dwq-opt.is-ok{border-color:#1f9d55;background:#dff3e6}
.dwq-opt.is-ok .dwq-L{background:#1f9d55;color:#fff}
.dwq-opt.is-ok .dwq-R{border-color:#1f9d55;background:#1f9d55;color:#fff}
.dwq-opt.is-bad{border-color:var(--red);background:var(--red-l)}
.dwq-opt.is-bad .dwq-L{background:var(--red);color:#fff}
.dwq-opt.is-bad .dwq-R{border-color:var(--red);background:var(--red);color:#fff}
.dwq-opt[disabled]{cursor:default}
.dwq-submit-multi{align-self:flex-start}
.dwq-msg{background:var(--blue-l);border-radius:12px;padding:12px 16px;font-size:16px}
.dwq-msg.is-ok{background:var(--ok-l)}
.dwq-msg.is-bad{background:var(--red-l)}
.dwq-msg.is-warn{background:var(--gold-l)}
.dwq-bottom{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}
.dwq-qlist h3{font-size:19px;margin-bottom:10px}
.dwq-qlist ol{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.dwq-qlist li{text-align:center;font-size:15.5px;color:var(--mut);min-width:58px}
.dwq-qlist li i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0 auto 4px;background:#e3eae6;font-style:normal;font-weight:700;font-size:18px;color:var(--mut)}
.dwq-qlist li.is-done i{background:var(--em);color:#fff}
.dwq-qlist li.is-bad i{background:var(--red);color:#fff}
.dwq-qlist li.is-cur i{background:var(--gold-l);color:var(--forest);box-shadow:0 0 0 3px var(--gold)}
.dwq-trans{background:var(--red-l);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px}
.dwq-trans.is-idle{background:#eef2ef}
.dwq-trans strong{color:var(--red);font-size:19px}
.dwq-trans.is-idle strong{color:var(--mut)}
.dwq-ring{width:84px;height:84px;border-radius:50%;border:5px solid var(--red);display:grid;place-items:center;font-size:30px;font-weight:700;color:var(--red);background:#fff;flex:none}
.dwq-trans.is-idle .dwq-ring{border-color:#c4cfc8;color:var(--mut)}
.dwq-side{display:flex;flex-direction:column;gap:14px;order:var(--dwq-order,0)}
.dwq-lbcard{border:2px solid var(--em);padding:0;overflow:hidden}
.dwq-lbcard>header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;font-size:19px}
.dwq-live{font-size:15.5px;font-weight:600;color:var(--em);display:inline-flex;gap:6px;align-items:center}
.dwq-live i{width:10px;height:10px;border-radius:50%;background:#22c55e;display:inline-block}
.dwq-scroll{max-height:430px;overflow:auto}
.dwq-mine{background:var(--gold-l);border:1px solid #ecd98a;border-radius:14px;padding:12px 16px}
.dwq-mine h4{margin:0 0 6px;font-size:17px}
.dwq-rules h3{font-size:18px;margin-bottom:6px}
.dwq-rules ul,.dwq-rules ol{margin:0;padding-left:20px;font-size:16px;color:var(--mut)}

/* result */
.dwq-result{max-width:560px;margin:10px auto;text-align:center}
.dwq-result h2{font-size:30px;color:var(--em);margin-bottom:6px}
.dwq-bigscore{font-size:54px;font-weight:700;line-height:1.1}
.dwq-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}
.dwq-stats div{background:var(--bg);border-radius:12px;padding:10px}
.dwq-stats b{display:block;font-size:22px;color:var(--em);font-variant-numeric:tabular-nums}
.dwq-stats span{font-size:16px;color:var(--mut)}
.dwq-winline{background:var(--gold-l);border-radius:12px;padding:10px 14px;margin-bottom:14px}
.dwq-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ---------- Tables ---------- */
.dwq-table-wrap{overflow-x:auto}
.dwq-table{width:100%;border-collapse:collapse;font-size:16px;margin:0}
.dwq-table th{background:#eef3f0;text-align:left;padding:9px 12px;font-weight:600;border:0}
.dwq-table td{padding:8px 12px;border:0;border-bottom:1px solid #eef2ef;font-variant-numeric:tabular-nums}
.dwq-table tr.is-me td{background:#e8f6ee;font-weight:700}
.dwq-table tr.r1 td{background:var(--gold-l)}
.dwq-medal{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font-weight:700;font-size:14px}
.dwq-medal.m1{background:var(--gold)}.dwq-medal.m2{background:#a9b3ad}.dwq-medal.m3{background:#e0873a}

/* ---------- Leaderboard page ---------- */
.dwq-hero{text-align:center;color:#fff;border-radius:var(--rad,16px);padding:26px 16px;background:linear-gradient(135deg,var(--forest),var(--em) 70%);margin-bottom:14px}
.dwq-hero h1{font-size:34px;color:#fff}
.dwq-hero p{opacity:.9}
/* ---------- Winner boxes (v1.5.1: all four share one structure & height) ---------- */
.dwq-winners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;align-items:stretch}
.dwq-win-link,.dwq a.dwq-win-link{display:block;height:100%;color:inherit;text-decoration:none!important}
.dwq-win{--wc:#0B6B3A;display:flex;flex-direction:column;height:100%;min-height:230px;border-radius:var(--rad,16px);border:2px solid var(--wc);overflow:hidden;background:#fff}
.dwq-win-hd{margin:0;padding:14px 14px 0;text-align:center;font-size:20px;font-weight:800;line-height:1.5;color:var(--wc)}
.dwq-win-top{flex:1;display:flex;gap:14px;align-items:center;padding:12px 16px 14px}
.dwq-win-av{position:relative;flex:none;width:76px;height:76px}
.dwq-win-av .dwq-av{width:76px;height:76px;border:3px solid var(--wc)}
.dwq-crown{position:absolute;right:-6px;bottom:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:17px;line-height:1;color:#fff;background:var(--gold);border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.dwq-win-txt{flex:1;min-width:0;min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.dwq-win-name{font-weight:800;font-size:19px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--ink)}
.dwq-win-none{font-weight:700;font-size:17px;line-height:1.5;color:var(--mut)}
.dwq-win-meta{font-size:17px;line-height:1.6;color:var(--ink)}
.dwq-win-meta span{color:var(--mut);font-weight:600}.dwq-win-meta b{font-weight:800;font-variant-numeric:tabular-nums}
.dwq-win-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 8px;min-height:44px;padding:8px 14px;color:#fff;font-size:16px;font-weight:700;background:var(--wc)}
.dwq-win-daily{--wc:#0B6B3A}
.dwq-win-weekly{--wc:#1f5fae}.dwq-win-weekly .dwq-crown{background:#7a97c9}
.dwq-win-monthly{--wc:#b58511}.dwq-win-monthly .dwq-win-hd{color:#8a6208}
.dwq-win-yearly{--wc:#5b2f9e}.dwq-win-yearly .dwq-crown{background:#8e5bd1}
.dwq-win.is-empty .dwq-win-av .dwq-av{border-color:#cfd9d3}
/* ---------- Profile pictures (winner boxes, leaderboard, results) ---------- */
.dwq-av{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--avc,#0B6B3A);color:#fff;font-weight:800;font-size:18px;line-height:1;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.14);vertical-align:middle}
.dwq-av img{width:100%;height:100%;object-fit:cover;display:block}
.dwq-av b{font-weight:800;font-size:1em;line-height:1}
.dwq-av.sm{width:32px;height:32px;font-size:15px}
.dwq-av.is-none{background:#e4ece7;color:#8aa093}.dwq-av.is-none svg{width:56%;height:56%}
.dwq-win-av .dwq-av.is-ph{font-size:32px}
.dwq-lbuser{display:inline-flex;align-items:center;gap:10px;min-width:0}
.dwq-lbname{min-width:0;overflow-wrap:anywhere}
.dwq-table td .dwq-av{width:38px;height:38px}
.dwq-winline .dwq-av{margin-right:4px}
.dwq-ct-win.has-av{display:flex;align-items:center;gap:10px}
.dwq-lb-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.dwq-tabs{display:flex;gap:8px;flex-wrap:wrap}
.dwq-tab{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 18px;font-weight:600;font-size:16px;font-family:inherit;font-family:inherit;cursor:pointer;color:var(--ink)}
.dwq-tab.is-on{background:var(--em);color:#fff;border-color:var(--em)}
#dwq-lb-quiz{border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:600;font-size:16px;font-family:inherit;font-family:inherit;background:#fff;min-width:200px}
.dwq-lb-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.dwq-lb-main{padding:0;overflow:hidden;border:2px solid var(--forest)}
.dwq-lb-head{display:flex;justify-content:space-between;align-items:center;background:var(--forest);color:#fff;padding:12px 18px}
.dwq-lb-head h2{font-size:20px;color:#fff}
.dwq-lb-head .dwq-live{color:#b9f1cf}
.dwq-lb-side{display:flex;flex-direction:column;gap:14px}
.dwq-lb-side h3{font-size:18px;margin-bottom:8px}
.dwq-me b{font-size:30px;color:var(--em)}
.dwq-info{list-style:none;margin:0;padding:0;font-size:16.5px}
.dwq-info li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px dashed var(--line)}

/* ---------- Auth ---------- */
.dwq-auth{max-width:480px}
.dwq-auth-card{background:var(--card,#fff);border-radius:calc(var(--rad,16px) + 6px);padding:28px 24px;box-shadow:0 12px 40px rgba(9,33,21,.14);border:1px solid var(--line);text-align:center}
.dwq-mosque{width:72px;height:72px;display:block;margin:0 auto 6px}
.dwq-auth h1{font-size:30px;color:var(--forest);font-weight:700}
.dwq-sub{color:var(--mut);margin:4px 0 14px}
.dwq-form{text-align:left;display:flex;flex-direction:column;gap:6px}
.dwq-form small{color:var(--mut);font-size:15.5px;margin:-2px 0 4px 6px}
.dwq-field{display:flex;align-items:center;gap:10px;border:1px solid #cfdad3;border-radius:12px;padding:0 14px;background:#fff;color:var(--mut)}
.dwq-field:focus-within{border-color:var(--em);box-shadow:0 0 0 3px rgba(11,107,58,.15)}
.dwq-field input{flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:14px 0!important;font-weight:600;font-size:16px;font-family:inherit;font-family:inherit;color:var(--ink);min-width:0}
.dwq-eye{border:0;background:transparent;cursor:pointer;font-size:16px;padding:4px}
.dwq-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:16.5px;margin:2px 0 8px}
.dwq-check{display:flex;gap:8px;align-items:flex-start;font-size:16.5px;color:var(--ink)}
.dwq-check input{margin-top:6px}
.dwq-or{display:flex;align-items:center;gap:10px;color:var(--mut);margin:14px 0}
.dwq-or::before,.dwq-or::after{content:"";flex:1;height:1px;background:var(--line)}
.dwq-social{display:flex;justify-content:center}
.dwq-note{display:flex;gap:12px;text-align:left;background:#eef7f1;border:1px solid #cfe6d8;border-radius:14px;padding:14px;margin-top:16px;color:var(--em)}
.dwq-note div{display:flex;flex-direction:column;gap:6px;flex:1;color:var(--ink)}
.dwq-note span{font-size:16px;color:var(--mut)}
.dwq-secure,.dwq-switch{margin-top:14px;font-size:16px;color:var(--mut);display:flex;gap:6px;justify-content:center;align-items:center}
.dwq-hp{position:absolute!important;left:-9999px!important;height:0;width:0;opacity:0}

/* ---------- Account ---------- */
.dwq-account{max-width:720px;display:flex;flex-direction:column;gap:14px}
.dwq-acc-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.dwq-avatar{width:56px;height:56px;border-radius:50%;background:var(--ok-l);display:grid;place-items:center;color:var(--em)}
.dwq-dl{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;margin:0 0 14px}
.dwq-dl dt{color:var(--mut)}.dwq-dl dd{margin:0;font-weight:600;word-break:break-all}
.dwq-account h3{display:flex;gap:8px;align-items:center;font-size:20px;margin-bottom:10px}
.dwq-notifs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dwq-notifs a{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.dwq-notifs li.is-unread a{background:var(--gold-l);border-color:#ecd98a}
.dwq-notifs span,.dwq-notifs time{display:block;font-size:16px;color:var(--mut)}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .dwq-qgrid,.dwq-lb-grid{grid-template-columns:1fr}
  .dwq-side{order:0!important}
  .dwq-winners{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .dwq{padding:8px}
  .dwq-qtext{font-size:21px}
  .dwq-opts{grid-template-columns:1fr}
  .dwq-opt{font-size:18px}
  .dwq-bottom{grid-template-columns:1fr}
  .dwq-timer{width:100%}
  .dwq-timer b{font-size:36px}
  .dwq-winners{grid-template-columns:1fr}
  .dwq-hero h1{font-size:26px}
  .dwq-tab{padding:8px 12px;font-size:16px}
  .dwq-dl{grid-template-columns:1fr}
  .dwq-scroll{max-height:320px}
}
@media (prefers-reduced-motion:reduce){.dwq *{transition:none!important;animation:none!important}}

/* Elementor "Quiz Button" widget (works outside .dwq) */
.dwq-wbtn-wrap{display:flex}
.dwq-wbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--em,#0B6B3A);color:#fff;border-radius:12px;padding:14px 28px;font:600 18px/1.2 'Hind Siliguri',system-ui,sans-serif;text-decoration:none;cursor:pointer;border:0;transition:filter .15s}
.dwq-wbtn:hover{filter:brightness(1.1);color:#fff}

/* v1.3.4: option text must stay readable whatever the theme does to disabled/hover buttons */
.dwq-opt,.dwq-opt:hover,.dwq-opt:focus,.dwq-opt:active,.dwq-opt[disabled],.dwq-opt[disabled]:hover{color:var(--ink,#16221c)!important;-webkit-text-fill-color:var(--ink,#16221c)!important;opacity:1!important}
.dwq-opt .dwq-T{color:inherit!important}
.dwq-opt .dwq-L{color:var(--ink,#16221c)!important;-webkit-text-fill-color:currentColor!important}
.dwq-opt.is-ok .dwq-L,.dwq-opt.is-bad .dwq-L{color:#fff!important}

/* ---------- Account page (v1.4) ---------- */
.dwq-ac{max-width:1240px}
.dwq-ac-flash{border-radius:12px;padding:10px 16px;margin-bottom:12px;font-weight:600}
.dwq-ac-flash.is-ok{background:var(--ok-l);color:var(--em)}.dwq-ac-flash.is-bad{background:var(--red-l);color:#8c1c1c}
.dwq-ac-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:start}
.dwq-ac-main,.dwq-ac-aside,.dwq-ac-panels{display:flex;flex-direction:column;gap:16px}
.dwq-ac-panels{margin-top:16px}
.dwq-ac-box{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(9,33,21,.07)}
.dwq-ac-hd{display:flex;align-items:center;gap:10px;padding:12px 18px;color:#fff;font-weight:700;font-size:19px;background:linear-gradient(120deg,var(--forest),var(--em))}
.dwq-ac-hd.is-light{background:#eef4f0;color:var(--em)}
.dwq-ac-hd .dwq-ac-all,.dwq-ac-hd .dwq-ac-x{margin-left:auto;font-size:16px;font-weight:600;color:inherit!important;text-decoration:none;background:none;border:0;cursor:pointer}
.dwq-ac-body{padding:16px 18px}
.dwq-ac-prof{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.dwq-ac-avwrap{position:relative}
.dwq-ac-av{width:104px;height:104px;border-radius:50%;background:var(--em);color:#fff;display:grid;place-items:center;overflow:hidden}
.dwq-ac-av .dwq-i{width:56px;height:56px}.dwq-ac-av img{width:100%;height:100%;object-fit:cover}
.dwq-ac-cam{position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;border-radius:50%;background:var(--forest);color:#fff;border:3px solid #fff;display:grid;place-items:center;cursor:pointer;padding:0}
.dwq-ac-cam .dwq-i{width:16px;height:16px}
.dwq-ac-info h2{font-size:26px;margin-bottom:6px}
.dwq-ac-info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;color:var(--mut)}
.dwq-ac-info li{display:flex;gap:8px;align-items:center}
.dwq-ac-side{display:flex;flex-direction:column;gap:12px;min-width:250px}
.dwq-ac-editbtn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--em);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:700;font-size:17px;font-family:inherit;font-family:inherit;cursor:pointer}
.dwq-ac-editbtn:hover{background:var(--em-d)}
.dwq-ac-tip{display:flex;gap:10px;align-items:center;background:#eef7f1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--em)}
.dwq-ac-tip b{display:block;font-size:16.5px}.dwq-ac-tip small{color:var(--mut);font-size:15px}
.dwq-ac-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dwq-ac-stat{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}
.dwq-ac-stat small{display:block;font-weight:600}.dwq-ac-stat b{display:block;font-size:26px;line-height:1.2}.dwq-ac-stat em{font-style:normal;font-size:15.5px;color:var(--mut)}
.dwq-ac-sico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}
.dwq-ac-sico .dwq-i{width:24px;height:24px}
.c1{background:#eef8f2}.c1 .dwq-ac-sico{background:#0d9f5f}.c2{background:#eaf3fd}.c2 .dwq-ac-sico{background:#2f7de1}
.c3{background:#fdf5e4}.c3 .dwq-ac-sico{background:#f0a41a}.c4{background:#f3ecfb}.c4 .dwq-ac-sico{background:#7b2fbe}
.dwq-ac-tw{overflow-x:auto}
.dwq-ac-table{width:100%;border-collapse:collapse;font-size:16.5px}
.dwq-ac-table th{background:#f1f5f2;text-align:left;padding:8px 10px;font-weight:700}
.dwq-ac-table td{padding:9px 10px;border-top:1px solid var(--line);white-space:nowrap}
.dwq-ac-dot{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:8px;vertical-align:middle}
.dwq-ac-table td.is-good,.dwq-ac-table td.is-badr{font-weight:700}
.dwq-ac-table td .dwq-i{width:20px;height:20px;vertical-align:middle;margin-right:6px}
.is-good{color:var(--em)}.is-badr{color:var(--red)}
.dwq-ac-rank{display:flex;gap:16px;align-items:center;background:var(--gold-l);border:1px solid #ecd98a;border-radius:12px;padding:12px 16px}
.dwq-ac-rank .dwq-i{width:52px;height:52px;color:var(--gold)}.dwq-ac-rank b{font-size:30px;display:block;line-height:1.1}
.dwq-ac-perf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.dwq-ac-perf li{display:grid;grid-template-columns:28px 110px 1fr 44px auto;gap:8px;align-items:center}
.dwq-ac-tdot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff}.dwq-ac-tdot .dwq-i{width:14px;height:14px}
.dwq-ac-pb{height:10px;border-radius:99px;background:#e3eae6;overflow:hidden}.dwq-ac-pb i{display:block;height:100%;border-radius:99px}
.dwq-ac-perf small{color:var(--mut)}
.dwq-ac-set{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dwq-ac-set button,.dwq-ac-set a{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid transparent;border-radius:10px;padding:9px 10px;color:var(--ink)!important;text-decoration:none;cursor:pointer;font-family:inherit}
.dwq-ac-set button:hover,.dwq-ac-set a:hover{background:#f1f5f2}
.dwq-ac-set span{flex:1}.dwq-ac-set b{display:block;font-size:17px}.dwq-ac-set small{color:var(--mut);font-size:15.5px}
.dwq-ac-set .dwq-i:first-child{width:28px;height:28px;color:#4a5b52}.dwq-ac-set .dwq-i:last-child{width:18px;height:18px;color:#8a998f}
.dwq-ac-set .is-logout a{background:#fdecec;border-color:#f4c4c4}.dwq-ac-set .is-logout b,.dwq-ac-set .is-logout .dwq-i{color:var(--red)!important}
.dwq-ac-form{display:flex;flex-direction:column;gap:12px;max-width:520px}
.dwq-ac-form label{display:flex;flex-direction:column;gap:5px;font-weight:600}
.dwq-ac-form input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-weight:600;background:#fff}
@media (max-width:1000px){.dwq-ac-grid{grid-template-columns:1fr}.dwq-ac-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dwq-ac-prof{grid-template-columns:auto 1fr}.dwq-ac-side{grid-column:1/-1}}
@media (max-width:640px){
  .dwq-ac{padding:8px}
  .dwq-ac-grid,.dwq-ac-main,.dwq-ac-aside,.dwq-ac-panels{gap:12px}
  .dwq-ac-hd{padding:10px 14px;font-size:17px}
  .dwq-ac-body{padding:12px}
  .dwq-ac-prof{grid-template-columns:76px 1fr;gap:12px}
  .dwq-ac-av{width:76px;height:76px}.dwq-ac-av .dwq-i{width:40px;height:40px}
  .dwq-ac-cam{width:28px;height:28px;border-width:2px}
  .dwq-ac-info h2{font-size:21px;margin-bottom:4px}
  .dwq-ac-info ul{gap:3px;font-size:16px}.dwq-ac-info li span{word-break:break-all}
  .dwq-ac-side{min-width:0;gap:10px}
  .dwq-ac-editbtn{padding:11px 14px;font-size:16px}
  .dwq-ac-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dwq-ac-stat{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}
  .dwq-ac-sico{width:36px;height:36px}.dwq-ac-sico .dwq-i{width:20px;height:20px}
  .dwq-ac-stat small{font-size:15.5px}.dwq-ac-stat b{font-size:21px}.dwq-ac-stat em{font-size:15px}
  .dwq-ac-table,.dwq-ac-table tbody,.dwq-ac-table tr,.dwq-ac-table td{display:block;width:100%}
  .dwq-ac-table thead{display:none}
  .dwq-ac-table tr{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-bottom:8px}
  .dwq-ac-table td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:10px;white-space:normal;font-size:16px}
  .dwq-ac-table td::before{content:attr(data-l);color:var(--mut);flex:none}
  .dwq-ac-table td[data-l="#"]{display:none}
  .dwq-ac-table td.dwq-ac-nm{font-weight:700;font-size:16.5px}.dwq-ac-table td.dwq-ac-nm::before{display:none}
  .dwq-ac-table td.dwq-center::before{display:none}
  .dwq-ac-rank{padding:10px 12px;gap:12px}.dwq-ac-rank .dwq-i{width:40px;height:40px}.dwq-ac-rank b{font-size:26px}
  .dwq-ac-perf li{grid-template-columns:26px 1fr auto auto;gap:4px 8px}
  .dwq-ac-perf .dwq-ac-pb{grid-column:1/-1;order:5;display:block}
  .dwq-ac-set b{font-size:16px}.dwq-ac-set small{font-size:15px}
  .dwq-ac-form{max-width:none}.dwq-ac-form .dwq-btn{width:100%}
}
@media (max-width:360px){.dwq-ac-stats{grid-template-columns:1fr}}

/* ---------- Quiz Contest page (all quizzes) ---------- */
.dwq-ct [hidden]{display:none!important}
.dwq-ct-head{text-align:center;margin:6px 0 18px}
.dwq-ct-head h2{font-size:34px;font-weight:700;color:var(--forest);line-height:1.25}
.dwq-ct-head p{color:var(--mut);font-size:17px;margin-top:6px}
.dwq-ct-filters{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:18px}
.dwq-ct-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.dwq-ct-tab{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 18px;font-weight:600;font-size:16px;line-height:1.2;font-family:inherit;font-family:inherit;color:var(--ink);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.dwq-ct-tab:hover{border-color:var(--em)}
.dwq-ct-tab.is-on{background:var(--em);color:#fff;border-color:var(--em)}
.dwq-ct-tab:focus-visible,.dwq-ct-more:focus-visible,.dwq-ct-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.dwq-ct-n{font-style:normal;font-size:15.5px;background:rgba(0,0,0,.08);border-radius:99px;padding:0 8px;margin-left:4px}
.dwq-ct-tab.is-on .dwq-ct-n{background:rgba(255,255,255,.25)}
.dwq-ct-ttabs .dwq-ct-tab{padding:6px 14px;font-size:16px}
.dwq-ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.dwq-ct-card{--acc:var(--em);position:relative;display:flex;flex-direction:column;gap:10px;background:var(--card,#fff);border:1px solid var(--line);border-top:5px solid var(--acc);border-radius:var(--rad,16px);padding:16px 18px 18px;box-shadow:0 6px 22px rgba(9,33,21,.07);transition:transform .15s,box-shadow .15s}
.dwq-ct-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(9,33,21,.12)}
.dwq-ct-t-daily{--acc:#0B6B3A}.dwq-ct-t-weekly{--acc:#1f5fae}.dwq-ct-t-monthly{--acc:#b58511}.dwq-ct-t-yearly{--acc:#5b2f9e}.dwq-ct-t-custom{--acc:#0e7490}
.dwq-ct-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:26px}
.dwq-ct-type{background:var(--acc);color:#fff;border-radius:99px;padding:2px 14px;font-size:16px;font-weight:600}
.dwq-ct-status{border-radius:99px;padding:2px 12px;font-size:15.5px;font-weight:700;margin-left:auto}
.dwq-ct-status.is-live{background:#d7f5e0;color:#0a6b30}
.dwq-ct-status.is-live::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#1f9d55;margin-right:6px;animation:dwqct-pulse 1.4s infinite}
.dwq-ct-status.is-upcoming{background:#fcf3d1;color:#7a5b00}
.dwq-ct-status.is-completed{background:#e8ebe9;color:#444}
@keyframes dwqct-pulse{0%{box-shadow:0 0 0 0 rgba(31,157,85,.55)}70%{box-shadow:0 0 0 7px rgba(31,157,85,0)}100%{box-shadow:0 0 0 0 rgba(31,157,85,0)}}
.dwq-ct-name{font-size:22px;font-weight:700;line-height:1.3;color:var(--ink)}
.dwq-ct-prize{align-self:flex-start;background:var(--gold-l);border:1px solid #ecd98a;border-radius:12px;padding:4px 14px;font-size:20px;font-weight:700;color:#7a5b00}
.dwq-ct-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:16.5px}
.dwq-ct-meta li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:4px}
.dwq-ct-meta span{color:var(--mut)}
.dwq-ct-meta b{text-align:right;font-weight:600}
.dwq-ct-count{background:#eef6f1;border-radius:12px;padding:8px 12px;text-align:center;font-size:16.5px;color:var(--mut)}
.dwq-ct-count b{display:block;font-size:24px;color:var(--em);font-variant-numeric:tabular-nums;line-height:1.25}
.dwq-ct-win{background:var(--gold-l);border-radius:12px;padding:8px 12px;font-size:16.5px}
.dwq-ct-win small{display:block;color:var(--mut);font-size:15.5px}
.dwq-ct-win.is-wait{color:var(--mut);background:#f3f5f4}
.dwq-ct-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--acc);color:#fff!important;border:2px solid var(--acc);border-radius:12px;padding:11px 18px;font-weight:600;font-size:17px;line-height:1.25;font-family:inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:filter .15s,transform .1s}
.dwq-ct-btn:hover{filter:brightness(.92);color:#fff}
.dwq-ct-btn.is-result{background:#fff;color:var(--acc)!important}
.dwq-ct-btn.is-result:hover{background:var(--ok-l);color:var(--acc)!important}
.dwq-ct-btn.is-disabled{background:#8fa59a;border-color:#8fa59a;opacity:.85;cursor:not-allowed;pointer-events:none}
.dwq-ct-empty{text-align:center;padding:26px 0;font-size:17px}
.dwq-ct-morewrap{text-align:center;margin-top:20px}
.dwq-ct-more{background:var(--em);color:#fff;border:2px solid var(--em);border-radius:12px;padding:10px 28px;font-weight:600;font-size:17px;line-height:1.2;font-family:inherit;font-family:inherit;cursor:pointer}
.dwq-ct-more:hover{background:var(--em-d)}
@media(max-width:600px){.dwq-ct-head h2{font-size:26px}.dwq-ct-grid{grid-template-columns:1fr}}

/* ---------- v1.4.3 ---------- */
.dwq-ac-rk{font-weight:600}.dwq-ac-rk .dwq-ac-of{color:var(--mut);font-weight:600;font-size:15.5px}

/* Mobile quiz: timer + question number stay pinned on screen, question and options are compact so they fit one screen */
@media (max-width:640px){
  .dwq-qtop{position:sticky;top:var(--dwq-stk,0px);z-index:30;flex-wrap:nowrap;align-items:center;gap:10px;padding:8px 12px;box-shadow:0 4px 14px rgba(9,33,21,.16)}
  .dwq-qprog{min-width:0;flex:1 1 auto;gap:6px}
  .dwq-qprog h3{font-size:17px;line-height:1.25}
  .dwq-timer{width:auto;min-width:112px;flex:none;padding:5px 12px;border-radius:12px}
  .dwq-timer small{font-size:15px;line-height:1.2}
  .dwq-timer b{font-size:28px}
  .dwq-timer .dwq-bar{margin-top:3px;height:5px}
  .dwq-qmain{gap:10px}
  .dwq-qtext{font-size:19px;padding:12px 14px;line-height:1.35}
  .dwq-opts{gap:8px}
  .dwq-opt{font-size:16px;padding:8px 10px;gap:8px}
  .dwq-opt .dwq-L{width:30px;height:30px}
  .dwq-msg{padding:8px 12px;font-size:16px}
  .dwq-qbanner{padding:12px 14px}
  .dwq-qbanner h2{font-size:21px}
  .dwq-ac-table td.dwq-ac-rk{font-size:16px}
}

/* ---------- v1.5.5: admin messages in the account page ---------- */
.dwq-ac-set li.is-locked button{opacity:.62;cursor:not-allowed;background:#f4f6f5;border:1px dashed #b9c6bf}
.dwq-ac-set li.is-locked button:hover{background:#f4f6f5}
.dwq-msg-thread{max-height:360px;overflow:auto;background:#f6f8f7;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.dwq-msg-b{max-width:86%;padding:9px 13px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.dwq-msg-b small{display:block;color:var(--mut);font-size:14px;margin-bottom:2px}
.dwq-msg-b p{margin:0;font-size:16.5px;line-height:1.6;word-break:break-word}
.dwq-msg-b.is-admin{align-self:flex-start;background:#e3f6ea;border-color:#9bd3b0}
.dwq-msg-b.is-me{align-self:flex-end;background:#fff7dc;border-color:#ecd98a}
.dwq-msg-form textarea{width:100%;border:2px solid #cfe0d5;border-radius:12px;padding:10px 12px;font:inherit;font-size:16.5px;resize:vertical;min-height:84px}
.dwq-msg-form textarea:focus{outline:0;border-color:var(--em)}
.dwq-msg-note{margin-top:8px;font-size:15px}
/* stats cards: the long sub-line wraps neatly */
.dwq-ac-stat em{font-style:normal;display:block;line-height:1.5}

/* v1.6.5 prize picture */
.dwq-ct-prize img{width:30px;height:30px;object-fit:cover;border-radius:6px;vertical-align:middle}
.dwq-ct-prize.has-img{display:inline-flex;align-items:center;gap:10px;padding:6px 14px}
.dwq-ct-prize img.dwq-pimg{width:auto;height:auto;max-width:80px;max-height:80px;object-fit:contain;border-radius:6px;vertical-align:middle}

/* v1.6.21 - score-card share */
.dwq-btn-share{background:#D4AF37;border-color:#D4AF37;color:#16241c!important}
.dwq-btn-share:hover{background:#c29a24}
.dwq-sharepanel{margin-top:16px;padding:16px;border:2px dashed #D4AF37;border-radius:16px;background:#fffaf0;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.dwq-shareimg{width:100%;max-width:340px;height:auto;border-radius:14px;box-shadow:0 8px 22px rgba(9,33,21,.25)}
.dwq-sharelinks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}