.vong-quay{--vong-quay-s0:#b3202f;--vong-quay-s1:#e8b04a;--vong-quay-s2:#7a1624;--vong-quay-s3:#f3d9a4;--vong-quay-s4:#2f6b4f;--vong-quay-s5:#d8674a;--vong-quay-on-dark:#fff6e3;--vong-quay-on-light:#2a1310;gap:1.5rem;max-width:980px;margin:2rem auto 0;display:grid}.vong-quay__presets{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.vong-quay__chip{border:1px solid var(--tro-choi-line);min-height:44px;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-weight:650}.vong-quay__chip[aria-pressed=true]{border-color:var(--tro-choi-gold);color:var(--tro-choi-bg);background:var(--tro-choi-gold)}.vong-quay__chip:disabled{cursor:default;opacity:.6}.vong-quay__stage{text-align:center;justify-items:center;gap:1rem;display:grid}.vong-quay__question{font:600 clamp(1.3rem, 4.5vw, 1.7rem) / 1.25 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.vong-quay__wheel-box{width:min(100%,360px)}.vong-quay__wheel{filter:drop-shadow(0 10px 24px #00000047);width:100%;height:auto;display:block}.vong-quay__slice path{stroke:#fff6e38c;stroke-width:1.5px}.vong-quay__slice text{pointer-events:none;font-family:Be Vietnam Pro,Be Vietnam Pro fallback,system-ui,sans-serif;font-weight:700}.vong-quay__slice--0 path{fill:var(--vong-quay-s0)}.vong-quay__slice--1 path{fill:var(--vong-quay-s1)}.vong-quay__slice--2 path{fill:var(--vong-quay-s2)}.vong-quay__slice--3 path{fill:var(--vong-quay-s3)}.vong-quay__slice--4 path{fill:var(--vong-quay-s4)}.vong-quay__slice--5 path{fill:var(--vong-quay-s5)}.vong-quay__slice--0 text,.vong-quay__slice--2 text,.vong-quay__slice--4 text,.vong-quay__slice--5 text{fill:var(--vong-quay-on-dark)}.vong-quay__slice--1 text,.vong-quay__slice--3 text{fill:var(--vong-quay-on-light)}.vong-quay__empty{fill:var(--tro-choi-paper);stroke:var(--tro-choi-line)}.vong-quay__hub{fill:var(--tro-choi-gold);stroke:var(--tro-choi-bg);stroke-width:4px}.vong-quay__pointer{fill:var(--tro-choi-gold);stroke:var(--tro-choi-bg);stroke-width:2px;stroke-linejoin:round}.vong-quay__spin{color:#fff8e6;min-width:11rem;min-height:52px;font:inherit;cursor:pointer;background:linear-gradient(#c62f3f,#8f1d2b);border:0;border-radius:999px;padding:.75rem 2rem;font-size:1.15rem;font-weight:800;box-shadow:0 8px 22px #8f1d2b59}.vong-quay__spin:disabled{cursor:default;opacity:.7}.vong-quay__result{min-height:2.2em;color:var(--tro-choi-ink);font:600 clamp(1.25rem, 5vw, 1.6rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.vong-quay__remove{border:0;border-bottom:2px solid var(--tro-choi-son);min-height:44px;color:var(--tro-choi-son);font:inherit;cursor:pointer;background:0 0;padding:.25rem 0;font-weight:700}.vong-quay__editor{gap:.5rem;width:min(100%,520px);margin:0 auto;display:grid}.vong-quay__editor label{font-weight:700}.vong-quay__editor textarea{border:1px solid var(--tro-choi-line);width:100%;min-height:11rem;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper-soft);resize:vertical;border-radius:14px;padding:.75rem .9rem;font-size:1rem;line-height:1.6}.vong-quay__hint{color:var(--tro-choi-muted);margin:0;font-size:.9rem;line-height:1.5}.vong-quay__chip:focus-visible,.vong-quay__spin:focus-visible,.vong-quay__remove:focus-visible,.vong-quay__editor textarea:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:3px}@media (width>=900px){.vong-quay{grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-template-areas:"presets presets""stage editor";align-items:start}.vong-quay__presets{grid-area:presets}.vong-quay__stage{grid-area:stage}.vong-quay__editor{grid-area:editor;margin-top:3rem}}