.bau-cua{--bau-cua-felt:#6e1420;--bau-cua-felt-deep:#3d0a12;--bau-cua-tile:#fbf1dc;--bau-cua-tile-ink:#2a1c19;border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper-soft);border-radius:20px;gap:1.1rem;max-width:760px;margin:2rem auto 0;padding:clamp(.9rem,3.5vw,1.8rem);display:grid}html[data-theme=light] .bau-cua{--bau-cua-felt:#a8262f;--bau-cua-felt-deep:#6e1420;--bau-cua-tile:#fffaf0}.bau-cua__preview{border:1px dashed var(--tro-choi-gold);color:var(--tro-choi-gold);border-radius:12px;margin:0;padding:.6rem .9rem;font-size:.92rem;font-weight:700}.bau-cua__bowl{background:radial-gradient(120% 100% at 50% 0%, var(--bau-cua-felt), var(--bau-cua-felt-deep));border-radius:18px;gap:.9rem;padding:clamp(1rem,4vw,1.6rem) clamp(.6rem,3vw,1.4rem);display:grid}.bau-cua__tally{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.bau-cua__tally{grid-template-columns:repeat(6,minmax(0,1fr))}}.bau-cua__tally li{min-width:0;color:var(--bau-cua-tile-ink);background:var(--bau-cua-tile);opacity:.82;border:2px solid #0000;border-radius:12px;justify-items:center;gap:.1rem;padding:.4rem .25rem;display:grid}.bau-cua__tally li.is-on{opacity:1;border-color:#e8c56a;box-shadow:0 0 0 2px #e8c56a73}.bau-cua__tally-picture{width:clamp(2rem,9vw,2.6rem);height:auto}.bau-cua__tally-name{font-size:.92rem;font-weight:800}.bau-cua__tally-count{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.bau-cua__actions{justify-content:center;display:flex}.bau-cua__primary,.bau-cua__secondary{min-height:48px;font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1.4rem;font-weight:800}.bau-cua__primary{color:#2a1c19;background:linear-gradient(#f3d98a,#d9a92c);border:0}.bau-cua__roll{min-width:10rem;font-size:1.2rem}.bau-cua__secondary{border:1px solid var(--tro-choi-line);color:var(--tro-choi-ink);background:var(--tro-choi-paper)}.bau-cua__primary:disabled,.bau-cua__secondary:disabled,.bau-cua__remove:disabled{opacity:.55;cursor:not-allowed}.bau-cua__primary:focus-visible,.bau-cua__secondary:focus-visible,.bau-cua__remove:focus-visible,.bau-cua__add input:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:2px}.bau-cua__choices label:has(input:focus-visible){outline:3px solid var(--tro-choi-son);outline-offset:2px}.bau-cua__message{color:#fff8e6;text-align:center;min-height:1.5em;margin:0;font-weight:700;line-height:1.55}.bau-cua__subhead{font:600 clamp(1.1rem, 3.6vw, 1.3rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);color:var(--tro-choi-ink);margin:0}.bau-cua__players,.bau-cua__history{gap:.7rem;min-width:0;display:grid}.bau-cua__add{gap:.35rem;display:grid}.bau-cua__add label{color:var(--tro-choi-copy);font-weight:700}.bau-cua__add-row{gap:.5rem;min-width:0;display:flex}.bau-cua__add input{border:1px solid var(--tro-choi-line);min-width:0;min-height:48px;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper);border-radius:12px;flex:auto;padding:.5rem .8rem}.bau-cua__add input::placeholder{color:var(--tro-choi-muted)}.bau-cua__note,.bau-cua__empty,.bau-cua__rounds{color:var(--tro-choi-muted);margin:0;font-size:.92rem;line-height:1.55}.bau-cua__note:empty{display:none}.bau-cua__list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.bau-cua__player{border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper);border-radius:16px;gap:.55rem;min-width:0;padding:.75rem;display:grid}.bau-cua__player.is-top{border-color:var(--tro-choi-gold)}.bau-cua__player-head{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.bau-cua__player-name{min-width:0;color:var(--tro-choi-ink);overflow-wrap:anywhere;font-size:1.05rem;font-weight:800}.bau-cua__badge{color:var(--tro-choi-gold);box-shadow:inset 0 0 0 1px var(--tro-choi-gold);border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:800}.bau-cua__points{color:var(--tro-choi-ink);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.bau-cua__gain{color:#2a1c19;background:#e8c56a;border-radius:999px;padding:.05rem .5rem;font-weight:800}.bau-cua__remove{border:1px solid var(--tro-choi-line);width:44px;height:44px;color:var(--tro-choi-muted);cursor:pointer;background:0 0;border-radius:999px;place-items:center;font-size:1.3rem;font-weight:700;line-height:1;display:inline-grid}.bau-cua__choices{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;min-width:0;margin:0;padding:0;display:grid}@media (width>=600px){.bau-cua__choices{grid-template-columns:repeat(6,minmax(0,1fr))}}.bau-cua__choices legend{color:var(--tro-choi-muted);margin-bottom:.4rem;padding:0;font-size:.9rem;font-weight:700}.bau-cua__choices label{min-width:0;min-height:44px;color:var(--bau-cua-tile-ink);background:var(--bau-cua-tile);cursor:pointer;border:2px solid #0000;border-radius:12px;justify-items:center;gap:.1rem;padding:.35rem .2rem;font-size:.9rem;font-weight:800;display:grid;position:relative}.bau-cua__choices label.is-on{border-color:var(--tro-choi-son);box-shadow:0 0 0 2px color-mix(in srgb, var(--tro-choi-son) 40%, transparent)}.bau-cua__choices label.is-on span:after{content:" ✓"}.bau-cua__choices input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.bau-cua__choices:disabled label{cursor:not-allowed;opacity:.75}.bau-cua__choice-picture{width:clamp(1.9rem,9vw,2.4rem);height:auto}.bau-cua__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.bau-cua__confirm{color:var(--tro-choi-ink);flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:700;display:flex}.bau-cua__history ol{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.bau-cua__history li{border:1px solid var(--tro-choi-line);background:var(--bau-cua-tile);border-radius:10px;align-items:center;gap:.15rem;padding:.2rem .45rem .2rem .35rem;display:inline-flex}.bau-cua__history-no{min-width:1.4rem;color:var(--bau-cua-tile-ink);text-align:center;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:800}.bau-cua__history-picture{width:1.6rem;height:auto}.dice3d{--dice3d-size:clamp(58px, 18vw, 96px);justify-content:center;gap:clamp(1.4rem,7.5vw,3.2rem);padding:1rem 0 .8rem;display:flex}.dice3d__die{width:var(--dice3d-size);height:var(--dice3d-size);perspective:calc(var(--dice3d-size) * 6)}.dice3d__tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-16deg)rotateY(20deg)}.dice3d__cube{width:100%;height:100%;transform-style:preserve-3d;position:relative}.dice3d__cube.is-tumbling{animation:dice3d-tumble var(--dice3d-ms,1.3s) cubic-bezier(.18, .7, .24, 1) both}@keyframes dice3d-tumble{0%{transform:rotateX(var(--dice3d-from-x,-720deg)) rotateY(var(--dice3d-from-y,360deg))}to{transform:rotateX(0)rotateY(0)}}.dice3d__face{backface-visibility:hidden;background:radial-gradient(90% 90% at 35% 30%,#fffdf6,#f1e2c2);border-radius:16%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #2a1c1924,inset 0 -6px 12px #2a1c191f}.dice3d__picture{width:78%;height:auto}@media (prefers-reduced-motion:reduce){.dice3d__cube.is-tumbling{animation:none}}.bau-cua__bowl[data-dice-kind]{position:relative}.bau-cua__dice3d-slot{width:100%}.bau-cua__dice3d-slot.is-waiting{visibility:hidden;pointer-events:none;width:auto;position:absolute;inset:clamp(1rem,4vw,1.6rem) clamp(.6rem,3vw,1.4rem) auto}.bau-cua__dice3d{width:100%;height:clamp(210px,56vw,300px)}.bau-cua__dice3d-canvas{width:100%;height:100%;display:block}.bau-cua__dice-kind{justify-items:center;gap:.25rem;display:grid}.bau-cua__dice-kind-toggle{color:#fffaf0;cursor:pointer;background:#fffaf01f;border-radius:999px;align-items:center;gap:.55rem;min-height:44px;padding:0 .9rem;font-weight:700;display:inline-flex}.bau-cua__dice-kind-toggle input{accent-color:#f2c14e;width:1.15rem;height:1.15rem}.bau-cua__dice-kind .bau-cua__note{color:#fbe9c8;text-align:center;margin:0}