:root{--brand:#005a9c;--accent:#ef3e42;--header-bg:#005a9c;--header-fg:#fff;--bg:#fff;--fg:#0b1f3a;--muted:#5f6f85;--border:#d5dde8;--border-strong:#8494aa;--tile-bg:#fff;--endpoint:#002f6c;--endpoint-fg:#fff;--closer:#005a9c;--closer-fg:#fff;--closer-text:#005a9c;--same:#c4cad0;--same-fg:#0b1f3a;--farther:#d6363b;--farther-fg:#fff;--key:#e3e9f1;--bar:#8494aa;--modal-bg:#fff;--shadow:0 4px 23px #00143240;--tile:min(15vw, 60px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--brand:#1f74c4;--header-bg:#00447f;--bg:#07152a;--fg:#eef3f9;--muted:#8fa1b8;--border:#1f3554;--border-strong:#3d5577;--tile-bg:#07152a;--endpoint:#eef3f9;--endpoint-fg:#002f6c;--closer:#1f74c4;--closer-text:#6fb1ee;--same:#a5acaf;--same-fg:#07152a;--farther:#e5484d;--key:#1f3554;--bar:#3d5577;--modal-bg:#0e2240;--shadow:0 4px 23px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0}button{font:inherit;color:inherit;cursor:pointer}.center-message{height:100%;color:var(--muted);place-items:center;display:grid}.app{flex-direction:column;max-width:520px;height:100%;margin:0 auto;display:flex}.header{background:var(--header-bg);color:var(--header-fg);border-bottom:4px solid var(--accent);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.header-side{align-items:center;gap:4px;width:80px;display:flex}.header-side.right{justify-content:flex-end}.title{text-align:center}.title h1{letter-spacing:.15em;margin:0;font-size:26px;font-weight:800}.logo{white-space:nowrap;line-height:1.1}.logo-yu{vertical-align:-.12em;margin:0 .04em;font-size:1.45em;line-height:.8;display:inline-block;transform:rotate(-15deg)translateY(-.04em)}.subtitle{color:#fffc;font-size:12px}.icon-btn{background:0 0;border:none;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;font-weight:700;display:grid}.icon-btn.lang-toggle{border:2px solid;width:34px;height:34px;font-size:14px}.lang-switch{border:1px solid var(--border-strong);border-radius:999px;justify-content:center;width:fit-content;margin:0 auto 12px;display:flex;overflow:hidden}.lang-switch button{background:0 0;border:none;padding:6px 16px;font-size:14px}.lang-switch button.selected{background:var(--brand);color:#fff;font-weight:700}.icon-btn:hover{background:#ffffff2e}.main{flex:1;justify-content:center;padding:12px 0;display:flex;overflow-y:auto}.board{align-content:start;gap:6px;display:grid}.row{grid-template-columns:36px repeat(4, var(--tile)) 52px;align-items:center;gap:6px;display:grid}.row-tag{-webkit-user-select:none;user-select:none;color:var(--muted);text-align:center;font-size:12px;font-weight:700}.row-badge{-webkit-user-select:none;user-select:none;color:var(--muted);text-align:left;white-space:nowrap;font-size:12px}.row-badge.closer{color:var(--closer-text);font-weight:700}.tile{width:var(--tile);height:var(--tile);border:2px solid var(--border);background:var(--tile-bg);font-size:calc(var(--tile) * .55);-webkit-user-select:none;user-select:none;place-items:center;font-weight:700;line-height:1;display:grid}.tile.filled{border-color:var(--border-strong)}.tile.locked{color:var(--muted);border-style:dashed}.tile.endpoint-tile{background:var(--endpoint);border-color:var(--endpoint);color:var(--endpoint-fg)}.row.target .tile.endpoint-tile{color:var(--fg);border-color:var(--endpoint);background:0 0}.row.target.reached .tile.endpoint-tile{background:var(--closer);border-color:var(--closer);color:var(--closer-fg)}.tile.closer,.tile.same,.tile.farther{border-color:#0000}.tile.closer{background:var(--closer);color:var(--closer-fg)}.tile.same{background:var(--same);color:var(--same-fg)}.tile.farther{background:var(--farther);color:var(--farther-fg)}.tile.reveal{animation:.5s ease-in both flip}.tile.pop{animation:.1s ease-out pop}.row.retracted .tile{opacity:.35;text-decoration:line-through}.row.shake{animation:.5s shake}@keyframes flip{0%{background:var(--tile-bg);border-color:var(--border-strong);color:var(--fg);transform:rotateX(0)}49%{background:var(--tile-bg);border-color:var(--border-strong);color:var(--fg);transform:rotateX(90deg)}51%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pop{50%{transform:scale(1.1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.controls{padding:8px 12px calc(12px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.input-bar{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.input-wrap{border:2px solid var(--border-strong);background:var(--tile-bg);border-radius:6px;align-items:center;height:52px;padding:0 10px;display:flex}.input-wrap:focus-within{border-color:var(--fg)}.input-prefix{color:var(--muted);padding-right:4px;font-size:24px;font-weight:700}.guess-input{width:100%;min-width:0;font:inherit;color:var(--fg);letter-spacing:.1em;background:0 0;border:none;outline:none;flex:1;font-size:24px;font-weight:700}.guess-input::placeholder{letter-spacing:0;color:var(--muted);font-size:15px;font-weight:400}.input-count{color:var(--muted);font-size:12px}.input-actions{grid-template-columns:1fr 1fr 2fr;gap:8px;display:grid}.btn{background:var(--key);text-transform:uppercase;border:none;border-radius:4px;height:52px;padding:0 12px;font-size:16px;font-weight:700}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--brand);color:#fff}.btn.toggled{outline:2px solid var(--fg);outline-offset:-2px}.btn.wide{width:100%}.tray{flex-wrap:wrap;gap:6px;max-height:112px;padding:2px;display:flex;overflow-y:auto}.chip{border:1px solid var(--border-strong);background:var(--tile-bg);border-radius:999px;padding:6px 12px;font-size:15px}.chip:hover{background:var(--border)}.muted{color:var(--muted);font-size:13px}.toast{background:var(--fg);color:var(--bg);z-index:20;pointer-events:none;border-radius:4px;padding:12px 16px;font-weight:700;position:fixed;top:72px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--modal-bg);box-shadow:var(--shadow);border-radius:8px;width:100%;max-width:480px;max-height:90vh;padding:20px 20px 24px;animation:.2s ease-out slide-in;position:relative;overflow-y:auto}.modal h2{text-align:center;margin:0 32px 12px;font-size:20px}.modal h3{text-transform:uppercase;margin:18px 0 8px;font-size:14px}.modal ul{padding-left:20px;line-height:1.7}.modal-close{color:var(--muted);z-index:1;background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:8px;right:12px}@keyframes slide-in{0%{opacity:0;transform:translateY(30px)}}.example{align-items:center;gap:12px;margin:8px 0;display:flex}.example p{margin:0;font-size:14px}.example-tiles{gap:3px;display:flex}.tile.small{--tile:32px;border-width:0}.stats{justify-content:center;gap:16px;display:flex}.stat{text-align:center;min-width:56px}.stat-value{font-size:32px;font-weight:400}.stat-label{font-size:12px}.distribution{gap:4px;display:grid}.dist-row{align-items:center;gap:6px;font-size:14px;display:flex}.dist-label{text-align:right;width:36px}.dist-bar{background:var(--bar);color:#fff;text-align:right;padding:2px 8px;font-weight:700}.dist-bar.highlight{background:var(--closer)}.result-summary{text-align:center;margin-top:0}.result-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:grid}.countdown{text-align:center}.countdown-value{font-variant-numeric:tabular-nums;font-size:28px}.idiom-list{gap:6px;margin:0;padding-left:22px;display:grid}.idiom-card summary{cursor:pointer;grid-template-columns:auto 1fr;column-gap:8px;list-style:none;display:grid}.idiom-card summary::-webkit-details-marker{display:none}.idiom-word{font-size:17px;font-weight:700}.idiom-pinyin{color:var(--muted);align-self:center;font-size:13px}.idiom-explanation{grid-column:1/-1;font-size:13px;line-height:1.5}.idiom-more p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}@media (height<=700px){:root{--tile:min(13vw, 46px)}}a.btn,a.icon-btn{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn.primary{color:#fff}.title-link{color:inherit;text-decoration:none}.past-badge{background:var(--accent);color:#fff;border-radius:3px;margin-right:6px;padding:0 5px;font-weight:700;display:inline-block}.note{background:var(--key);text-align:center;border-radius:4px;padding:8px 12px;font-size:14px}.center-message{text-align:center;align-content:center;padding:16px}.center-message a{color:inherit}.site-links{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:20px;padding-top:12px;font-size:13px;display:flex}.site-links a{color:var(--muted)}.site-links.compact{border-top:none;gap:2px 14px;margin-top:0;padding-top:0;font-size:12px}.site-links.compact a{text-decoration:none}.site-links.compact a:hover{text-decoration:underline}.page{flex-direction:column;max-width:680px;min-height:100%;margin:0 auto;display:flex}.back-link{color:inherit;place-items:center;width:36px;height:36px;font-size:24px;text-decoration:none;display:grid}.page-main{flex:1;padding:8px 16px 24px}.prose{font-size:16px;line-height:1.75}.prose h2{margin:16px 0 8px;font-size:24px}.prose h3{margin:24px 0 4px;font-size:17px}.prose ul{padding-left:22px}.prose a{color:var(--closer-text);word-break:break-word}.page-cta{margin-top:24px}.page-footer{padding:0 16px calc(16px + env(safe-area-inset-bottom))}.prose .archive-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.prose a.archive-item{border:1px solid var(--border);color:inherit;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:grid}.archive-item:hover{border-color:var(--border-strong)}.archive-number{color:var(--muted);min-width:2.5em;font-weight:700}.archive-main{min-width:0;display:grid}.archive-words{font-size:17px;font-weight:700}.archive-meta{color:var(--muted);font-size:13px;line-height:1.4}.archive-status{white-space:nowrap;color:var(--muted);font-size:13px}.archive-status.won{color:var(--closer-text);font-weight:700}@media (width<=360px){.header{padding:8px}.header-side{gap:0;width:68px}.header .icon-btn{width:32px;height:32px}.icon-btn.lang-toggle{width:30px;height:30px;font-size:12px}.subtitle{white-space:nowrap;font-size:11px}}.row.copyable{cursor:pointer;border-radius:4px}.row.copyable .tile{-webkit-user-select:text;user-select:text;cursor:pointer}.row.copyable:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.row.copyable .tile::selection{background:var(--accent);color:#fff}