.dong-choi .tx3{position:relative;display:grid;justify-items:center;gap:26px;width:100%;max-width:860px;container-type:inline-size}.dong-choi .tx3-tray{position:relative;display:flex;justify-content:center;gap:clamp(10px,3.4vw,40px);padding:34px clamp(22px,5vw,64px) 46px;isolation:isolate}.dong-choi .tx3-tray:before{content:"";position:absolute;z-index:-2;inset:-30% -18% -10%;background:radial-gradient(closest-side,#f3c97a38,#49d6b014 55%,#49d6b000);pointer-events:none}.dong-choi .tx3-tray:after{content:"";position:absolute;z-index:-1;left:2%;right:2%;bottom:6px;height:58%;border-radius:50%;background:radial-gradient(55% 60% at 50% 28%,#f3dca0,#8fb2a3 18%,#4c7b7c 42%,#1f4450 75%,#0c2833);box-shadow:inset 0 3px #fff2c455,inset 0 -12px 22px #000a,0 0 0 1px #e8c77866,0 0 70px #f3c97a33,0 0 30px #49d6b044,0 18px 30px #000a}.dong-choi .tx3-die{position:relative;width:min(136px,24cqi);aspect-ratio:1;border-radius:22%;background:radial-gradient(120% 120% at 28% 18%,#fff,#fbf8ee 32%,#ece5d1 72%,#cfc5aa);box-shadow:inset 0 -6px 10px #a8987066,inset 0 4px 6px #fffc,inset 0 0 0 1px #d6ccb2,0 14px 22px #000b,0 3px #b9ad8f}.dong-choi .tx3-die:after{content:"";position:absolute;left:12%;top:8%;width:46%;height:22%;border-radius:50%;background:radial-gradient(closest-side,#ffffffe6,#fff0);transform:rotate(-14deg);pointer-events:none}.dong-choi .tx3-die svg{position:relative;display:block;width:100%;height:100%}.dong-choi .tx3-face,.dong-choi .tx3-glaze{fill:none;stroke:none}.dong-choi .tx3-pip{fill:#0c2531;stroke:#00000040;stroke-width:1.2}.dong-choi .tx3-pip-red{fill:#b8321f;stroke:#6e1a0e66;stroke-width:1.2}.dong-choi .tx3-die.rolling{animation:tx3-tumble .7s cubic-bezier(.25,.8,.35,1) both;animation-delay:calc(var(--i) * 70ms)}@keyframes tx3-tumble{0%{transform:translate(-40px,-46px) rotate(-220deg) scale(.86)}55%{transform:translate(6px,4px) rotate(18deg) scale(1.03)}75%{transform:translate(-2px,-6px) rotate(-6deg)}to{transform:none}}.dong-choi .tx3-sum{margin:-10px 0 0;min-height:1.3em;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:.02em;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 18px #e8c77855,0 2px 0 #0008}.dong-choi .tx3-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.dong-choi .tx3-choice,.dong-choi .tx3-opt,.dong-choi .tx3-eq{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-width:156px;min-height:78px;padding:12px 22px;border-radius:48% 52% 46% 54%/56% 50% 50% 44%;border:1px solid #e8c77859;background:radial-gradient(90% 80% at 40% 25%,#4b6f74b3,#23434dbf 55%,#0f2732d9);box-shadow:inset 0 2px #c9efe540,inset 0 -8px 14px #0007,0 10px 18px #0008;color:var(--dc-ivory);cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.dong-choi .tx3-choice:nth-child(2){border-radius:52% 48% 55% 45%/48% 56% 44% 52%}.dong-choi .tx3-choice:nth-child(3){border-radius:45% 55% 50% 50%/52% 46% 54% 48%}.dong-choi .tx3-choice:hover:not(:disabled),.dong-choi .tx3-opt:hover:not(:disabled),.dong-choi .tx3-eq:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold);box-shadow:inset 0 2px #c9efe540,inset 0 -8px 14px #0007,0 0 26px #f3c97a40,0 12px 20px #0009}.dong-choi .tx3-choice:focus-visible,.dong-choi .tx3-opt:focus-visible,.dong-choi .tx3-eq:focus-visible{outline:3px solid var(--dc-coral);outline-offset:3px}.dong-choi .tx3-choice:disabled,.dong-choi .tx3-opt:disabled,.dong-choi .tx3-eq:disabled{cursor:default;opacity:.55}.dong-choi .tx3-choice strong,.dong-choi .tx3-opt strong{font-size:21px;letter-spacing:.01em;text-shadow:0 1px 0 #0009}.dong-choi .tx3-choice small,.dong-choi .tx3-opt small{font-size:12.5px;font-weight:500;color:#c9dcd8}.dong-choi .tx3-choice.picked,.dong-choi .tx3-opt.picked,.dong-choi .tx3-eq.picked{border:2px dashed var(--dc-coral);opacity:1}.dong-choi .tx3-choice.answer,.dong-choi .tx3-opt.answer,.dong-choi .tx3-eq.answer{border:2px solid var(--dc-jade);background:radial-gradient(90% 80% at 40% 25%,#2f7d73cc,#1a4d4ecc 55%,#0d2a31e0);box-shadow:0 0 0 4px #49d6b02e,0 0 30px #49d6b055,0 10px 18px #0008;opacity:1}.dong-choi .tx3-choice.answer:after,.dong-choi .tx3-opt.answer:after{content:"Đáp án";font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dc-jade)}.dong-choi .tx3-qhead{display:flex;align-items:center;gap:16px;max-width:680px}.dong-choi .tx3-deco{width:64px;flex:none;opacity:.95;filter:drop-shadow(0 8px 12px #0009)}.dong-choi .tx3-qtext{margin:0;font-size:clamp(19px,2.4vw,26px);font-weight:600;line-height:1.35;text-shadow:0 2px 8px #000a}.dong-choi .tx3-vs{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;isolation:isolate}.dong-choi .tx3-vs:before{content:"";position:absolute;z-index:-1;inset:-40px -60px;background:radial-gradient(closest-side,#f3c97a2e,#f3c97a00);pointer-events:none}.dong-choi .tx3-opt{min-width:190px;min-height:124px;padding:16px 26px}.dong-choi .tx3-opt strong{font-size:27px;color:var(--gold);white-space:nowrap}.dong-choi .tx3-eq{min-width:112px;min-height:60px;padding:8px 16px;font:inherit;font-size:14.5px;font-weight:600}.dong-choi .tx3-ways{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dc-ivory)}.dong-choi .tx3-chart{display:grid;grid-template-columns:repeat(16,1fr);align-items:end;gap:4px;width:100%;max-width:600px;height:128px;padding:10px 14px 6px;border-radius:14px;background:#071b2680;border:1px solid #e8c77833}.dong-choi .tx3-bar{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%;text-align:center}.dong-choi .tx3-bar:before{content:"";grid-row:2;align-self:end;height:calc(var(--h) * 100%);border-radius:3px 3px 0 0;background:linear-gradient(#49d6b066,#49d6b026)}.dong-choi .tx3-bar.on:before{background:linear-gradient(#f6dd9a,var(--gold));box-shadow:0 0 12px #e8c77866}.dong-choi .tx3-bar i{grid-row:1;font-style:normal;font-size:12px;font-weight:700;color:var(--gold);min-height:14px}.dong-choi .tx3-bar b{grid-row:3;font-size:12px;font-weight:500;color:var(--mist)}.dong-choi .tx3-bar.on b{color:var(--dc-ivory);font-weight:700}@media(max-width:640px){.dong-choi .tx3{gap:14px}.dong-choi .tx3-tray{padding:20px 8px 30px}.dong-choi .tx3-choices{gap:8px;width:100%}.dong-choi .tx3-choice{min-width:0;flex:1 1 84px;min-height:66px;padding:8px 6px}.dong-choi .tx3-choice strong{font-size:17px}.dong-choi .tx3-choice small{font-size:12px}.dong-choi .tx3-opt{min-width:0;flex:1 1 110px;min-height:100px;padding:10px 8px}.dong-choi .tx3-opt strong{font-size:22px}.dong-choi .tx3-eq{order:3;flex:1 1 100%;min-height:48px}.dong-choi .tx3-deco{width:44px}.dong-choi .tx3-chart{height:104px;gap:2px;padding:8px 6px 4px}.dong-choi .tx3-bar b{font-size:9.5px}}.dong-choi .tx3-tray:after{display:none}.dong-choi .tx3-plate{position:absolute;z-index:-1;left:50%;bottom:-10%;width:100%;height:auto;max-width:none;transform:translate(-50%);filter:drop-shadow(0 18px 24px #000c);pointer-events:none}.dong-choi .tx3-tray{padding:70px clamp(48px,8vw,110px) 64px;margin-bottom:14px}.dong-choi .tx3-die{width:min(118px,20cqi)}.dong-choi .tx3-sum{margin-top:4px}.dong-choi .tx3-choice{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 .tx3-choice: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 .tx3-choice:focus-visible{outline:3px solid var(--dc-coral);outline-offset:4px}.dong-choi .tx3-choice:disabled{cursor:default;opacity:1}.dong-choi .tx3-choice-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 .tx3-choice-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dong-choi .tx3-choice-ic svg .f{fill:currentColor;stroke:none}.dong-choi .tx3-choice-tx{display:grid;gap:2px}.dong-choi .tx3-choice-tx small{font-size:12px;font-weight:500;letter-spacing:0;color:#e9cf9fcc}.dong-choi .tx3-choice.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 .tx3-choice.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 .tx3-choice.answer .tx3-choice-ic{background:radial-gradient(circle at 35% 30%,#7af0d0,#1e9c80 70%,#0d5a4a);color:#04332d}.dong-choi .tx3-choice: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 .tx3-choice.answer:after{content:"✓";background:var(--dc-jade);color:#04332d}.dong-choi .tx3-choice.picked:not(.answer):after{content:"✕";background:#c8402c;color:#fff4d6}.dong-choi .tx3-choice.picked:not(.answer) .tx3-choice-tx{text-decoration:line-through;text-decoration-color:#ff8b70;text-decoration-thickness:2px}.dong-choi[data-phase=resolving] .tx3-choice:not(.picked):not(.answer){filter:saturate(.55) brightness(.75)}@media(max-width:640px){.dong-choi .tx3-choice{gap:8px;min-height:54px;padding:6px 12px 6px 7px;font-size:14px}.dong-choi .tx3-choice-ic{width:34px;height:34px;font-size:16px}.dong-choi .tx3-choice-ic svg{width:19px;height:19px}.dong-choi .tx3-choice-tx small{font-size:12px}}.dong-choi .tx3-eq{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 .tx3-eq: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 .tx3-eq:focus-visible{outline:3px solid var(--dc-coral);outline-offset:4px}.dong-choi .tx3-eq:disabled{cursor:default;opacity:1}.dong-choi .tx3-eq-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 .tx3-eq-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dong-choi .tx3-eq-ic svg .f{fill:currentColor;stroke:none}.dong-choi .tx3-eq-tx{display:grid;gap:2px}.dong-choi .tx3-eq-tx small{font-size:12px;font-weight:500;letter-spacing:0;color:#e9cf9fcc}.dong-choi .tx3-eq.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 .tx3-eq.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 .tx3-eq.answer .tx3-eq-ic{background:radial-gradient(circle at 35% 30%,#7af0d0,#1e9c80 70%,#0d5a4a);color:#04332d}.dong-choi .tx3-eq: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 .tx3-eq.answer:after{content:"✓";background:var(--dc-jade);color:#04332d}.dong-choi .tx3-eq.picked:not(.answer):after{content:"✕";background:#c8402c;color:#fff4d6}.dong-choi .tx3-eq.picked:not(.answer) .tx3-eq-tx{text-decoration:line-through;text-decoration-color:#ff8b70;text-decoration-thickness:2px}.dong-choi[data-phase=resolving] .tx3-eq:not(.picked):not(.answer){filter:saturate(.55) brightness(.75)}@media(max-width:640px){.dong-choi .tx3-eq{gap:8px;min-height:54px;padding:6px 12px 6px 7px;font-size:14px}.dong-choi .tx3-eq-ic{width:34px;height:34px;font-size:16px}.dong-choi .tx3-eq-ic svg{width:19px;height:19px}.dong-choi .tx3-eq-tx small{font-size:12px}}.dong-choi .tx3-opt{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 .tx3-opt: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 .tx3-opt:focus-visible{outline:3px solid var(--dc-coral);outline-offset:4px}.dong-choi .tx3-opt:disabled{cursor:default;opacity:1}.dong-choi .tx3-opt-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 .tx3-opt-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dong-choi .tx3-opt-ic svg .f{fill:currentColor;stroke:none}.dong-choi .tx3-opt-tx{display:grid;gap:2px}.dong-choi .tx3-opt-tx small{font-size:12px;font-weight:500;letter-spacing:0;color:#e9cf9fcc}.dong-choi .tx3-opt.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 .tx3-opt.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 .tx3-opt.answer .tx3-opt-ic{background:radial-gradient(circle at 35% 30%,#7af0d0,#1e9c80 70%,#0d5a4a);color:#04332d}.dong-choi .tx3-opt: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 .tx3-opt.answer:after{content:"✓";background:var(--dc-jade);color:#04332d}.dong-choi .tx3-opt.picked:not(.answer):after{content:"✕";background:#c8402c;color:#fff4d6}.dong-choi .tx3-opt.picked:not(.answer) .tx3-opt-tx{text-decoration:line-through;text-decoration-color:#ff8b70;text-decoration-thickness:2px}.dong-choi[data-phase=resolving] .tx3-opt:not(.picked):not(.answer){filter:saturate(.55) brightness(.75)}.dong-choi .tx3-choice.picked,.dong-choi .tx3-choice.answer,.dong-choi .tx3-opt.picked,.dong-choi .tx3-opt.answer,.dong-choi .tx3-eq.picked,.dong-choi .tx3-eq.answer{border:0}.dong-choi .tx3-choice{min-width:190px}.dong-choi .tx3-choice strong{font-size:20px;color:#ffe7a8;text-shadow:none}.dong-choi .tx3-choice small{color:#e9cf9fcc}.dong-choi .tx3-opt{display:grid;justify-items:center;text-align:center;gap:4px;min-width:200px;min-height:128px;padding:16px 28px}.dong-choi .tx3-opt small{color:#e9cf9fcc}.dong-choi .tx3-opt.answer strong{color:#9ff5dc}.dong-choi .tx3-opt.picked:not(.answer) strong{text-decoration:line-through;text-decoration-color:#ff8b70}.dong-choi .tx3-choice.answer:after,.dong-choi .tx3-opt.answer:after{letter-spacing:0;text-transform:none;font-size:13px}@media(max-width:640px){.dong-choi .tx3-tray{padding:40px 30px;margin-bottom:8px}.dong-choi .tx3-die{width:min(84px,24cqi)}.dong-choi .tx3-choice{min-width:0;flex:1 1 140px}.dong-choi .tx3-opt{min-width:0;flex:1 1 120px;min-height:104px;padding:12px 10px}}.dong-choi .tx3-choice:nth-child(n),.dong-choi .tx3-opt:nth-child(n),.dong-choi .tx3-eq:nth-child(n){border-radius:12px}@media(max-width:640px){.dong-choi .tx3-choices,.dong-choi .tx3-vs{padding:10px 12px 0;box-sizing:border-box}}@media(min-width:641px){.dong-choi .tx3-plate{width:auto;height:118%;bottom:-12%}}.dong-choi .tx3-mc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(760px,100%)}.dong-choi .tx3-mc .tx3-mco{min-width:0;min-height:104px;padding:14px 10px}.dong-choi .tx3-mc .tx3-mco strong{font-size:26px}@media(max-width:640px){.dong-choi .tx3-mc{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px 0;box-sizing:border-box}.dong-choi .tx3-mc .tx3-mco{min-height:88px}.dong-choi .tx3-mc .tx3-mco strong{font-size:22px}}