:root{--hit:#1d4f7c;--on-hit:#fff;--near:#a84a12;--on-near:#fff;--absent:#d2cfc8;--block:#141414;--sel:#b9cfe4}@media (prefers-color-scheme:dark){:root{--hit:#8db6e0;--on-hit:#0f1012;--near:#e8955e;--on-near:#0f1012;--absent:#3a3b40;--block:#4a4b51;--sel:#34516f}}.game{flex-direction:column;gap:12px;max-width:460px;margin:6px auto 0;display:flex}.g-head h1{font:600 30px/1.1 var(--serif);margin:6px 0 0}.g-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.g-date{font-size:var(--fs-s);color:var(--muted);margin:2px 0 0}.g-ai{font-size:var(--fs-xs);color:var(--muted);margin:4px 0 0;line-height:1.45}.timer{font:600 var(--fs-m)/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-2)}.g-msg{font-size:var(--fs-m);min-height:24px;line-height:1.5}.g-msg p{margin:0}.g-msg strong{font-weight:700}.g-msg .share{background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);white-space:pre;margin:10px 0 0;padding:10px 12px;font:400 13px/1.35 ui-monospace,SF Mono,Menlo,monospace;overflow-x:auto}.msg-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.g-stats{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px 22px;margin:16px 0 0;padding-top:10px;display:flex}.g-stats div{flex-direction:column-reverse;display:flex}.g-stats dd{font:600 24px/1.15 var(--serif);font-variant-numeric:tabular-nums;margin:0}.g-stats dt{font-size:var(--fs-xs);color:var(--muted)}.g-dist-h{font-size:var(--fs-s);color:var(--ink-2);margin:12px 0 0!important}.g-dist{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.g-dist li{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;grid-template-columns:14px 1fr;align-items:center;gap:8px;display:grid}.g-dist .bar{text-align:right;background:var(--absent);min-width:22px;color:var(--ink);padding:2px 6px;font-weight:600}.g-dist .bar.today{background:var(--hit);color:var(--on-hit)}.kb{-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;margin-top:4px;display:flex}.kb-row{justify-content:center;gap:4px;display:flex}.key{background:var(--paper-2);min-width:0;height:50px;color:var(--ink);font:600 15px/1 var(--sans);cursor:pointer;touch-action:manipulation;border:0;border-radius:5px;flex:1 1 0;place-items:center;padding:0;display:grid}.key:active{filter:brightness(.94)}.key-wide{flex:1.5 1 0}.key svg{width:20px;height:20px}.key[data-state=correct]{background:var(--hit);color:var(--on-hit)}.key[data-state=present]{background:var(--near);color:var(--on-near)}.key[data-state=absent]{background:var(--paper);color:var(--muted);box-shadow:inset 0 0 0 1px var(--rule)}.k-board{justify-content:center;gap:5px;margin-top:4px;display:grid}.k-row{grid-template-columns:repeat(5,52px);gap:5px;display:grid}.tile{border:2px solid var(--rule);width:52px;height:52px;font:700 25px/1 var(--sans);background:var(--paper);color:var(--ink);transition:background-color .25s ease var(--d,0s), border-color .25s ease var(--d,0s), color .25s ease var(--d,0s);place-items:center;display:grid}.tile[data-state=typed]{border-color:var(--ink-2)}.tile[data-state=correct]{background:var(--hit);border-color:var(--hit);color:var(--on-hit)}.tile[data-state=present]{background:var(--near);border-color:var(--near);color:var(--on-near)}.tile[data-state=absent]{background:var(--absent);border-color:var(--absent);color:var(--ink)}.m-grid{border:2px solid var(--ink);aspect-ratio:1;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));width:300px;max-width:100%;margin:2px auto 0;display:grid}.m-cell{border:0;border-right:1px solid var(--ink-2);border-bottom:1px solid var(--ink-2);background:var(--paper);color:var(--ink);font:600 28px/1 var(--sans);cursor:pointer;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.m-cell:nth-child(5n){border-right:0}.m-cell:nth-child(n+21){border-bottom:0}.m-cell:focus-visible{z-index:1;outline-offset:-3px;border-radius:0}.m-cell.block{background:var(--block);cursor:default}.m-cell.in-word{background:var(--accent-tint)}.m-cell.sel{background:var(--sel)}.m-cell .n{font:500 12px/1 var(--sans);color:var(--ink-2);position:absolute;top:3px;left:4px}.m-clue{text-align:left;background:var(--accent-tint);color:var(--ink);border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:400 var(--fs-l)/1.35 var(--serif);cursor:pointer;border-radius:0;align-items:baseline;gap:10px;min-height:66px;padding:11px 12px;display:flex}.m-clue b{font:700 var(--fs-s)/1.35 var(--sans);white-space:nowrap}.m-report{font-size:var(--fs-s);color:var(--ink-2)}.m-report .linkish{font:500 var(--fs-s) var(--sans);color:var(--accent);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:6px 0;text-decoration:underline}.m-report-form{border-top:1px solid var(--rule);flex-direction:column;gap:8px;margin-top:6px;padding-top:10px;display:flex}.m-report-form[hidden]{display:none}.m-report-clue{font-size:var(--fs-m);color:var(--ink);margin:0}.m-report-form label{font-size:var(--fs-s);color:var(--muted)}.m-report-form textarea{font:400 var(--fs-m)/1.4 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--rule);resize:vertical;border-radius:0;padding:8px 10px}.m-report-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.m-report-status{min-height:1em;margin:4px 0 0}@media (width<=420px){.k-row{grid-template-columns:repeat(5,48px)}.tile{width:48px;height:48px;font-size:23px}.key{height:46px;font-size:14px}}@media (prefers-reduced-motion:reduce){.tile{transition:none}}