.qdp-hero{background:var(--forest);color:#e7f8f0;position:relative;overflow:hidden}.qdp-hero:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#ffffff12 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.qdp-hero-inner{z-index:2;align-items:center;gap:26px;width:100%;max-width:1160px;margin:0 auto;padding:34px 20px 40px;display:grid;position:relative}@media (min-width:900px){.qdp-hero-inner{grid-template-columns:minmax(0,1fr) 380px;gap:48px;padding:52px 20px 56px}}.qdp-crumbs{color:#e7f8f0d9;margin:0 0 12px}.qdp-crumbs a{color:var(--cream)}.qdp-title{letter-spacing:-.025em;color:#fff;text-wrap:balance;max-width:22ch;margin:0 0 12px;font-size:clamp(28px,4.2vw,46px);line-height:1.06}.qdp-sub{color:#e7f8f0eb;max-width:58ch;margin:0 0 18px;font-size:clamp(15.5px,1.4vw,18px);line-height:1.6}.qdp-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.qdp-actions .cta{width:auto}.qdp-link{color:#fff;text-underline-offset:4px;font-weight:700;-webkit-text-decoration:underline #f2d38d99;text-decoration:underline #f2d38d99}.qdp-meta{color:#e7f8f0b3;margin:16px 0 0;font-size:12.5px;line-height:1.55}.qdp-ticket{border-radius:var(--r-md);color:#14231f;background:#fffffff5;grid-template-columns:76px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 18px 40px #00000047}.qdp-ticket-plate{background:var(--forest-2,#0d4a3c);color:var(--cream);font:800 22px/1 var(--mono);letter-spacing:.04em;place-items:center;display:grid;position:relative}.qdp-ticket-plate:after{content:"";background:repeating-linear-gradient(#fff 0 6px,#0000 6px 12px);width:2px;position:absolute;top:0;bottom:0;right:-1px}.qdp-ticket-body{padding:16px 18px 18px}.qdp-ticket-body .eyebrow-sm{margin:0 0 6px}.qdp-ticket-line{color:#3a4a44;margin:0 0 10px;font-size:13.5px;line-height:1.5}.qdp-facts{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.qdp-facts li{font:600 12px/1.3 var(--mono);color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:5px 11px}.qd{margin-top:8px}.qd-wrap{width:100%;max-width:860px;margin:0 auto;padding:24px 20px 72px}.qd-hud{top:calc(var(--nav-h) + 8px);z-index:20;border-radius:var(--r-md);border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft,0 6px 18px #00000014);flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 16px;padding:10px 14px;display:flex;position:sticky}.qd-ring{flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.qd-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.qd-ring-track{fill:none;stroke:var(--border-strong);stroke-width:4px}.qd-ring-fill{fill:none;stroke:var(--green);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .5s}.qd-ring b{font:800 14px/1 var(--mono)}.qd-hud-text{line-height:1.3;display:grid}.qd-hud-text strong{font-size:14.5px}.qd-hud-text small{color:var(--muted);font-size:12.5px}.qd-streak{color:#8a4f00;font:800 13px/1.4 var(--mono);background:#d9952029;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;animation:.35s both qd-pop;display:inline-flex}.qd-hud-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.qd-btn{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--text);font:600 12.5px/1 var(--mono);letter-spacing:.02em;cursor:pointer;align-items:center;gap:6px;padding:0 12px;transition:background-color .15s,border-color .15s;display:inline-flex}.qd-btn:hover:not(:disabled){border-color:var(--forest);background:var(--surface-2)}.qd-btn:disabled{opacity:.45;cursor:default}.qd-btn[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--cream)}.qd-board{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;margin:0 0 18px;display:grid}.qd-tile{border:1.5px solid var(--border-strong);background:var(--surface);min-height:42px;font:800 14px/1 var(--mono);color:var(--text);cursor:pointer;border-radius:10px;place-items:center;transition:transform .15s,background-color .2s,border-color .2s;display:grid}.qd-tile:hover{border-color:var(--forest);transform:translateY(-2px)}.qd-tile.is-right{background:var(--green);border-color:var(--green-ink);color:#fff}.qd-tile.is-wrong{border:1.5px dashed var(--ochre);color:#8a4f00;background:#d995202e}.qd-chips{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin:0 -20px 18px;padding:2px 20px 6px;display:flex;overflow-x:auto}.qd-chips .guides-cat{flex:none}.qd-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.qd-item[hidden]{display:none}.qd-card{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);scroll-margin-top:calc(var(--nav-h) + 90px);grid-template-columns:56px minmax(0,1fr);transition:border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.qd-card:focus-visible{outline:3px solid var(--ochre);outline-offset:2px}.qd-item.is-right .qd-card{border-color:var(--green-ink);box-shadow:0 0 0 1px var(--green-ink)}.qd-item.is-wrong .qd-card{border-color:var(--ochre)}.qd-rail{background:var(--forest);color:var(--cream);align-content:center;justify-items:center;gap:2px;padding:14px 4px;display:grid;position:relative}.qd-rail:after{content:"";background:repeating-linear-gradient(to bottom, var(--surface) 0 6px, transparent 6px 12px);width:2px;position:absolute;top:0;bottom:0;right:-1px}.qd-rail b{font:800 24px/1 var(--mono)}.qd-rail small{font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75}.qd-body{min-width:0;padding:16px 16px 16px 18px;position:relative}@media (min-width:640px){.qd-card{grid-template-columns:72px minmax(0,1fr)}.qd-body{padding:20px 22px 20px 24px}}.qd-topic{font:700 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink);margin:0 0 8px}.qd-stem{letter-spacing:-.01em;text-wrap:balance;margin:0 0 14px;padding-right:96px;font-size:clamp(17px,2vw,20px);font-weight:800;line-height:1.35}.qd-stamp{border:2px solid var(--green-ink);color:var(--green-ink);font:800 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:4px;padding:3px 10px;animation:.35s cubic-bezier(.2,1.4,.4,1) both qd-stamp;position:absolute;top:14px;right:14px;transform:rotate(-4deg)}.qd-stamp.miss{border-color:var(--ochre);color:#8a4f00}.qd-options{gap:8px;margin-bottom:4px;display:grid}.qd-option{border-radius:var(--r-sm);border:1.5px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.4;transition:transform .12s,border-color .15s,background-color .15s;display:flex}.qd-option:hover:not(:disabled){border-color:var(--forest);background:var(--surface-2);transform:translate(3px)}.qd-option:disabled{cursor:default}.qd-letter{background:var(--surface-2);border:1px solid var(--border-strong);width:26px;height:26px;font:800 12px/1 var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.qd-opt-text{flex:1;min-width:0}.qd-mark{color:var(--green-ink);flex:none;font-weight:800}.qd-mark--x{color:#8a4f00}.qd-option.is-answer{border-color:var(--green-ink);background:var(--green-soft);color:var(--accent-text-on-tint,var(--green-ink))}.qd-option.is-answer .qd-letter{background:var(--green-ink);border-color:var(--green-ink);color:#fff}.qd-option.is-miss{border:1.5px dashed var(--ochre);color:#7a4b00;background:#d995201f;animation:.35s qd-shake}.qd-option.is-miss .qd-letter{background:var(--ochre);border-color:var(--ochre);color:#fff}.qd-why{opacity:0;visibility:hidden;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .35s,opacity .3s,margin-top .3s,visibility 0s linear .35s;display:grid}.qd-why>div{min-height:0;overflow:hidden}.qd-why.is-open{opacity:1;visibility:visible;grid-template-rows:1fr;margin-top:14px;transition:grid-template-rows .35s,opacity .3s .1s,margin-top .3s}.qd-why-head{font:700 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green-ink);margin:0 0 6px}.qd-item.is-wrong .qd-why-head{color:#8a4f00}.qd-why-text{border-radius:var(--r-sm);background:var(--green-soft);margin:0;padding:12px 14px;font-size:14.5px;line-height:1.65}.qd-item.is-wrong .qd-why-text{background:#d995201f}.qd-source{color:var(--muted);margin:8px 0 0;font-size:12.5px}.qd-finish{border-radius:var(--r-md);background:linear-gradient(160deg, var(--forest) 0%, #0d5a49 100%);color:#e7f8f0;text-align:center;justify-items:center;gap:10px;margin:26px 0 8px;padding:30px 20px 26px;animation:.45s both qd-pop;display:grid;position:relative;overflow:hidden}.qd-finish h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(22px,3vw,30px)}.qd-finish p{color:#e7f8f0e6;max-width:46ch;margin:0}.qd-finish svg{color:var(--cream)}.qd-finish small{font:500 12px/1.4 var(--mono);opacity:.7}.qd-finish-bubbles{flex-wrap:wrap;justify-content:center;gap:5px;max-width:360px;display:flex}.qd-finish-bubbles i{border:2px dashed var(--ochre);border-radius:50%;width:14px;height:14px}.qd-finish-bubbles i.on{background:var(--cream);border:0}.qd-finish-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.qd-finish .btn-secondary{color:#fff;background:0 0;border-color:#ffffff80}.qd-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.qd-confetti i{top:-12px;left:var(--x);background:var(--cream);width:8px;height:14px;transform:rotate(var(--r));animation:qd-fall 2.4s ease-in var(--d) both;border-radius:2px;position:absolute}.qd-confetti i:nth-child(3n){background:var(--green)}.qd-confetti i:nth-child(3n+1){background:var(--ochre)}@keyframes qd-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes qd-stamp{0%{opacity:0;transform:rotate(-4deg)scale(1.8)}}@keyframes qd-shake{25%{transform:translate(-4px)}60%{transform:translate(4px)}}@keyframes qd-fall{to{transform:translateY(380px) rotate(calc(var(--r) + 240deg));opacity:0}}@media (prefers-reduced-motion:reduce){.qd *,.qd-finish,.qd-confetti i{transition:none!important;animation:none!important}.qd-confetti{display:none}}@media print{.qd-hud,.qd-board,.qd-chips,.qd-finish{display:none}.qd-why{opacity:1;visibility:visible;grid-template-rows:1fr;margin-top:10px}.qd-card{break-inside:avoid}}