/* PDPQUEST TILE: a small PDPQuest arena in the product's own look (pdpquest.com's night navy, gold stage,
   skill coin and karate Piko), so it reads as PDPQuest rather than as another dark site card */
.small-project.quest-tile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);grid-template-areas:"copy stage" "ctas ctas";grid-template-rows:1fr auto;gap:16px 10px;align-items:stretch;padding:24px;
  background:radial-gradient(90% 75% at 82% 100%,#1f3a9a59,transparent 62%),radial-gradient(70% 60% at 0% 0%,#9456df26,transparent 70%),#080b1a;border-color:#252b4d;color:#fff}
.qt-copy{grid-area:copy;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.quest-tile h2{margin:0;line-height:0;font-size:0}
.qt-logo{width:132px;height:auto}
.qt-kicker{margin-top:14px;font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.24em;text-transform:uppercase;color:#c7bdf5}
.qt-tagline{margin-top:6px;font-size:16px;line-height:1.4;color:#c9cbe0}
.qt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.qt-chips li{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff21;font-size:14px;line-height:1.3;color:#c9cbe0;white-space:nowrap}
.qt-chips strong{font-family:var(--display);font-size:19px;font-weight:700;color:#fff}
.qt-stage{grid-area:stage;position:relative;min-height:170px;container-type:inline-size}
.qt-floor{position:absolute;left:-6%;right:-6%;bottom:0;width:112%;max-width:none;height:auto}
.qt-piko{position:absolute;right:4%;bottom:7%;height:calc(100% - 4px);max-height:200px;width:auto;filter:drop-shadow(0 8px 10px #0008)}
.qt-coin{position:absolute;left:0;top:4px;width:86px;height:86px;padding:0;background:url(assets/pdpquest/coin-navy.webp) center/100% 100% no-repeat;border-radius:22%;color:#fff;text-shadow:0 1px 2px #00000059;filter:drop-shadow(0 6px 12px #1cb0f640);animation:qt-bob 3.2s ease-in-out infinite;transition:filter .2s}
.qt-coin:hover{animation-play-state:paused;filter:drop-shadow(0 8px 18px #1cb0f6a6) brightness(1.12)}
.qt-coin-name{position:absolute;inset:21% 13% auto;height:46%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10.5px;line-height:1.08;font-weight:800}
.qt-coin-lvl{position:absolute;left:0;right:0;top:75.5%;height:11%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
@keyframes qt-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(3deg)}}
/* a narrow stage (tablet, phone): the coin tucks into the corner and Piko steps down beside it instead of under it */
@container (max-width:250px){.qt-piko{right:-2%;height:calc(100% - 58px)}.qt-coin{width:58px;height:58px;top:0;left:-4px}.qt-coin-name{font-size:7px}.qt-coin-lvl{font-size:7.5px}}
.qt-ctas{grid-area:ctas;display:flex;flex-wrap:wrap;gap:10px}
.qt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:14px;font-size:16px;font-weight:800;line-height:1.2;text-decoration:none;transition:opacity .15s,background .15s,transform .15s}
.qt-btn svg{width:17px;height:17px}
.qt-btn:active{transform:scale(.98)}
.qt-btn-primary{background:#ff9600;color:#3c3c3c}
.qt-btn-primary:hover{opacity:.9}
.qt-btn-ghost{background:#ffffff0f;color:#fff;border:2px solid #ffffff40}
.qt-btn-ghost:hover{background:#ffffff1f}
@media(min-width:701px) and (max-width:1050px){.small-project.quest-tile{padding:22px}}
@media(max-width:1200px) and (min-width:1051px){.qt-btn{padding:10px 14px;font-size:15px}}
@media(max-width:420px){.small-project.quest-tile{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);padding:22px}.qt-ctas .qt-btn{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.qt-coin{animation:none}}

/* PDPQUEST SKILL CHECK POP-UP: PDPQuest's own palette and type, so it looks like the product, not the site */
html.pq-lock{overflow:hidden}
.pq{--grape:#9456df;--grape-dark:#8549ce;--grape-light:#f2e5ff;--teal:#2ec4b6;--teal-dark:#1a7a72;--teal-light:#d9f6f3;--sky:#1cb0f6;--sky-dark:#1275a4;--sky-light:#ddf4ff;--sun:#ffc800;--sun-dark:#e6a800;--sun-light:#fff4d1;--tang:#ff9600;--tang-dark:#a75e00;--berry:#d63f3f;--berry-dark:#c32d2d;--berry-light:#ffdfe0;--ink:#3c3c3c;--mute:#7a756d;--line:#d3d0ca;--violet:#8b5cf6;--alert:#e5484d;
  --pq-display:"Baloo 2","Nunito",ui-sans-serif,sans-serif;
  position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--ink);font:600 16px/1.5 "Nunito",ui-sans-serif,system-ui,sans-serif;overflow:hidden}
.pq::backdrop{background:rgba(60,60,60,.5)}
.pq *{box-sizing:border-box}
.pq h2,.pq h3,.pq p{margin:0;letter-spacing:0}
.pq button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.pq button:focus-visible,.pq a:focus-visible{outline:3px solid var(--grape);outline-offset:3px}
.pq svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.pq img{display:block;max-width:100%}
.pq-scroll{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:16px}
.pq-panel{position:relative;margin:auto 0;display:flex;flex-direction:column;width:100%;max-width:800px;min-height:min(88svh,44rem);max-height:94svh;background:#fff;border:2px solid var(--line);border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:28px}
.pq-thinking,.pq-result,.pq-review,.pq-empty-wrap{border-radius:28px}
.pq-panel.pq-thinking,.pq-panel.pq-result,.pq-panel.pq-empty{padding:40px}
.pq-close{position:absolute;top:8px;right:8px;z-index:20;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:24px!important;line-height:1;font-weight:700!important;color:#7a756db3!important;transition:background .15s,color .15s}
.pq-close:hover{background:#d3d0ca66!important;color:var(--ink)!important}
.animate-pop{animation:pq-pop .4s cubic-bezier(.34,1.56,.64,1) both}
@keyframes pq-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}
.pq-kicker{display:flex;align-items:center;gap:8px;font:700 13px/1.3 var(--pq-display);text-transform:uppercase;letter-spacing:.22em;color:var(--grape-dark)}
.pq-kicker img{width:36px;height:36px;object-fit:contain}

/* buttons */
.pq-btn-3d{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px!important;padding:12px 32px!important;font:700 14px/1.4 var(--pq-display)!important;letter-spacing:.04em;text-transform:uppercase;user-select:none;transition:transform .08s,box-shadow .08s,filter .12s;box-shadow:0 6px 16px color-mix(in srgb,var(--btn-shadow) 28%,transparent)}
.pq-btn-3d:hover{filter:brightness(1.06)}
.pq-btn-3d:active{transform:translateY(1px);box-shadow:0 2px 8px color-mix(in srgb,var(--btn-shadow) 24%,transparent)}
.pq-btn-3d svg{width:18px;height:18px;transition:transform .15s}
.pq-btn-3d:hover svg{transform:translateX(4px)}
.pq-back:hover svg{transform:translateX(-4px)}
.pq-purple{background:var(--grape)!important;color:#fff!important;--btn-shadow:var(--grape-dark)}
.pq-teal{background:var(--teal)!important;color:var(--ink)!important;--btn-shadow:var(--teal-dark)}
.pq-blue{background:var(--sky)!important;color:var(--ink)!important;--btn-shadow:var(--sky-dark)}
.pq-btn-grape,.pq-btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:16px!important;padding:16px 20px!important;font:800 16px/1.25 "Nunito",sans-serif!important;transition:opacity .15s}
.pq-btn-grape{width:100%;background:var(--grape)!important;color:#fff!important}
.pq-btn-pill{background:#ff9600!important;color:var(--ink)!important;padding:10px 32px!important;font-size:14px!important;margin-top:24px}
.pq-btn-grape:hover:not(:disabled),.pq-btn-pill:hover{opacity:.9}
.pq-btn-grape:disabled{opacity:.6;cursor:not-allowed}
.pq-btn-outline{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border:2px solid var(--line)!important;background:#fff!important;border-radius:999px;padding:12px;font:700 14px/1.4 var(--pq-display)!important;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)!important;transition:all .15s}
.pq-btn-outline:hover{border-color:#1cb0f699!important;background:#ddf4ff80!important;color:var(--sky-dark)!important}

/* intro */
.pq-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;min-height:0;flex:1;overflow-y:auto;margin-right:-8px;padding-right:8px}
.pq-heading{margin-top:12px!important;font:800 44px/1.08 var(--pq-display)!important;color:var(--ink)}
.pq-heading span{color:var(--grape-dark)}
.pq-skill{margin-top:10px!important;font-size:20px;font-weight:600;color:var(--mute)}
.pq-status{display:inline-flex;align-items:center;gap:6px;margin-top:16px;border-radius:999px;padding:6px 14px;font:700 12px/1.4 var(--pq-display);text-transform:uppercase;letter-spacing:.12em;background:var(--sun-light);color:var(--tang-dark)}
.pq-status.is-ready{background:var(--teal-light);color:var(--teal-dark)}
.pq-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.pq-fact{border-radius:16px;border:1.5px solid;background:#fff;padding:12px;text-align:center}
.pq-fact img{width:40px;height:40px;margin:0 auto;object-fit:contain}
.pq-fact.is-grape{border-color:#9456df40;box-shadow:0 2px 10px #9456df0f}
.pq-fact.is-sky{border-color:#1cb0f659;box-shadow:0 2px 10px #1cb0f60f}
.pq-fact.is-sun{border-color:#ffc80099;box-shadow:0 2px 10px #ffc80014}
.pq-fact-num{margin-top:8px!important;font:800 24px/1.2 var(--pq-display)}
.pq-fact-num small{font-size:14px}
.is-grape .pq-fact-num{color:var(--grape-dark)}.is-sky .pq-fact-num{color:var(--sky-dark)}.is-sun .pq-fact-num{color:var(--tang-dark)}
.pq-fact-label{margin-top:2px!important;font:700 14px/1.3 var(--pq-display)}
.pq-fact-hint{margin-top:4px!important;font-size:11px;line-height:1.25;font-weight:600;color:var(--mute)}
.pq-tip{display:flex;align-items:center;gap:12px;margin-top:14px;border-radius:12px;background:#f2e5ff4d;padding:10px 14px}
.pq-tip>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0000000d}
.pq-tip svg{stroke:none}
.pq-tip p{font-size:14px;font-weight:700;color:#3c3c3cd9}
.pq-start{position:sticky;bottom:0;z-index:10;margin-top:20px;background:#fffffff2;padding:8px 0 4px;backdrop-filter:blur(4px)}
.pq-start p{margin-top:10px!important;text-align:center;font-size:14px;font-weight:600;color:var(--mute)}
.pq-intro-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:288px;padding-bottom:8px}
.pq-halo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,#9456df29,transparent 70%)}
.pq-deco{position:absolute}
.d1{top:32px;left:8px;font-size:18px;color:var(--sun)}.d2{top:4px;right:24px;font-size:12px;color:#9456dfb3}.d3{right:4px;bottom:64px;font-size:10px;color:var(--tang)}.d4{bottom:24px;left:16px;font-size:12px;color:#9456df80}
.pq-think{position:relative;height:256px;width:auto;object-fit:contain;object-position:bottom}
.pq-caption{position:relative;margin-top:4px!important;display:flex;align-items:center;justify-content:center;height:32px;text-align:center;font:700 11px/1.25 var(--pq-display);color:var(--grape-dark)}
.pq-ready{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.pq-bubble{position:relative;z-index:1;margin-bottom:16px;max-width:208px;border-radius:24px;border:1px solid #9456df33;background:#fff;padding:10px 16px;text-align:center;font:700 14px/1.375 var(--pq-display);box-shadow:0 4px 16px #9456df2e}
.pq-bubble span{color:var(--grape-dark)}
.pq-bubble i{position:absolute;bottom:-7px;left:50%;width:14px;height:14px;transform:translateX(-50%) rotate(45deg);border-right:1px solid #9456df33;border-bottom:1px solid #9456df33;background:#fff}
.pq-ready-img{position:relative;height:224px;width:auto;object-fit:contain;object-position:bottom}

/* question */
.pq-qhead{display:flex;flex-shrink:0;align-items:center;gap:12px}
.pq-head{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;overflow:hidden;border-radius:50%;background:#f2e5ff66}
.pq-head img{width:44px;height:44px;object-fit:contain}
.pq-qtitle{display:flex;align-items:center;gap:6px;font:700 14px/1.3 var(--pq-display);text-transform:uppercase;letter-spacing:.14em;color:var(--grape-dark)}
.pq-qtitle span{color:var(--sun)}
.pq-count{margin-left:auto!important;font-size:14px;font-weight:600;color:var(--mute)}
.pq-qhead .pq-close{position:static;margin-right:-8px;margin-left:4px;color:#7a756d99!important}
.pq-progress{display:flex;flex-shrink:0;align-items:center;gap:16px;margin-top:20px;border-bottom:2px solid #d3d0cab3;padding-bottom:16px}
.pq-steps{display:flex;flex:1;align-items:center}
.pq-step{display:flex;flex:1;align-items:center}
.pq-step:last-child{flex:none}
.pq-step span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;font:700 14px/1 var(--pq-display);background:#d3d0ca99;color:var(--mute);transition:all .15s}
.pq-step span.is-now{background:var(--grape);color:#fff;box-shadow:0 2px 0 var(--grape-dark)}
.pq-step span.is-done{background:#f2e5ff99;color:var(--grape-dark)}
.pq-step i{flex:1;height:2px;margin:0 4px;border-radius:999px;background:#d3d0cab3}
.pq-step i.is-done{background:#9456df66}
.pq-level{display:inline-flex;align-items:center;gap:6px;border:3px solid #5fb4f2;background:#e6f3fe;color:#1156d6;border-radius:999px;padding:.3rem .75rem .3rem .5rem;font:800 .8rem/1.2 var(--pq-display)}
.pq-level img{width:22px;height:22px;object-fit:contain}
.pq-level i{width:1px;height:14px;background:#5fb4f2}
.pq-progress-level{margin-left:12px;flex-shrink:0}
.pq-timer{display:flex;flex-shrink:0;align-items:center;gap:8px;border-radius:999px;border:2px solid #9456df66;background:#fff;padding:8px 16px;transition:all .15s}
.pq-timer svg{color:var(--violet)}
.pq-timer b{font:800 20px/1 var(--pq-display);font-variant-numeric:tabular-nums;color:var(--ink)}
.pq-timer small{font:700 14px/1 var(--pq-display);color:var(--mute)}
.pq-timer.is-urgent{border-color:#d63f3f99;background:#d63f3f1a}
.pq-timer.is-urgent svg{color:var(--alert)}
.pq-timer.is-urgent b,.pq-timer.is-urgent small{color:var(--berry)}
.pq-body{display:flex;flex-direction:column;min-height:0;flex:1}
.pq-qtop{flex-shrink:0}
.pq-question{margin-top:24px!important;font:800 24px/1.375 var(--pq-display)!important;color:var(--ink)}
.pq-hint{display:inline-flex;align-items:center;gap:8px;margin-top:8px!important;border-radius:999px;background:#f2e5ff66;padding:4px 12px;font-size:12px;font-weight:700;color:var(--grape-dark)}
.pq-hint-dot{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:2px solid var(--grape-dark)}
.pq-hint-dot i{width:6px;height:6px;border-radius:50%;background:var(--grape-dark)}
.pq-hint-box{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:5px;border:2px solid var(--grape-dark);font-size:9px;line-height:1}
.pq-options{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;overflow-y:auto;margin:20px -8px 0 0;padding:2px 8px 2px 0}
.pq-option{display:flex!important;width:100%;align-items:center;gap:16px;border:2px solid var(--line)!important;background:#fff!important;border-radius:16px;padding:14px 16px;text-align:left;transition:all .15s}
.pq-option:hover{border-color:#9456df66!important;background:#f2e5ff1a!important}
.pq-option.is-on{border-color:var(--grape)!important;background:#f2e5ff4d!important}
.pq-letter{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;font:700 16px/1 var(--pq-display);background:#f2e5ff66;color:var(--grape-dark);transition:all .15s}
.is-on .pq-letter{background:var(--grape);color:#fff}
.pq-letter.is-multi{border-radius:12px;border:2px solid #9456df59;background:#fff}
.is-on .pq-letter.is-multi{border-color:var(--grape);background:var(--grape);color:#fff}
.pq-option-text{flex:1;font-size:16px;font-weight:600;color:var(--ink)}
.pq-tick{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--grape);color:#fff;font-size:14px;font-weight:700}
.pq-foot{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;border-top:2px solid #d3d0cab3;padding-top:16px}
.pq-note{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;line-height:1.25;color:var(--mute)}
.pq-note span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#f2e5ff66;font:700 14px/1 var(--pq-display);color:var(--grape-dark)}
.pq-next-wrap{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pq-error{display:flex;align-items:center;gap:6px;border-radius:999px;background:var(--berry-light);padding:4px 12px;font:700 11px/1.3 var(--pq-display);color:var(--berry-dark)}
.pq-error:before{content:"!";display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;font-size:9px}

/* result */
.pq-result{display:flex;flex-direction:column;align-items:center;min-height:0;flex:1;overflow-y:auto;margin-right:-8px;padding-right:8px;text-align:center}
.pq-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:256px;flex-shrink:0;overflow:hidden}
.pq-stage>img{position:relative;height:208px;width:auto;object-fit:contain}
.pq-stage>span{position:absolute;pointer-events:none}
.pq-glow{left:50%;top:50%;width:240px;height:240px;transform:translate(-50%,-50%);border-radius:50%;filter:blur(40px)}
.pq-glow.is-pass{background:radial-gradient(circle,#2ec4b6f2 0%,#ff96008c 35%,#ce82ff66 60%,transparent 75%)}
.pq-glow.is-fail{background:radial-gradient(circle,#1cb0f659 0%,#7a756d38 55%,transparent 75%)}
.pq-rays{left:50%;top:50%;width:288px;height:288px;margin:-144px 0 0 -144px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#2ec4b6d9 0deg 7deg,transparent 7deg 22deg);-webkit-mask-image:radial-gradient(circle,transparent 30%,#000 42%,transparent 70%);mask-image:radial-gradient(circle,transparent 30%,#000 42%,transparent 70%);animation:pq-spin 14s linear infinite}
.pq-ring{left:50%;top:50%;width:160px;height:160px;border-radius:50%;border:4px solid var(--sun);animation:pq-ring 2.6s ease-out infinite}
.pq-ring.r2{border-color:#ce82ff;animation-delay:1.3s}
.pq-confetti{left:50%;top:50%;animation:pq-burst 2.2s ease-out infinite}
.pq-twinkle{font-size:20px;animation:pq-twinkle 1.9s ease-in-out infinite}
.pq-pulse{left:50%;top:50%;width:176px;height:176px;border-radius:50%;border:4px solid #1cb0f659;animation:pq-pulse 3.2s ease-in-out infinite}
.pq-rain{top:0;width:4px;border-radius:999px;animation:pq-rain 3.4s linear infinite}
@keyframes pq-burst{0%{transform:translate(-50%,-50%) scale(.4) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1) rotate(var(--rot));opacity:0}}
@keyframes pq-ring{0%{transform:translate(-50%,-50%) scale(.5);opacity:.75}100%{transform:translate(-50%,-50%) scale(1.9);opacity:0}}
@keyframes pq-twinkle{0%,100%{transform:scale(.5) rotate(0);opacity:.15}50%{transform:scale(1.15) rotate(25deg);opacity:1}}
@keyframes pq-pulse{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.18}}
@keyframes pq-rain{0%{transform:translateY(-20px);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(260px);opacity:0}}
@keyframes pq-spin{to{transform:rotate(360deg)}}
.pq-score{margin-top:8px!important;font:800 48px/1 var(--pq-display)!important;color:var(--ink)}
.pq-verdict{display:flex;width:100%;align-items:center;gap:12px;margin-top:16px}
.pq-verdict>i{flex:1;height:2px;border-radius:999px;background:var(--line)}
.pq-verdict>span{display:flex;align-items:center;gap:8px;font:800 18px/1.3 var(--pq-display)}
.pq-verdict.is-pass>span{color:var(--teal-dark)}
.pq-verdict.is-fail>span{color:var(--berry)}
.pq-trophy{color:var(--sun-dark)}
.pq-verdict-line{margin-top:6px!important;font-size:14px;font-weight:600;color:var(--mute)}
.pq-result-level{margin-top:16px}
.pq-result-actions{display:grid;width:100%;gap:10px;margin-top:24px}
.pq-result-actions .pq-btn-3d{width:100%;padding:14px 32px!important}
.pq-honesty{margin-top:16px!important;font-size:12px;line-height:1.625;font-weight:600;color:var(--mute)}
.pq-honesty a{color:var(--grape-dark);font-weight:700}

/* review */
.pq-review-title{font:800 24px/1.3 var(--pq-display)!important;color:var(--ink)}
.pq-review-sub{margin-top:2px!important;font-size:14px;font-weight:600;color:var(--mute)}
.pq-review-list{display:flex;flex-direction:column;gap:24px;min-height:0;flex:1;overflow-y:auto;margin:16px -8px 0 0;padding-right:8px}
.pq-review-label{font:700 14px/1.3 var(--pq-display);color:var(--mute)}
.pq-review-q{margin-top:4px!important;font-size:16px;font-weight:600;color:var(--ink)}
.pq-review-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.pq-review-option{border:2px solid var(--line);background:#fff;border-radius:16px;padding:12px 16px;text-align:left}
.pq-review-option.is-right{border-color:var(--teal);background:#d9f6f366}
.pq-review-option.is-wrong{border-color:var(--berry);background:#ffdfe066}
.pq-review-option.is-other{opacity:.6}
.pq-review-row{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.pq-review-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;font:700 14px/1 var(--pq-display);background:#d3d0ca99;color:var(--mute)}
.is-right .pq-review-mark{background:var(--teal);color:#fff}
.is-wrong .pq-review-mark{background:var(--berry);color:#fff}
.pq-review-option p{margin:8px 0 0 48px!important;font-size:12px;line-height:1.625;color:var(--mute)}
.pq-back{width:100%;flex-shrink:0;margin-top:16px;padding:14px 32px!important}

/* empty */
.pq-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.pq-empty-art{height:160px;width:auto;margin:0 auto}
.pq-empty .pq-kicker{margin-top:16px}
.pq-empty h3{margin-top:8px!important;font:800 24px/1.3 var(--pq-display)}
.pq-empty>p:not(.pq-kicker){margin:12px auto 0!important;max-width:384px;font-size:14px;line-height:1.625;color:var(--mute)}

/* phones and short screens: full screen, tighter, and the question never scrolls away */
@media(max-width:767px){.pq-intro{grid-template-columns:1fr}.pq-intro-art{min-height:240px}.pq-think{height:200px}.pq-ready-img{height:180px}.pq-heading{font-size:36px!important}}
@media(max-width:639px),(max-height:480px){
  .pq-scroll{padding:0}
  .pq-panel{min-height:100%;max-height:none;height:100%;border-radius:0!important;border:0;padding:16px!important}
  .pq-panel.pq-thinking,.pq-panel.pq-result,.pq-panel.pq-empty{padding:24px!important}
  .pq-head,.pq-qtitle,.pq-count{display:none}
  .pq-qhead{position:absolute;top:8px;right:8px;z-index:20}
  .pq-qhead .pq-close{margin:0}
  .pq-progress{margin-top:0;gap:8px;padding:0 48px 12px 0}
  .pq-progress-level{display:none}
  .pq-step span{width:28px;height:28px;font-size:13px}
  .pq-timer{gap:6px;padding:4px 10px}.pq-timer b{font-size:16px}.pq-timer small{font-size:11px}
  .pq-question{margin-top:12px!important;font-size:19px!important}
  .pq-options{margin-top:12px}
  .pq-option{gap:12px;padding:10px 12px}
  .pq-letter{width:36px;height:36px;font-size:15px}
  .pq-option-text{font-size:15px}
  .pq-facts{gap:8px;margin-top:16px}.pq-fact img{width:28px;height:28px}.pq-fact-num{font-size:18px;margin-top:4px!important}.pq-fact-label{font-size:11px}.pq-fact-hint{display:none}
}
@media(max-height:480px){.pq-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:20px}.pq-question{margin-top:8px!important;font-size:18px!important}.pq-options{margin-top:0;height:100%;gap:8px}.pq-option{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.pq .animate-pop,.pq-stage>span{animation:none!important}}