.tha-dieu{justify-items:center;gap:.85rem;margin:1.75rem auto 0;scroll-margin-top:4.75rem;display:grid}.tha-dieu__hud{width:min(100%,440px,75svh - 7.5rem);min-width:min(100%,280px);color:var(--tro-choi-copy);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;font-size:.95rem;display:grid}.tha-dieu__hud strong{color:var(--tro-choi-ink);font-size:1.15rem}.tha-dieu__stage{aspect-ratio:3/4;isolation:isolate;border:1px solid var(--tro-choi-line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#5fb4e8 0%,#a9dcf6 60%,#e3f5ff 93%,#7cbf4a 93%,#4f8f2c 100%);border-radius:22px;width:min(100%,440px,75svh - 7.5rem);min-width:min(100%,280px);position:relative;overflow:hidden;box-shadow:0 18px 40px #0000004d}.tha-dieu__surface{z-index:1;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.tha-dieu__surface:disabled{cursor:default}.tha-dieu__surface:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:-6px;border-radius:21px}html[data-theme=light] .tha-dieu__stage{box-shadow:0 16px 36px #2a1c1938}.tha-dieu__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tha-dieu__panel{z-index:2;color:#f4fbff;text-align:center;cursor:default;background:#0a2a48d1;border:1px solid #ffffff73;border-radius:18px;justify-items:center;gap:.6rem;width:calc(100% - 2.5rem);max-width:22rem;padding:1.1rem 1.1rem 1.2rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tha-dieu__panel strong{font:600 clamp(1.15rem, 4.8vw, 1.45rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-wrap:balance}.tha-dieu__panel span{color:#f4fbffe0;text-wrap:pretty;font-size:.95rem;line-height:1.5}.tha-dieu__panel .tha-dieu__note{color:#f4fbffc2;font-size:.85rem}.tha-dieu__panel .tha-dieu__best{color:#ffe08a;font-weight:700}.tha-dieu__choices{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.tha-dieu__go,.tha-dieu__ghost{min-width:48px;min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1.4rem;font-weight:800;display:inline-flex}.tha-dieu__go{color:#fff8e6;background:linear-gradient(#c62f3f,#8f1d2b);border:0;box-shadow:0 8px 22px #8f1d2b59}.tha-dieu__ghost{border:1px solid var(--tro-choi-gold);color:var(--tro-choi-ink);background:var(--tro-choi-paper-soft)}.tha-dieu__panel .tha-dieu__ghost{color:#f4fbff;background:0 0;border-color:#fff9}.tha-dieu__go:focus-visible,.tha-dieu__ghost:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:3px}.tha-dieu__panel .tha-dieu__go:focus-visible,.tha-dieu__panel .tha-dieu__ghost:focus-visible{outline-color:#ffe08a}.tha-dieu__controls{flex-wrap:wrap;justify-content:center;gap:.6rem;min-height:48px;display:flex}.tha-dieu__record{color:var(--tro-choi-copy);text-align:center;text-wrap:balance;margin:0;font-size:.93rem;line-height:1.5}.tha-dieu__credit{color:var(--tro-choi-copy);font-size:.85rem}