.o-an-quan{--o-an-quan-ground:#6b4a2b;--o-an-quan-ground-edge:#3f2a16;--o-an-quan-hole:#4a321c;--o-an-quan-line:#d9b77c;--o-an-quan-stone:#e9e2d2;--o-an-quan-stone-edge:#8f8778;--o-an-quan-quan:#2c2a33;--o-an-quan-quan-edge:#c9a24a;--o-an-quan-a:#e05a5a;--o-an-quan-b:#4fa3d9;--o-an-quan-pick:#f2c94c;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] .o-an-quan{--o-an-quan-ground:#c79a62;--o-an-quan-ground-edge:#8a5c2c;--o-an-quan-hole:#a87c48;--o-an-quan-line:#5a3a1a;--o-an-quan-a:#b3202a;--o-an-quan-b:#1d5f8f;--o-an-quan-pick:#8a5a12}.o-an-quan__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}.o-an-quan__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}.o-an-quan__note{color:var(--tro-choi-copy);background:var(--tro-choi-paper);border-radius:12px;margin:0;padding:.6rem .9rem;font-size:.95rem}.o-an-quan__turn{text-align:center;margin:0;font-weight:700}.o-an-quan__score{color:var(--tro-choi-copy);justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.o-an-quan__score strong{color:var(--tro-choi-ink);font-variant-numeric:tabular-nums}.o-an-quan__score.is-turn{color:var(--tro-choi-ink);font-weight:700}.o-an-quan__chip{background:var(--o-an-quan-a);border-radius:50%;width:.9rem;height:.9rem}.o-an-quan__score--b .o-an-quan__chip{background:var(--o-an-quan-b)}.o-an-quan__debt{color:var(--tro-choi-muted);font-weight:400}@media (width<=480px){.o-an-quan .o-an-quan__wood{width:calc(100% + 1.2rem);margin-inline:-.6rem}}.o-an-quan__wood{border:2px solid var(--o-an-quan-ground-edge);background:var(--o-an-quan-ground);border-radius:18px;width:min(100%,640px);margin:0 auto;padding:clamp(5px,1.6vw,12px);box-shadow:0 10px 28px #00000047}.o-an-quan__board{grid-template-rows:auto auto;grid-template-columns:minmax(0,.85fr) minmax(0,5fr) minmax(0,.85fr);gap:clamp(3px,1vw,6px);display:grid}.o-an-quan__row{grid-column:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(3px,1vw,6px);display:grid}.o-an-quan__row--b{grid-row:1}.o-an-quan__row--a{grid-row:2}.o-an-quan__pit,.o-an-quan__quan{border:2px solid var(--o-an-quan-line);min-width:0;color:var(--o-an-quan-line);background:var(--o-an-quan-hole);padding:0;position:relative;box-shadow:inset 0 3px 8px #00000059}.o-an-quan__pit{aspect-ratio:1;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px}.o-an-quan__pit:not(.is-playable){cursor:default}.o-an-quan__pit.is-playable{border-color:var(--o-an-quan-pick)}.o-an-quan__pit--a.is-playable{box-shadow:inset 0 3px 8px #00000059, 0 0 0 2px color-mix(in srgb, var(--o-an-quan-a) 70%, transparent)}.o-an-quan__pit--b.is-playable{box-shadow:inset 0 3px 8px #00000059, 0 0 0 2px color-mix(in srgb, var(--o-an-quan-b) 70%, transparent)}.o-an-quan__pit.is-selected{outline:3px solid var(--o-an-quan-pick);outline-offset:2px;background:color-mix(in srgb, var(--o-an-quan-hole) 70%, var(--o-an-quan-pick))}.o-an-quan__pit:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:2px}.o-an-quan__pit.is-active,.o-an-quan__quan.is-active{border-color:var(--o-an-quan-pick);background:color-mix(in srgb, var(--o-an-quan-hole) 60%, var(--o-an-quan-pick))}.o-an-quan__quan{grid-row:1/span 2;min-height:100%}.o-an-quan__quan--left{border-radius:100% 8px 8px 100%/50% 8px 8px 50%;grid-column:1}.o-an-quan__quan--right{border-radius:8px 100% 100% 8px/8px 50% 50% 8px;grid-column:3}.o-an-quan__stones{pointer-events:none;position:absolute;inset:8%}.o-an-quan__stone{aspect-ratio:1;border:1px solid var(--o-an-quan-stone-edge);background:radial-gradient(circle at 35% 30%, #fff 0 18%, var(--o-an-quan-stone) 45%);border-radius:50%;width:22%;position:absolute;transform:translate(-50%,-50%)}.o-an-quan__quan .o-an-quan__stones{inset:6% 12% 16%}.o-an-quan__quan .o-an-quan__stone{width:24%}.o-an-quan__quan-stone{aspect-ratio:1;border:2px solid var(--o-an-quan-quan-edge);background:radial-gradient(circle at 35% 30%, #6a6675 0 16%, var(--o-an-quan-quan) 60%);border-radius:50%;width:66%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.o-an-quan__count{color:#fff8e6;text-align:center;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:999px;min-width:1.3em;padding:0 .25em;font-size:clamp(.68rem,2.6vw,.85rem);font-weight:700;line-height:1.35;position:absolute;bottom:2px;right:3px}.o-an-quan__quan .o-an-quan__count{bottom:3px;right:50%;transform:translate(50%)}.o-an-quan[data-motion=full] .o-an-quan__pit,.o-an-quan[data-motion=full] .o-an-quan__quan,.o-an-quan[data-motion=light] .o-an-quan__pit,.o-an-quan[data-motion=light] .o-an-quan__quan{transition:background-color .15s,border-color .15s}.o-an-quan[data-motion=none] *,.o-an-quan[data-motion=none] :before,.o-an-quan[data-motion=none] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.o-an-quan *{transition:none!important;animation:none!important}}.o-an-quan__sow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:48px;display:flex}.o-an-quan__hand{min-width:11.5em;color:var(--tro-choi-copy);text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.o-an-quan__dir{border:1px solid var(--tro-choi-gold);min-width:0;max-width:13rem;min-height:48px;color:var(--tro-choi-ink);background:var(--tro-choi-paper);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;flex:1 1 0;padding:.5rem .7rem;font-size:clamp(.9rem,3.9vw,1rem);font-weight:700}.o-an-quan__dir[aria-disabled=true]{border-color:var(--tro-choi-line);color:var(--tro-choi-muted);cursor:default}.o-an-quan__message{min-height:2.6em;color:var(--tro-choi-copy);text-align:center;margin:0;font-size:1rem}.o-an-quan__end{border:1px solid var(--tro-choi-gold);text-align:center;background:var(--tro-choi-paper);border-radius:14px;gap:.4rem;padding:.9rem 1rem;display:grid}.o-an-quan__end h3{color:var(--tro-choi-gold);font:600 1.4rem / 1.25 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.o-an-quan__end h3:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:3px}.o-an-quan__end p{color:var(--tro-choi-copy);margin:0}.o-an-quan__tally{border-collapse:collapse;width:100%;max-width:30rem;color:var(--tro-choi-copy);font-variant-numeric:tabular-nums;margin:.3rem auto 0;font-size:.92rem}.o-an-quan__tally caption{color:var(--tro-choi-muted);padding-bottom:.3rem;font-size:.85rem}.o-an-quan__tally th,.o-an-quan__tally td{border-top:1px solid var(--tro-choi-line);padding:.35rem .3rem}.o-an-quan__tally strong{color:var(--tro-choi-ink)}.o-an-quan__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.o-an-quan__secondary,.o-an-quan__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}.o-an-quan__secondary:hover:not(:disabled),.o-an-quan__toggle:hover:not(:disabled),.o-an-quan__dir:hover:not([aria-disabled=true]){border-color:var(--tro-choi-gold)}.o-an-quan__secondary:disabled,.o-an-quan__toggle:disabled{opacity:.55;cursor:default}.o-an-quan__secondary:focus-visible,.o-an-quan__toggle:focus-visible,.o-an-quan__dir:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:2px}.o-an-quan__toggle[aria-pressed=true]{border-color:var(--tro-choi-gold);color:var(--tro-choi-gold)}.o-an-quan__toggle[aria-pressed=true]:before{content:"✓ "}.o-an-quan__hint{color:var(--tro-choi-muted);text-align:center;margin:-.3rem 0 0;font-size:.88rem}.o-an-quan__log{border-top:1px solid var(--tro-choi-line);padding-top:.8rem}.o-an-quan__log h3{font:600 1.1rem / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0 0 .4rem}.o-an-quan__log ol{max-height:14rem;color:var(--tro-choi-copy);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.2rem 1rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid;overflow-y:auto}.o-an-quan__num{min-width:2.2em;color:var(--tro-choi-muted);font-variant-numeric:tabular-nums;display:inline-block}.o-an-quan__empty{color:var(--tro-choi-muted);margin:0;font-size:.92rem}
