.dong-choi .bc9{display:grid;justify-items:center;gap:12px;width:100%;max-width:640px}.dong-choi .bc9-meta{display:flex;align-items:center;gap:12px;margin:0;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dc-jade)}.dong-choi .bc9-dots{display:flex;gap:6px;margin:0;padding:0;list-style:none;letter-spacing:0}.dong-choi .bc9-dots li{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #49d6b055;font-size:12px;color:var(--mist)}.dong-choi .bc9-dots li.ok{background:var(--dc-jade);border-color:var(--dc-jade);color:#04332d}.dong-choi .bc9-dots li.miss{border:1px dashed var(--dc-coral);color:var(--dc-coral)}.dong-choi .bc9-span{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(8px,3vw,36px);width:100%;max-width:560px}.dong-choi .bc9-side{position:relative;display:grid;justify-items:center;gap:8px;padding:10px 6px 8px;border-radius:18px;border:1px solid transparent;transition:border-color .3s,background-color .3s,box-shadow .3s}.dong-choi .bc9-side.win{background:radial-gradient(60% 55% at 50% 50%,#49d6b040,#49d6b000)}.dong-choi .bc9-side.win .bc9-label{border:2px solid var(--dc-jade);background:#0e3d38d9}.dong-choi .bc9-side.win .bc9-label:after{content:" · cao hơn";color:var(--dc-jade)}.dong-choi .bc9-label{margin:0;padding:3px 12px;border-radius:999px;background:#071b2699;border:1px solid #e8c77840;font-size:13.5px;font-weight:700;letter-spacing:.05em;color:var(--dc-ivory)}.dong-choi .bc9-hand{display:flex;gap:10px;min-height:140px}.dong-choi .bc9-card{width:min(96px,21cqi);aspect-ratio:5 / 7;perspective:700px}.dong-choi .bc9-card:nth-child(2){transform:rotate(5deg) translateY(4px)}.dong-choi .bc9-card:first-child{transform:rotate(-4deg)}.dong-choi .bc9-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .34s cubic-bezier(.3,.7,.3,1)}.dong-choi .bc9-card.down .bc9-inner{transform:rotateY(180deg)}.dong-choi .bc9-face{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 16px 26px #000b,0 3px 6px #0007}.dong-choi .bc9-front{display:grid;grid-template-rows:auto 1fr auto;padding:7px 9px;background:linear-gradient(160deg,#fffdf6,#f6f1e2 55%,#ebe3cd);color:#10222c;border:1px solid #cfc3a3;box-shadow:inset 0 0 0 4px #fbf8ef,inset 0 0 0 5px #c9b78a73,0 16px 26px #000b,0 3px 6px #0007}.dong-choi .bc9-front.red{color:#b02a17}.dong-choi .bc9-rank{font-size:clamp(17px,2.4vw,26px);font-weight:700;line-height:1}.dong-choi .bc9-suit{display:grid;place-items:center;font-size:clamp(26px,4vw,46px);line-height:1;text-shadow:0 1px 0 #ffffff}.dong-choi .bc9-val{justify-self:end;font-size:12px;font-weight:700;color:#6b5a33;visibility:hidden}.dong-choi .bc9-span.done .bc9-val{visibility:visible}.dong-choi .bc9-back{transform:rotateY(180deg);background:#0f3a46 url(/img/dc/card-back.webp) center / cover no-repeat;border:3px solid #f6f1e2}.dong-choi .bc9-calc{margin:0;min-height:1.4em;font-size:18px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 12px;border-radius:999px;background:#071b26b8;text-shadow:0 0 14px #e8c77855}.dong-choi .bc9-calc:empty{background:none}.dong-choi .bc9{position:relative;isolation:isolate;container-type:inline-size}.dong-choi .bc9-controls{display:grid;justify-items:center;gap:8px;min-height:100px}.dong-choi .bc9-ask{margin:0;font-size:16px;text-shadow:0 2px 6px #000c;font-weight:600;color:#dbe8e6}.dong-choi .bc9-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.dong-choi .bc9-choice,.dong-choi .bc9-num{border:1px solid #e8c77859;background:#071b26a6;box-shadow:inset 0 1px #ffffff1a,0 8px 16px #0007}.dong-choi .bc9-choice{min-width:132px;min-height:50px;font-size:16px}.dong-choi .bc9-choice:hover:not(:disabled),.dong-choi .bc9-num:hover:not(:disabled){border-color:var(--gold);background:#0f3a46c7}.dong-choi .bc9-pad{display:grid;grid-template-columns:repeat(5,50px);gap:8px}.dong-choi .bc9-num{min-width:50px;min-height:50px;padding:0;font-size:19px;color:var(--gold);font-variant-numeric:tabular-nums}.dong-choi .bc9-choice.picked{border:2px dashed var(--dc-coral);opacity:1}.dong-choi .bc9-choice.answer,.dong-choi .bc9-num.answer{border:2px solid var(--dc-jade);background:#12463fcc;box-shadow:0 0 0 4px #49d6b02e,0 0 24px #49d6b04d;opacity:1}.dong-choi .bc9-rule{margin:0;font-size:12px;color:var(--mist)}@media(max-width:640px){.dong-choi .bc9{gap:8px}.dong-choi .bc9-span{gap:6px}.dong-choi .bc9-side{padding:8px 2px 6px}.dong-choi .bc9-hand{gap:4px;min-height:0}.dong-choi .bc9-face{border-radius:7px}.dong-choi .bc9-front{padding:4px 5px;box-shadow:inset 0 0 0 3px #fbf8ef,inset 0 0 0 4px #c9b78a73,0 10px 16px #000b}.dong-choi .bc9-calc{font-size:14px}.dong-choi .bc9-label{font-size:12px;padding:2px 8px;text-align:center}.dong-choi .bc9-calc{font-size:13px;padding:1px 6px}.dong-choi .bc9-choice{min-width:0;flex:1 1 88px;padding:10px 8px}.dong-choi .bc9-pad{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;gap:6px}.dong-choi .bc9-controls{max-width:100%}.dong-choi .bc9-num{min-width:44px;min-height:44px}}.dong-choi .bc9-label{border:0;border-radius:6px;padding:4px 14px;background:linear-gradient(180deg,#6e4628,#3b2412);box-shadow:inset 0 0 0 1.5px #c9a24a,inset 0 1px 0 2px #ffffff14,0 4px 8px #0009;color:#ffe7a8}.dong-choi .bc9-side.win .bc9-label{border:0;background:linear-gradient(180deg,#1d6b5c,#0a3530);box-shadow:inset 0 0 0 2px #49d6b0,0 0 18px #49d6b066,0 4px 8px #0009}.dong-choi .bc9-ask{padding:4px 16px;border-radius:999px;background:#04141dcc;box-shadow:inset 0 0 0 1px #c9a24a66}.dong-choi .bc9-choices{gap:14px}.dong-choi .bc9-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 .bc9-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 .bc9-choice:focus-visible{outline:3px solid var(--dc-coral);outline-offset:4px}.dong-choi .bc9-choice:disabled{cursor:default;opacity:1}.dong-choi .bc9-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 .bc9-choice-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dong-choi .bc9-choice-ic svg .f{fill:currentColor;stroke:none}.dong-choi .bc9-choice-tx{display:grid;gap:2px}.dong-choi .bc9-choice-tx small{font-size:12px;font-weight:500;letter-spacing:0;color:#e9cf9fcc}.dong-choi .bc9-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 .bc9-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 .bc9-choice.answer .bc9-choice-ic{background:radial-gradient(circle at 35% 30%,#7af0d0,#1e9c80 70%,#0d5a4a);color:#04332d}.dong-choi .bc9-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 .bc9-choice.answer:after{content:"✓";background:var(--dc-jade);color:#04332d}.dong-choi .bc9-choice.picked:not(.answer):after{content:"✕";background:#c8402c;color:#fff4d6}.dong-choi .bc9-choice.picked:not(.answer) .bc9-choice-tx{text-decoration:line-through;text-decoration-color:#ff8b70;text-decoration-thickness:2px}.dong-choi[data-phase=resolving] .bc9-choice:not(.picked):not(.answer){filter:saturate(.55) brightness(.75)}@media(max-width:640px){.dong-choi .bc9-choice{gap:8px;min-height:54px;padding:6px 12px 6px 7px;font-size:14px}.dong-choi .bc9-choice-ic{width:34px;height:34px;font-size:16px}.dong-choi .bc9-choice-ic svg{width:19px;height:19px}.dong-choi .bc9-choice-tx small{font-size:12px}}.dong-choi .bc9-choice.picked,.dong-choi .bc9-choice.answer{border:0}.dong-choi .bc9-choice{min-width:150px}.dong-choi .bc9-pad{grid-template-columns:repeat(5,54px);gap:10px}.dong-choi .bc9-num{width:54px;min-width:54px;height:54px;min-height:54px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d44a33,#8e1f16 68%,#5e140d);box-shadow:inset 0 0 0 2px #e8c778,inset 0 0 0 5px #8e1f16,inset 0 0 0 6px #e8c77880,0 6px 12px #000a;color:#ffe7a8;font-size:20px;font-weight:800;transition:transform .18s,box-shadow .18s}.dong-choi .bc9-num:hover:not(:disabled){transform:translateY(-3px) rotate(-6deg);background:radial-gradient(circle at 35% 30%,#e2563a,#a3271a 68%,#6e170f);box-shadow:inset 0 0 0 2px #ffe7a8,inset 0 0 0 5px #a3271a,inset 0 0 0 6px #e8c778,0 0 18px #f3c97a55,0 9px 14px #000b}.dong-choi .bc9-num:disabled{opacity:.6}@media(max-width:640px){.dong-choi .bc9-choice{min-width:0;flex:1 1 140px}.dong-choi .bc9-pad{gap:7px}.dong-choi .bc9-num{width:48px;min-width:48px;height:48px;min-height:48px;font-size:18px}}.dong-choi .bc9-hand.three{gap:6px}.dong-choi .bc9-hand.three .bc9-card{width:min(78px,15cqi)}.dong-choi .bc9-hand.three .bc9-card:nth-child(3){transform:rotate(9deg) translateY(10px)}.dong-choi .bc9-card.third .bc9-front{box-shadow:inset 0 0 0 4px #fbf8ef,inset 0 0 0 6px #d9a640,0 0 0 2px #e8c778,0 16px 26px #000b}.dong-choi .bc9-shoe{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}.dong-choi .bc9-shoe:empty{display:none}.dong-choi .bc9-shoe-l{padding:5px 12px;border-radius:6px;background:linear-gradient(180deg,#6e4628,#3b2412);box-shadow:inset 0 0 0 1.5px #c9a24a,0 4px 8px #0009;color:#ffe7a8;font-size:12.5px;font-weight:700;letter-spacing:.04em}.dong-choi .bc9-shoe-cards{display:flex;gap:12px;padding:8px 12px;border-radius:14px;background:#04141dcc;box-shadow:inset 0 0 0 1.5px #c9a24a88}.dong-choi .bc9-shoe-slot{position:relative}.dong-choi .bc9-shoe-slot .bc9-card{width:58px;transform:none}.dong-choi .bc9-shoe-slot .bc9-rank{font-size:16px}.dong-choi .bc9-shoe-slot .bc9-suit{font-size:24px}.dong-choi .bc9-shoe-n{position:absolute;z-index:2;top:-9px;left:-9px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d44a33,#8e1f16);box-shadow:0 0 0 2px #c9a24a;color:#ffe7a8;font:800 12px/1 var(--font)}@media(max-width:640px){.dong-choi .bc9-hand.three .bc9-card{width:min(52px,15cqi)}.dong-choi .bc9-shoe{flex-direction:column;gap:6px;margin-top:2px}.dong-choi .bc9-shoe-slot .bc9-card{width:46px}}.dong-choi .bc9-span{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;max-width:640px;padding:22px clamp(10px,2.4vw,26px) 26px;border-radius:48% 48% 26px 26px/34% 34% 26px 26px;background:radial-gradient(ellipse at 50% 35%,#1d6b52,#0d3b30 72%);border:4px solid #8a5a2b;box-shadow:inset 0 0 0 2px #c9a24a,inset 0 14px 40px #0008,0 18px 34px #000a}.dong-choi .bc9-side{border:2px solid #c9a24a99;border-radius:16px;background:#0b2f27aa;box-shadow:inset 0 0 0 4px #0d3b30,inset 0 0 0 5px #c9a24a33;padding:12px 8px 10px}.dong-choi .bc9-side.win{border-color:var(--dc-jade);background:radial-gradient(70% 60% at 50% 45%,#49d6b040,#0b2f27aa);box-shadow:inset 0 0 0 4px #0d3b30,0 0 0 3px #49d6b055,0 0 30px #49d6b044}.dong-choi .bc9-label{background:linear-gradient(#6e4628,#3b2412);border:0;box-shadow:inset 0 0 0 1.5px #c9a24a,0 3px 6px #0008;color:#ffe7a8}.dong-choi .bc9-tie{display:grid;justify-items:center;align-content:center;gap:2px;width:74px;height:74px;border-radius:50%;border:2px solid #c9a24a99;background:#0b2f27aa;box-shadow:inset 0 0 0 4px #0d3b30,inset 0 0 0 5px #c9a24a33;color:#ffe7a8;text-align:center;transition:border-color .3s,box-shadow .3s}.dong-choi .bc9-tie b{font-size:15px}.dong-choi .bc9-tie small{font-size:12px;color:#cfe7e1}.dong-choi .bc9-tie.win{border-color:var(--dc-jade);box-shadow:inset 0 0 0 4px #0d3b30,0 0 0 3px #49d6b055,0 0 26px #49d6b055}@media(max-width:640px){.dong-choi .bc9-span{padding:14px 6px 16px;border-radius:40% 40% 18px 18px/22% 22% 18px 18px}.dong-choi .bc9-span{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.dong-choi .bc9-tie{grid-column:1 / -1;grid-row:2;justify-self:center;width:auto;height:auto;grid-auto-flow:column;gap:8px;padding:6px 16px;border-radius:999px}.dong-choi .bc9-side{padding:10px 4px 8px}.dong-choi .bc9-card{width:17cqi}}