.co-tuong{--co-tuong-wood:#c99a5b;--co-tuong-wood-edge:#8a5c2c;--co-tuong-line:#4a2c12;--co-tuong-disk:#f6e7c4;--co-tuong-disk-edge:#b88d4c;--co-tuong-red:#b3202a;--co-tuong-black:#1d1915;--co-tuong-mark:#1d1915;--co-tuong-pick:#f2c94c;--co-tuong-check:#e0313f;border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper-soft);border-radius:20px;gap:.8rem;max-width:900px;margin:2rem auto 0;padding:clamp(.9rem,3.5vw,1.8rem);display:grid;position:relative}html[data-theme=light] .co-tuong{--co-tuong-wood:#e2b979;--co-tuong-wood-edge:#a8763b;--co-tuong-pick:#b7791f}.co-tuong__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}.co-tuong__title{font:600 clamp(1.2rem, 4.2vw, 1.55rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-align:center;margin:.2rem 0 0}.co-tuong__note{color:var(--tro-choi-copy);background:var(--tro-choi-paper);border-radius:12px;margin:0;padding:.6rem .9rem;font-size:.95rem}.co-tuong__link{color:var(--tro-choi-gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.co-tuong__turn{justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex}.co-tuong__chip{border:2px solid var(--co-tuong-disk-edge);background:var(--co-tuong-disk);border-radius:50%;width:.95rem;height:.95rem}.co-tuong__chip--r{box-shadow:inset 0 0 0 3px var(--co-tuong-red)}.co-tuong__chip--b{box-shadow:inset 0 0 0 3px var(--co-tuong-black)}.co-tuong__side{color:var(--tro-choi-muted);letter-spacing:.02em;margin:0 auto;font-size:.85rem;font-weight:700}@media (width<=480px){.co-tuong .co-tuong__wood{width:calc(100% + 1.2rem);margin-inline:-.6rem}}.co-tuong__wood{border:2px solid var(--co-tuong-wood-edge);background:var(--co-tuong-wood);border-radius:14px;width:min(100%,560px);margin:0 auto;padding:clamp(4px,1.4vw,10px);box-shadow:0 10px 28px #00000047}.co-tuong__board{aspect-ratio:9/10;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));width:100%;display:grid;position:relative}.co-tuong__lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.co-tuong__frame{fill:none;stroke:var(--co-tuong-line);stroke-width:.05px}.co-tuong__grid-lines{fill:none;stroke:var(--co-tuong-line);stroke-width:.03px}.co-tuong__river{fill:var(--co-tuong-line);font:600 .4px / 1 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-anchor:middle;dominant-baseline:middle;opacity:.75}.co-tuong__point{min-width:0;min-height:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.co-tuong__point:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:-2px}.co-tuong__point.is-last:after{content:"";pointer-events:none;border:2px dashed #1d19158c;border-radius:50%;position:absolute;inset:1%}.co-tuong__piece{aspect-ratio:1;border:2px solid var(--co-tuong-disk-edge);background:radial-gradient(circle at 35% 30%, #fffaf0 0%, var(--co-tuong-disk) 62%, #e8d2a4 100%);width:92%;font:700 clamp(.5rem, 2.3vw, .95rem) / 1 var(--font-serif,Lora, "Lora fallback", Georgia, serif);letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 3px #00000059}.co-tuong__piece[data-name-size=short]{font-size:clamp(.6rem,2.9vw,1.2rem)}.co-tuong__piece[data-name-size=long]{letter-spacing:-.02em;font-size:clamp(.42rem,1.9vw,.8rem)}.co-tuong__piece--r{border:2px solid var(--co-tuong-red);color:var(--co-tuong-red)}.co-tuong__piece--b{border:3px double var(--co-tuong-black);color:var(--co-tuong-black)}@supports (container-type:inline-size){.co-tuong__point{container-type:inline-size}.co-tuong__piece{font-size:27cqi}.co-tuong__piece[data-name-size=short]{font-size:34cqi}.co-tuong__piece[data-name-size=long]{font-size:22cqi}}.co-tuong__point.is-selected .co-tuong__piece{outline:3px solid var(--co-tuong-pick);outline-offset:1px;transform:translateY(-2px)scale(1.04)}.co-tuong__point.is-capture .co-tuong__piece{outline:3px solid var(--co-tuong-check);outline-offset:1px}.co-tuong__piece.is-checked{box-shadow:0 0 0 3px var(--co-tuong-check), 0 0 14px 2px #e0313fb3;animation:1.2s ease-in-out infinite co-tuong-check}.co-tuong__piece.is-arrived{animation:.18s ease-out co-tuong-arrive}.co-tuong__piece.is-checked.is-arrived{animation:.18s ease-out co-tuong-arrive,1.2s ease-in-out .18s infinite co-tuong-check}.co-tuong__dot{aspect-ratio:1;background:var(--co-tuong-mark);opacity:.55;border-radius:50%;width:28%}@keyframes co-tuong-arrive{0%{transform:scale(.82)}to{transform:scale(1)}}@keyframes co-tuong-check{50%{box-shadow:0 0 0 3px var(--co-tuong-check), 0 0 4px 1px #e0313f66}}.co-tuong[data-motion=none] .co-tuong__piece,.co-tuong[data-motion=none] .co-tuong__point.is-selected .co-tuong__piece{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.co-tuong__piece{transition:none!important;animation:none!important}}.co-tuong__message{min-height:2.6em;color:var(--tro-choi-copy);text-align:center;margin:0;font-size:1rem}.co-tuong__end{border:1px solid var(--tro-choi-gold);text-align:center;background:var(--tro-choi-paper);border-radius:14px;gap:.3rem;padding:.9rem 1rem;display:grid}.co-tuong__end h3{color:var(--tro-choi-gold);font:600 1.4rem / 1.25 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.co-tuong__end h3:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:3px}.co-tuong__end p{color:var(--tro-choi-copy);margin:0}.co-tuong__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.co-tuong__secondary,.co-tuong__toggle{border:1px solid var(--tro-choi-line);min-height:44px;color:var(--tro-choi-ink);background:var(--tro-choi-paper);font:inherit;cursor:pointer;border-radius:999px;padding:.55rem 1rem;font-weight:700}.co-tuong__secondary:hover:not(:disabled),.co-tuong__toggle:hover{border-color:var(--tro-choi-gold)}.co-tuong__secondary:disabled{opacity:.5;cursor:default}.co-tuong__secondary:focus-visible,.co-tuong__toggle:focus-visible,.co-tuong__link:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:2px}.co-tuong__toggle[aria-pressed=true]{border-color:var(--tro-choi-gold);color:var(--tro-choi-gold)}.co-tuong__toggle[aria-pressed=true]:before{content:"✓ "}.co-tuong__log{border-top:1px solid var(--tro-choi-line);padding-top:.8rem}.co-tuong__log h3{font:600 1.1rem / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0 0 .4rem}.co-tuong__log ol{max-height:14rem;color:var(--tro-choi-copy);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.2rem 1rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid;overflow-y:auto}.co-tuong__num{min-width:2.2em;color:var(--tro-choi-muted);font-variant-numeric:tabular-nums;display:inline-block}.co-tuong__sep{color:var(--tro-choi-muted)}.co-tuong__empty{color:var(--tro-choi-muted);margin:0;font-size:.92rem}.co-tuong-pieces{gap:.5rem;margin:.6rem 0 1rem;padding:0;list-style:none;display:grid}.co-tuong-pieces li{display:block}