.dong-choi .cq7{display:grid;justify-items:center;gap:12px;width:100%}.dong-choi .cq7-dial{position:relative;isolation:isolate;width:min(400px,100%);aspect-ratio:1}.dong-choi .cq7-dial:before{content:"";position:absolute;z-index:-1;inset:-14%;border-radius:50%;background:radial-gradient(closest-side,#49d6b02e,#f3c97a14 55%,#49d6b000);pointer-events:none}.dong-choi .cq7-wheel{position:absolute;left:50%;top:50%;width:38%;transform:translate(-50%,-50%);opacity:.5;filter:saturate(.75) drop-shadow(0 6px 10px #0009);z-index:1}.dong-choi .cq7-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 18px #0009)}.dong-choi .cq7-plate{fill:#071b2680}.dong-choi .cq7-ring{fill:none;stroke:url(#cq7-lac);stroke-width:27}.dong-choi .cq7-rim{fill:none;stroke:var(--gold);stroke-width:1;opacity:.75}.dong-choi .cq7-tick{stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;opacity:.8}.dong-choi .cq7-sector{fill:none;stroke:#6ff0cc;stroke-width:22;opacity:.92;filter:drop-shadow(0 0 8px #49d6b0) drop-shadow(0 0 16px #49d6b088)}.dong-choi .cq7-edge{stroke:var(--dc-ivory);stroke-width:2.5;stroke-linecap:round}.dong-choi .cq7-mark{fill:var(--gold)}.dong-choi .cq7-needle{fill:#f6f1e2;stroke:#c9b78a;stroke-width:.8;filter:drop-shadow(0 2px 2px #000a)}.dong-choi .cq7-tip{fill:var(--gold);stroke:#fff4d6;stroke-width:1.4}.dong-choi .cq7-hub{fill:#0b3a33;stroke:var(--gold);stroke-width:2.5}.dong-choi .cq7-stop{fill:none;stroke:var(--gold);stroke-width:3}.dong-choi .cq7.miss .cq7-stop{stroke:var(--dc-coral);stroke-dasharray:4 3}.dong-choi .cq7.hit .cq7-sector{stroke:#8ff7da;filter:drop-shadow(0 0 10px #49d6b0) drop-shadow(0 0 26px #49d6b0cc)}.dong-choi .cq7-read{min-height:1.4em;margin:0;padding:2px 14px;border-radius:999px;font-size:19px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 14px #e8c77855}.dong-choi .cq7-read:not(:empty){background:#071b26b3;border:1px solid #e8c77847}.dong-choi .cq7-steps{display:flex;gap:10px}.dong-choi .cq7-steps[hidden]{display:none}@media(max-width:640px){.dong-choi .cq7-dial{width:min(300px,calc(100% - 28px))}.dong-choi .cq7-read{font-size:16px}}.dong-choi .cq7{position:relative;isolation:isolate}.dong-choi .cq7-dial{width:min(380px,100%);margin:18px 0 6px}.dong-choi .cq7-dial:after{content:"";position:absolute;z-index:-1;inset:-12%;border-radius:50%;background:radial-gradient(circle closest-side,#071b26d9 0 72%,#c9a24a 72.5% 74%,#8e1f16 74.5%,#6e170f 86%,#4a0f0b 94.5%,#e8c778 95% 96.5%,#e8c77800 97.5%);box-shadow:0 24px 40px #000a}.dong-choi .cq7-svg{z-index:1}.dong-choi .cq7-lamp{position:absolute;z-index:-1;top:6px;width:auto;height:clamp(90px,13vw,150px);filter:drop-shadow(0 0 22px #49d6b066) drop-shadow(0 10px 14px #000a);animation:cq7-sway 5s ease-in-out infinite alternate;transform-origin:50% 0}.dong-choi .cq7-lamp.l{left:calc(50% - (min(380px,100%)/2) - clamp(96px,12vw,150px))}.dong-choi .cq7-lamp.r{right:calc(50% - (min(380px,100%)/2) - clamp(96px,12vw,150px));animation-delay:-2.5s}@keyframes cq7-sway{0%{rotate:-3deg}to{rotate:3deg}}@media(prefers-reduced-motion:reduce){.dong-choi .cq7-lamp{animation:none}}.dong-choi .cq7-read:not(:empty){position:relative;z-index:3;margin-top:44px;border:0;border-radius:6px;background:linear-gradient(180deg,#6e4628,#3b2412);box-shadow:inset 0 0 0 1.5px #c9a24a,0 4px 8px #0009;color:#ffe7a8}.dong-choi .cq7-steps{gap:14px}.dong-choi .cq7-step{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:8px 22px 8px 9px;border:0;border-radius:12px;background:linear-gradient(180deg,#6e4628,#4b2d16 55%,#3a2210);box-shadow:inset 0 0 0 2px #c9a24a,inset 0 0 0 5px #3a2210,inset 0 0 0 6px #c9a24a66,inset 0 8px 10px -4px #ffffff1c,0 9px 18px #000a;color:#f6dd9a;font:700 16px/1.2 var(--font);letter-spacing:.02em;text-align:left;cursor:pointer;opacity:1;transition:transform .2s,box-shadow .2s,filter .2s}.dong-choi .cq7-step:hover:not(:disabled){transform:translateY(-3px);background:linear-gradient(180deg,#7c512f,#563319 55%,#40260f);box-shadow:inset 0 0 0 2px #e8c778,inset 0 0 0 5px #3a2210,inset 0 0 0 6px #e8c77888,inset 0 8px 10px -4px #ffffff24,0 0 26px #f3c97a3d,0 14px 22px #000b}.dong-choi .cq7-step:focus-visible{outline:3px solid var(--dc-coral);outline-offset:4px}.dong-choi .cq7-step:disabled{cursor:default;opacity:1}.dong-choi .cq7-step-ic{flex:none;position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d44a33,#8e1f16 70%,#5e140d);box-shadow:0 0 0 2px #c9a24a,0 0 0 4px #3a2210,0 3px 6px #0009;color:#ffe7a8;font:800 19px/1 var(--font)}.dong-choi .cq7-step-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dong-choi .cq7-step-ic svg .f{fill:currentColor;stroke:none}.dong-choi .cq7-step-tx{display:grid;gap:2px}.dong-choi .cq7-step-tx small{font-size:12px;font-weight:500;letter-spacing:0;color:#e9cf9fcc}.dong-choi .cq7-step.picked{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffe7a8,inset 0 0 0 5px #3a2210,inset 0 0 0 6px #e8c778,0 0 0 3px #e8c778,0 0 26px #e8c7786b,0 12px 20px #000b}.dong-choi .cq7-step.answer{background:linear-gradient(180deg,#1d6b5c,#0f4a40 55%,#0a3530);box-shadow:inset 0 0 0 2px #49d6b0,inset 0 0 0 5px #0a3530,inset 0 0 0 6px #49d6b088,0 0 0 3px #49d6b0,0 0 28px #49d6b066,0 12px 20px #000b;color:#e9fff7}.dong-choi .cq7-step.answer .cq7-step-ic{background:radial-gradient(circle at 35% 30%,#7af0d0,#1e9c80 70%,#0d5a4a);color:#04332d}.dong-choi .cq7-step:after{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:800 13px/1 var(--font);box-shadow:0 0 0 2px #04141d}.dong-choi .cq7-step.answer:after{content:"✓";background:var(--dc-jade);color:#04332d}.dong-choi .cq7-step.picked:not(.answer):after{content:"✕";background:#c8402c;color:#fff4d6}.dong-choi .cq7-step.picked:not(.answer) .cq7-step-tx{text-decoration:line-through;text-decoration-color:#ff8b70;text-decoration-thickness:2px}.dong-choi[data-phase=resolving] .cq7-step:not(.picked):not(.answer){filter:saturate(.55) brightness(.75)}@media(max-width:640px){.dong-choi .cq7-step{gap:8px;min-height:54px;padding:6px 12px 6px 7px;font-size:14px}.dong-choi .cq7-step-ic{width:34px;height:34px;font-size:16px}.dong-choi .cq7-step-ic svg{width:19px;height:19px}.dong-choi .cq7-step-tx small{font-size:12px}}@media(max-width:640px){.dong-choi .cq7-lamp{display:none}.dong-choi .cq7-dial{width:min(280px,calc(100% - 48px));margin-top:22px}}.dong-choi .cq7-quiz{flex-wrap:wrap;justify-content:center;max-width:760px}.dong-choi .cq7-quiz .cq7-step-ic{font:800 18px/1 var(--font)}@media(max-width:640px){.dong-choi .cq7-quiz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.dong-choi .cq7-quiz .cq7-step{width:100%}}