:root{color-scheme:light;--bg: #f5f1e8;--surface: #fbf9f4;--surface-strong: #ffffff;--line: rgba(38, 31, 24, .12);--line-strong: rgba(38, 31, 24, .24);--text: #1f1a16;--text-muted: #6c6258;--accent: #1f1a16;--accent-soft: rgba(31, 26, 22, .08);--green: #4f6857;--gray: #8b877f;--gold: #b49457;--font-display: "STKaiti", "Kaiti SC", "Songti SC", "Noto Serif SC", serif;--font-body: "Songti SC", "Noto Serif SC", serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:linear-gradient(180deg,#f7f3eb 0%,var(--bg) 100%)}button,input{font:inherit}.page-shell{min-height:100dvh;padding:24px 16px}.app-card{width:min(920px,100%);margin:0 auto;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fbf9f4eb;box-shadow:0 8px 30px #0000000a}.app-card--home{min-height:calc(100dvh - 48px);display:grid;place-items:center}.home-panel{width:min(520px,100%);text-align:center}.home-panel h1{margin:0;font-family:var(--font-display);font-size:clamp(3rem,10vw,5rem);font-weight:700;letter-spacing:.14em}.home-panel__lead{margin:14px 0 0;color:var(--text-muted);font-size:1rem;line-height:1.8}.home-panel__button{min-width:180px;margin-top:28px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.topbar__side{display:flex}.topbar__side--right{justify-content:flex-end}.topbar__title{margin:0;text-align:center;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:.12em}.topbar__button{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);cursor:pointer}.topbar__button:hover,.action-button:hover,.guess-cell--editable:hover{border-color:var(--line-strong)}.info-ribbon{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.info-ribbon span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:.92rem}.game-panel,.side-panel,.rules-modal__panel{border:1px solid var(--line);border-radius:20px;background:var(--surface)}.game-panel{margin-top:20px;padding:20px}.message-strip{padding:12px 14px;border-radius:14px;background:var(--surface-strong);color:var(--text-muted);line-height:1.6}.message-strip[data-tone=error]{color:#8a3b35}.message-strip[data-tone=success]{color:var(--green)}.board-panel{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong)}.board-current{padding-bottom:16px;border-bottom:1px solid rgba(38,31,24,.08)}.guess-row{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;min-height:56px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.guess-row--history{justify-content:flex-start}.guess-punctuation{flex:0 0 auto;width:12px;text-align:center;color:var(--text-muted);font-size:1.3rem}.guess-cell{position:relative;display:inline-grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-family:var(--font-display);font-size:1.4rem;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.guess-cell--editable{cursor:text}.guess-cell--active{border-color:var(--line-strong);box-shadow:0 0 0 3px #1f1a160d}.guess-cell--reused{border-color:#b494578c}.guess-cell--absent{background:#f0ede6}.guess-cell--present{background:var(--gray);border-color:var(--gray);color:#fff}.guess-cell--exact{background:var(--green);border-color:var(--green);color:#fff}.guess-input{width:100%;height:100%;border:0;border-radius:inherit;background:transparent;color:inherit;text-align:center;font:inherit;outline:none}.guess-input:disabled{cursor:default}.guess-cell__repeat-mark{position:absolute;top:3px;right:5px;color:var(--gold);font-size:.68rem}.history-panel{margin-top:16px}.history-panel__title{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--text-muted);font-size:.92rem}.history-list{display:grid;gap:10px}.history-list__row{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}.history-list__index{display:inline-grid;place-items:center;width:22px;height:22px;margin-top:12px;border-radius:50%;background:var(--accent-soft);color:var(--text-muted);font-size:.78rem}.empty-history{margin-top:16px;padding:16px;border:1px dashed var(--line);border-radius:14px;color:var(--text-muted);text-align:center}.control-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.action-button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);cursor:pointer}.action-button--primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-button--secondary{background:var(--surface-strong)}.action-button--ghost{background:transparent}.lower-grid{display:grid;gap:14px;margin-top:14px}.lower-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel{padding:18px}.side-panel__header{margin-bottom:12px}.side-panel__header h3{margin:0;font-size:1rem;font-weight:600}.used-chars{display:flex;flex-wrap:wrap;gap:8px;min-height:40px}.used-chars__chip{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);font-family:var(--font-display);font-size:1.05rem}.used-chars__empty,.result-card__placeholder,.legend-card p{margin:0;color:var(--text-muted);line-height:1.6}.result-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong)}.result-card__line{margin:0;font-family:var(--font-display);font-size:1.2rem;line-height:1.7}.result-card__meta{margin:10px 0 0;color:var(--text-muted)}.rules-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px 16px;background:#15120f47}.rules-modal__panel{width:min(560px,100%);padding:20px}.rules-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rules-modal__header h3{margin:0;font-size:1.1rem;font-weight:600}.rules-modal__close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:1.4rem;cursor:pointer}.legend-grid{display:grid;gap:10px}.legend-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong)}.legend-card strong{display:block;margin-bottom:2px}.legend-card__sample{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;font-family:var(--font-display);font-size:1.2rem}.legend-card__sample--exact{background:var(--green)}.legend-card__sample--present{background:var(--gray)}.legend-card__sample--repeat{background:var(--gold)}.rules-modal__notes{display:grid;gap:8px;margin-top:14px}.rules-modal__notes p{margin:0;color:var(--text-muted);line-height:1.6}@media (max-width: 760px){.page-shell{padding:12px}.app-card{padding:16px;border-radius:18px}.app-card--home{min-height:calc(100dvh - 24px)}.topbar{grid-template-columns:1fr;gap:10px}.topbar__side,.topbar__side--right{justify-content:center}.topbar__title{order:-1}.lower-grid--two,.history-list__row{grid-template-columns:1fr}.history-list__index{margin-top:0}.control-row{flex-direction:column}.action-button,.topbar__button{width:100%}.guess-cell{width:44px;height:44px;font-size:1.25rem}.side-panel,.game-panel,.board-panel,.rules-modal__panel{padding-left:14px;padding-right:14px}}