.lo-to{--lo-to-sheet:#fbf1dc;--lo-to-sheet-ink:#2a1c19;--lo-to-grid:#b33a45;--lo-to-blank:#f0dcc0;--lo-to-mark:#c62f3f;--lo-to-kinh:#e8c56a;border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper-soft);border-radius:20px;gap:.9rem;max-width:760px;margin:2rem auto 0;padding:clamp(.9rem,3.5vw,1.8rem);display:grid}html[data-theme=light] .lo-to{--lo-to-sheet:#fffaf0;--lo-to-blank:#f3e3c8;--lo-to-kinh:#d9a92c}.lo-to__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}.lo-to__modes{border:0;flex-wrap:wrap;justify-content:center;gap:.5rem;min-width:0;margin:0;padding:0;display:flex}.lo-to__modes legend{width:100%;color:var(--tro-choi-muted);text-align:center;margin-bottom:.5rem;padding:0;font-size:.9rem;font-weight:700}.lo-to__modes label{border:1px solid var(--tro-choi-line);min-height:44px;color:var(--tro-choi-ink);background:var(--tro-choi-paper);cursor:pointer;border-radius:999px;align-items:center;padding:.5rem 1.2rem;font-weight:800;display:inline-flex;position:relative}.lo-to__modes label.is-on{border-color:var(--tro-choi-gold);color:var(--tro-choi-gold);box-shadow:inset 0 0 0 1px var(--tro-choi-gold)}.lo-to__modes input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.lo-to__modes label:has(input:focus-visible){outline:3px solid var(--tro-choi-son);outline-offset:2px}.lo-to__caller,.lo-to__player,.lo-to__check{gap:.85rem;min-width:0;display:grid}.lo-to__now{color:#fff8e6;text-align:center;background:radial-gradient(120% 100% at 50% 0,#c62f3f,#6e1420);border-radius:18px;align-content:center;justify-items:center;gap:.25rem;min-height:9.5rem;padding:1rem;display:grid}.lo-to__big{font:700 clamp(4.5rem, 22vw, 7.5rem) / 1 var(--font-serif,Lora, "Lora fallback", Georgia, serif);font-variant-numeric:lining-nums tabular-nums;animation:lo-to-pop var(--lo-to-pop,.42s) ease-out}.lo-to__big[data-motion=none]{animation:none}@keyframes lo-to-pop{0%{opacity:.2;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.lo-to__words{font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:700}.lo-to__count,.lo-to__status{color:var(--tro-choi-ink);text-align:center;margin:0;font-weight:700}.lo-to__recent{color:var(--tro-choi-muted);font-weight:600}.lo-to__message{min-height:1.5em;color:var(--tro-choi-copy);text-align:center;margin:0;line-height:1.55}.lo-to__note{color:var(--tro-choi-muted);text-align:center;margin:0;font-size:.92rem;line-height:1.55}.lo-to__subhead{font:600 clamp(1.1rem, 3.6vw, 1.3rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-align:center;margin:.4rem 0 0}.lo-to__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.lo-to__primary,.lo-to__secondary{min-height:48px;font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1.4rem;font-weight:800}.lo-to__primary{color:#fff8e6;background:linear-gradient(#c62f3f,#8f1d2b);border:0}.lo-to__call{min-width:9rem;font-size:1.15rem}.lo-to__secondary{border:1px solid var(--tro-choi-line);color:var(--tro-choi-ink);background:var(--tro-choi-paper)}.lo-to__secondary[aria-pressed=true]{border-color:var(--tro-choi-gold);color:var(--tro-choi-gold)}.lo-to__primary:disabled,.lo-to__secondary:disabled{opacity:.5;cursor:not-allowed}.lo-to__primary:focus-visible,.lo-to__secondary:focus-visible,.lo-to__cell:focus-visible,.lo-to select:focus-visible,.lo-to__switch input:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:2px}.lo-to__confirm{color:var(--tro-choi-ink);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex}.lo-to__check>.lo-to__pick{justify-self:center}.lo-to__pace,.lo-to__pick{color:var(--tro-choi-copy);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.lo-to select{border:1px solid var(--tro-choi-line);min-height:44px;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper);border-radius:12px;padding:.4rem .7rem;font-weight:700}.lo-to__switch{color:var(--tro-choi-copy);cursor:pointer;justify-content:center;align-items:flex-start;gap:.6rem;line-height:1.45;display:flex}.lo-to__switch input{accent-color:#c62f3f;flex:none;width:1.3rem;height:1.3rem;margin:.1rem 0 0}.lo-to__board{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.lo-to__board li{aspect-ratio:1;border:1px solid var(--tro-choi-line);color:var(--tro-choi-muted);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;font-size:clamp(.78rem,2.8vw,.95rem);font-weight:700;display:grid}.lo-to__board li.is-called{color:#fff8e6;background:#a8273a;border-color:#0000}.lo-to__board li.is-last{box-shadow:0 0 0 3px var(--tro-choi-gold)}.lo-to__verdict{color:var(--tro-choi-ink);text-align:center;background:var(--tro-choi-paper);border-radius:12px;margin:0;padding:.7rem .9rem;font-weight:700;line-height:1.5}.lo-to__verdict[data-kinh="1"]{box-shadow:inset 0 0 0 2px var(--lo-to-kinh)}.lo-to__sheet{border-collapse:collapse;table-layout:fixed;background:var(--lo-to-sheet);width:100%;max-width:540px;box-shadow:0 0 0 2px var(--lo-to-grid);margin:0 auto}.lo-to__sheet td{border:1px solid var(--lo-to-grid);text-align:center;padding:0}.lo-to__sheet td.lo-to__blank{background:var(--lo-to-blank)}.lo-to__sheet tr.is-kinh td{background:var(--lo-to-kinh)}.lo-to__cell{aspect-ratio:1;width:100%;min-height:32px;color:var(--lo-to-sheet-ink);font:700 clamp(.95rem, 3.6vw, 1.25rem) / 1 var(--font-sans,inherit);font-variant-numeric:tabular-nums;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}button.lo-to__cell{cursor:pointer}.lo-to__cell.is-on{z-index:0;color:#fff8e6}.lo-to__cell.is-on:before{z-index:-1;background:var(--lo-to-mark);content:"";border-radius:50%;position:absolute;inset:12%}@media (prefers-reduced-motion:reduce){.lo-to__big{animation:none}}
