.tim-chu{--tim-chu-cell:#fffaf0;--tim-chu-cell-ink:#2a1c19;--tim-chu-edge:#2a1c192e;--tim-chu-pick:#e8c56a;--tim-chu-c1:#e27b898c;--tim-chu-c2:#e8c56a9e;--tim-chu-c3:#6cbe8c8c;--tim-chu-c4:#78aae68c;--tim-chu-c5:#c88ce685;--tim-chu-c6:#f0a05a94;--tim-chu-c7:#5ac8c885;--tim-chu-c8:#e678c880;border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper-soft);border-radius:20px;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:980px;margin:2rem auto 0;padding:clamp(1rem,4vw,2rem);display:grid}html[data-theme=light] .tim-chu{--tim-chu-cell:#fff;--tim-chu-edge:#2a1c1929;--tim-chu-pick:#c79a2c;--tim-chu-c1:#c6465a61;--tim-chu-c2:#d6a02873;--tim-chu-c3:#28965a5c;--tim-chu-c4:#3278d25c;--tim-chu-c5:#9650c857;--tim-chu-c6:#e6781e66;--tim-chu-c7:#14a0a05c;--tim-chu-c8:#c83ca057}.tim-chu--empty{text-align:center}.tim-chu__title{font:600 clamp(1.3rem, 4.8vw, 1.7rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin:0;display:flex}.tim-chu__title>span{color:var(--tro-choi-muted);font:700 .9rem / 1.4 var(--font-sans,inherit)}.tim-chu__clock{font-variant-numeric:tabular-nums}.tim-chu__preview{border:1px dashed var(--tro-choi-gold);color:var(--tro-choi-copy);border-radius:12px;margin:0;padding:.6rem .8rem;font-size:.92rem}.tim-chu__levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.tim-chu__level{border:1px solid var(--tro-choi-line);min-width:0;min-height:44px;color:var(--tro-choi-copy);font:500 .8rem / 1.35 var(--font-sans,inherit);text-align:left;background:var(--tro-choi-paper);cursor:pointer;border-radius:12px;gap:.15rem;padding:.5rem .6rem;display:grid}.tim-chu__level strong{color:var(--tro-choi-ink);font-size:1rem}.tim-chu__level[aria-pressed=true]{border-color:var(--tro-choi-gold);box-shadow:inset 0 0 0 1px var(--tro-choi-gold)}.tim-chu__level:focus-visible,.tim-chu__primary:focus-visible,.tim-chu__secondary:focus-visible,.tim-chu__ghost:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:2px}.tim-chu__play{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}.tim-chu__board{gap:.6rem;min-width:0;display:grid}.tim-chu__grid{grid-template-rows:repeat(var(--tim-chu-rows), minmax(0, 1fr));width:100%;max-width:calc(var(--tim-chu-cols) * 4.6rem);aspect-ratio:var(--tim-chu-cols) / var(--tim-chu-rows);border:2px solid var(--tim-chu-edge);background:var(--tim-chu-cell);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;border-radius:14px;margin:0 auto;display:grid;position:relative;overflow:hidden;transition:none!important;animation:none!important}.tim-chu__marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tim-chu__stroke{stroke-width:74px;stroke-linecap:round}.tim-chu__stroke.is-c1{stroke:var(--tim-chu-c1)}.tim-chu__stroke.is-c2{stroke:var(--tim-chu-c2)}.tim-chu__stroke.is-c3{stroke:var(--tim-chu-c3)}.tim-chu__stroke.is-c4{stroke:var(--tim-chu-c4)}.tim-chu__stroke.is-c5{stroke:var(--tim-chu-c5)}.tim-chu__stroke.is-c6{stroke:var(--tim-chu-c6)}.tim-chu__stroke.is-c7{stroke:var(--tim-chu-c7)}.tim-chu__stroke.is-c8{stroke:var(--tim-chu-c8)}.tim-chu__marks .tim-chu__stroke.is-shown{stroke:#78686052}.tim-chu__stroke.is-pick{stroke:var(--tim-chu-pick);stroke-opacity:.55;stroke-width:80px}.tim-chu__hint{fill:none;stroke:#b3313f;stroke-width:7px;stroke-dasharray:14 10}.tim-chu__row{grid-template-columns:repeat(var(--tim-chu-cols), minmax(0, 1fr));min-height:0;display:grid;position:relative}.tim-chu__cell{border-right:1px solid var(--tim-chu-edge);border-bottom:1px solid var(--tim-chu-edge);min-width:0;min-height:0;color:var(--tim-chu-cell-ink);font-family:var(--font-sans,inherit);outline:none;place-items:center;font-weight:600;line-height:1;display:grid;container-type:inline-size}.tim-chu__row>.tim-chu__cell:last-child{border-right:0}.tim-chu__row:last-child>.tim-chu__cell{border-bottom:0}.tim-chu__cell>span{white-space:nowrap;pointer-events:none;max-width:100%;font-size:min(1.25rem,34cqi);line-height:1.4;position:relative}.tim-chu__cell.is-len-4>span{font-size:min(1.2rem,30cqi)}.tim-chu__cell.is-len-5>span{font-size:min(1.12rem,26cqi)}.tim-chu__cell.is-len-6>span{font-size:min(1.02rem,22cqi)}.tim-chu__cell.is-len-7>span{font-size:min(.95rem,19cqi)}.tim-chu__cell.is-found>span{font-weight:700}.tim-chu__cell.is-anchor{box-shadow:inset 0 0 0 3px var(--tim-chu-pick)}.tim-chu__cell:focus-visible{box-shadow:inset 0 0 0 3px #b3313f}.tim-chu__keys,.tim-chu__message,.tim-chu__note{color:var(--tro-choi-copy);margin:0;font-size:.92rem;line-height:1.55}.tim-chu__message{min-height:1.5em;color:var(--tro-choi-ink);font-weight:600}.tim-chu__side{align-content:start;gap:.75rem;min-width:0;display:grid}.tim-chu__list-title{font:600 1.1rem / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.tim-chu__words{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.tim-chu__word{border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper);border-left-width:6px;border-radius:10px;gap:.2rem;padding:.45rem .7rem;display:grid}.tim-chu__word.is-c1{border-left-color:var(--tim-chu-c1)}.tim-chu__word.is-c2{border-left-color:var(--tim-chu-c2)}.tim-chu__word.is-c3{border-left-color:var(--tim-chu-c3)}.tim-chu__word.is-c4{border-left-color:var(--tim-chu-c4)}.tim-chu__word.is-c5{border-left-color:var(--tim-chu-c5)}.tim-chu__word.is-c6{border-left-color:var(--tim-chu-c6)}.tim-chu__word.is-c7{border-left-color:var(--tim-chu-c7)}.tim-chu__word.is-c8{border-left-color:var(--tim-chu-c8)}.tim-chu__word-text{color:var(--tro-choi-ink);overflow-wrap:anywhere;font-weight:600}.tim-chu__word.is-found .tim-chu__word-text{text-decoration:line-through;text-decoration-thickness:2px}.tim-chu__word.is-shown .tim-chu__word-text{color:var(--tro-choi-muted)}.tim-chu__meaning{color:var(--tro-choi-copy);font-size:.88rem;line-height:1.45}.tim-chu__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tim-chu__tools,.tim-chu__actions{flex-wrap:wrap;gap:.5rem;display:flex}.tim-chu__primary,.tim-chu__secondary,.tim-chu__ghost{min-height:44px;font:600 .95rem / 1.3 var(--font-sans,inherit);cursor:pointer;border-radius:999px;padding:.55rem 1.1rem}.tim-chu__primary{color:#2a1c19;background:var(--tro-choi-gold);border:1px solid #0000}html[data-theme=light] .tim-chu__primary{color:#fffaf0}.tim-chu__secondary{border:1px solid var(--tro-choi-gold);color:var(--tro-choi-ink);background:0 0}.tim-chu__ghost{border:1px solid var(--tro-choi-line);color:var(--tro-choi-copy);background:0 0}.tim-chu__done{border-top:1px solid var(--tro-choi-line);gap:.6rem;padding-top:1rem;display:grid}.tim-chu__done h3{font:600 clamp(1.2rem, 4.4vw, 1.5rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);outline:none;margin:0}@media (width>=860px){.tim-chu__play{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}@media (width<=420px){.tim-chu__level span{display:none}.tim-chu__level{text-align:center}}@media (prefers-reduced-motion:no-preference){.tim-chu[data-motion=full] .tim-chu__hint{animation:1.2s ease-in-out infinite alternate tim-chu-hint}}@keyframes tim-chu-hint{0%{stroke-opacity:1}to{stroke-opacity:.35}}