.o-chu{--o-chu-cell:#fffaf0;--o-chu-cell-ink:#2a1c19;--o-chu-block:#f5e8c70f;--o-chu-word:#f6e3b0;--o-chu-active:#e8c56a;--o-chu-right:#2f7a55;--o-chu-wrong:#b3313f;--o-chu-marks:#b07d12;--o-chu-opened:#6d5a8a;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:760px;margin:2rem auto 0;padding:clamp(1rem,4vw,2rem);display:grid}html[data-theme=light] .o-chu{--o-chu-cell:#fff;--o-chu-cell-ink:#2a1c19;--o-chu-block:#2a1c1912;--o-chu-word:#f7e7bd;--o-chu-active:#d9a63a;--o-chu-right:#1f6a45;--o-chu-wrong:#a02633;--o-chu-marks:#8a5a12;--o-chu-opened:#5b4a78}.o-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}.o-chu__title span{color:var(--tro-choi-muted);font:700 .9rem / 1.4 var(--font-sans,inherit)}.o-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}.o-chu__note{color:var(--tro-choi-copy);margin:0;line-height:1.6}.o-chu__bar{border-left:4px solid var(--tro-choi-gold);min-height:4.2rem;color:var(--tro-choi-copy);background:var(--tro-choi-paper);border-radius:10px;gap:.2rem;padding:.6rem .85rem;line-height:1.5;display:grid}.o-chu__bar strong{color:var(--tro-choi-gold);letter-spacing:.04em;font-size:.85rem}.o-chu__grid{grid-template-columns:repeat(var(--o-chu-cols), minmax(0, 1fr));width:100%;max-width:calc(var(--o-chu-cols) * 4.75rem);gap:3px;margin:0 auto;display:grid}.o-chu__block{aspect-ratio:1;background:var(--o-chu-block);border-radius:6px}.o-chu__cell{aspect-ratio:1;min-width:0;color:var(--o-chu-cell-ink);background:var(--o-chu-cell);border:2px solid #2a1c1959;border-radius:6px;position:relative;container-type:inline-size}.o-chu__cell.is-word{background:var(--o-chu-word)}.o-chu__cell.is-active{border-color:var(--o-chu-active);box-shadow:0 0 0 2px var(--o-chu-active)}.o-chu__cell.is-right{border-color:var(--o-chu-right)}.o-chu__cell.is-wrong{border-color:var(--o-chu-wrong);border-style:dashed}.o-chu__cell.is-marks{border-color:var(--o-chu-marks);border-style:dotted}.o-chu__num{z-index:2;color:#2a1c19b8;font:700 clamp(.55rem, 22cqi, .72rem) / 1 var(--font-sans,inherit);pointer-events:none;position:absolute;top:1px;left:3px}.o-chu__cell input,.o-chu__text{text-align:center;width:100%;height:100%;font-family:var(--font-sans,inherit);border:0;padding:.7em 2px 0;font-weight:600;line-height:1;position:absolute;inset:0}.o-chu__cell input{z-index:1;color:#0000;caret-color:#0000;background:0 0;border-radius:4px;outline:none;padding-top:.55em;font-size:16px}.o-chu__cell input:focus{color:var(--o-chu-cell-ink);caret-color:var(--o-chu-cell-ink);background:var(--o-chu-cell)}.o-chu__cell.is-word input:focus{background:var(--o-chu-word)}.o-chu__text{white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;padding:.35em 1px 0;font-size:min(1.15rem,34cqi);display:flex;overflow:hidden}.o-chu__cell.is-len5 .o-chu__text{font-size:min(1.05rem,28cqi)}.o-chu__cell.is-len6 .o-chu__text{font-size:min(.95rem,24cqi)}.o-chu__cell.is-len7 .o-chu__text{font-size:min(.85rem,21cqi)}.o-chu__cell input:focus+.o-chu__text{visibility:hidden}.o-chu__cell.is-opened .o-chu__text{color:var(--o-chu-opened)}.o-chu__cell.is-wrong .o-chu__text{color:var(--o-chu-wrong)}.o-chu__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.o-chu__button{border:1px solid var(--tro-choi-line);min-height:44px;color:var(--tro-choi-ink);font:600 .98rem / 1.3 var(--font-sans,inherit);background:var(--tro-choi-paper);cursor:pointer;border-radius:999px;padding:.55rem 1.1rem}.o-chu__button--main{border-color:var(--tro-choi-gold);color:#1b1208;background:var(--tro-choi-gold)}html[data-theme=light] .o-chu__button--main{color:#fff}.o-chu__button:disabled{cursor:default;opacity:.55}.o-chu__button:focus-visible,.o-chu__clue:focus-visible{outline:3px solid var(--tro-choi-gold);outline-offset:2px}.o-chu__status{min-height:1.5em;color:var(--tro-choi-copy);text-align:center;margin:0;line-height:1.5}.o-chu__done{border:1px solid var(--tro-choi-gold);text-align:center;background:var(--tro-choi-paper);border-radius:16px;justify-items:center;gap:.6rem;padding:1rem;display:grid}.o-chu__done h3{font:600 clamp(1.2rem, 4.4vw, 1.5rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.o-chu__score{color:var(--tro-choi-gold);font:600 clamp(2.4rem, 11vw, 3.4rem) / 1 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.o-chu__score span{color:var(--tro-choi-copy);font:600 1rem / 1.4 var(--font-sans,inherit)}.o-chu__squares{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;display:flex}.o-chu__squares span{border-radius:5px;width:22px;height:22px}.o-chu__squares .is-hit{background:var(--o-chu-right)}.o-chu__squares .is-miss{background:var(--o-chu-opened)}.o-chu__clues{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=720px){.o-chu__clues{grid-template-columns:repeat(2,minmax(0,1fr))}}.o-chu__list h3{color:var(--tro-choi-gold);font:700 .9rem / 1.4 var(--font-sans,inherit);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem}.o-chu__list ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.o-chu__list li{border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper);border-radius:12px}.o-chu__list li.is-active{border-color:var(--tro-choi-gold)}.o-chu__clue{width:100%;min-height:44px;color:var(--tro-choi-copy);font:500 .95rem / 1.5 var(--font-sans,inherit);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;gap:.6rem;padding:.6rem .75rem;display:flex}.o-chu__clue-number{min-width:1.6rem;color:var(--tro-choi-gold);flex:none;font-weight:700}.o-chu__clue-text{overflow-wrap:anywhere;min-width:0}.o-chu__clue-count{color:var(--tro-choi-muted)}.o-chu__clue-done{color:var(--o-chu-right);font-weight:700}html:not([data-theme=light]) .o-chu__clue-done{color:#7fd0a6}.o-chu__explain{border-top:1px solid var(--tro-choi-line);color:var(--tro-choi-copy);padding:.5rem .75rem .7rem 2.95rem;font-size:.92rem;line-height:1.55}.o-chu__explain p{margin:0}.o-chu__explain strong{color:var(--tro-choi-ink)}.o-chu__source{color:var(--tro-choi-muted);margin-top:.3rem!important}.o-chu__source a{color:var(--tro-choi-gold)}@media (prefers-reduced-motion:no-preference){.o-chu__cell,.o-chu__button{transition:border-color .15s,background-color .15s,box-shadow .15s}}
