.top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}h1{margin:8px 0 12px;font-size:1.6rem}.num{color:var(--muted);font-size:1rem;font-weight:400}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--on-accent);border:0;border-radius:8px;padding:10px 16px;font-weight:600}button.link{color:var(--accent);background:0 0;padding:0;font-weight:500}.help{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:4px 14px}.chart{align-self:stretch;width:100%;height:auto;display:block}.chart-wrap{flex-direction:column;align-items:flex-end;display:flex}.zoom{background:var(--bg);color:var(--accent);border:1px solid var(--line);margin-top:4px;padding:4px 10px;font-size:.8rem;font-weight:500}.axis{stroke:var(--muted)}.grid{stroke:var(--line)}.tick{fill:var(--muted);font-size:18px}.answer-line{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linejoin:round}.guess-line{fill:none;stroke:var(--guess);stroke-width:2px}.answer-line,.guess-line{transition:d .4s}.reveal circle{fill:var(--accent)}.reveal text{fill:var(--ink);font-size:20px;font-weight:600}.hints{flex-wrap:wrap;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.hints li{border:1px solid var(--line);border-radius:999px;padding:4px 12px}.hints span{color:var(--muted);margin-right:4px}.guesses{flex-direction:column;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.guesses li{flex-wrap:wrap;gap:3px;display:flex}.tile{text-transform:uppercase;color:#fff;border-radius:5px;justify-content:center;align-items:center;width:1.9em;height:1.9em;font-weight:700;display:inline-flex}.tile.hit{background:var(--right)}.tile.near{background:var(--near)}.tile.miss{background:var(--miss)}.guess-form{gap:8px;display:flex;position:relative}.guess-form input{min-width:0;font:inherit;border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:8px;flex:1;padding:10px 12px}.suggestions{background:var(--bg);border:1px solid var(--line);z-index:1;border-radius:8px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0}.suggestions button{text-align:left;width:100%;color:var(--ink);background:0 0;padding:8px;font-weight:500}.suggestions button:hover{background:var(--line)}.result{text-align:center;margin:16px 0}.result p:first-child{font-size:1.3rem;font-weight:700}.stats,.next,.loading{color:var(--muted)}.message{text-align:center;white-space:pre-line}.error{color:var(--wrong)}