/* Pinpoint game — connections.games */
#pinpoint-app{--ink:#2e3440;--muted:#6b7280;--chip:#e9eef3;--tile:#d5e3ea;--hid:#eef1f4;--win:#2f9e44;--lose:#c92a2a;
  max-width:520px;margin:0 auto;padding:12px 12px 4px;font-family:Outfit,system-ui,sans-serif;color:var(--ink);box-sizing:border-box}
#pinpoint-app *{box-sizing:border-box}
.pp-modes{display:flex;gap:6px;justify-content:center;margin:4px 0 10px}
.pp-modes button{border:0;border-radius:999px;padding:8px 16px;font:600 15px Outfit,system-ui,sans-serif;background:var(--chip);color:var(--ink);cursor:pointer}
.pp-modes button[aria-pressed="true"]{background:var(--ink);color:#fff}
.pp-bar{display:flex;justify-content:space-between;font-size:15px;margin:0 2px 8px}
.pp-count{font-weight:700}
.pp-clues{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pp-clue{display:flex;align-items:center;gap:12px;min-height:54px;border-radius:8px;background:var(--hid);padding:0 14px;color:#9aa4b2;font-weight:800;font-size:20px;letter-spacing:1px}
.pp-clue.on{background:var(--tile);color:#3f4758}
.pp-clue.late{opacity:.65}
.pp-n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--muted);font-size:14px;font-weight:700;flex:none}
.pp-w{overflow-wrap:anywhere}
.pp-form{display:flex;gap:8px;margin:14px 0 8px}
.pp-input{flex:1;min-width:0;border:2px solid #cfd6de;border-radius:10px;padding:11px 12px;font:500 16px Outfit,system-ui,sans-serif;color:var(--ink)}
.pp-input:focus{outline:none;border-color:var(--ink)}
.pp-go,.pp-actions button{border:1.5px solid #cfd6de;background:#fff;border-radius:999px;padding:10px 18px;font:600 15px Outfit,system-ui,sans-serif;color:var(--ink);cursor:pointer}
.pp-go,.pp-actions button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.pp-go:disabled,.pp-actions button:disabled,.pp-input:disabled{opacity:.45;cursor:default}
.pp-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:6px 0}
.pp-msg{text-align:center;min-height:22px;font-size:15px;color:var(--muted);margin:4px 0}
.pp-guesses{list-style:none;padding:0;margin:4px 0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pp-guesses li{background:#fff1f1;color:#a61e1e;border-radius:999px;padding:4px 10px;font-size:14px}
.pp-guesses li.skip{background:#f1f3f5;color:#6b7280}
.pp-form[hidden],.pp-actions[hidden]{display:none}
.pp-result{display:none;text-align:center;border-radius:12px;padding:14px;margin:10px 0}
.pp-result.on{display:block}
.pp-result.win{background:#f1f8f3;border:2px solid #b7e1c1}
.pp-result.lose{background:#fff5f5;border:2px solid #f3c1c1}
.pp-result h2{margin:0 0 6px;font-size:22px}
.pp-result.win h2{color:var(--win)}.pp-result.lose h2{color:var(--lose)}
.pp-result p{margin:4px 0 10px;font-size:17px}
@media (max-width:400px){.pp-clue{min-height:48px;font-size:18px}.pp-go,.pp-actions button{padding:9px 14px}}