:root{--bg:#1f2430;--card:#272d3b;--fg:#e6e9ef;--muted:#9aa3b2;--accent:#6cb6ff;--ok:#54d18c;--bad:#ff6b6b;--line:#39414f}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:17px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;outline:none;width:100%;max-width:480px;margin-top:6vh;padding:22px}h1{margin:0 0 4px;font-size:1.5rem}.muted{color:var(--muted)}.status{color:var(--muted);margin-bottom:14px;font-size:.85rem}.prompt{margin-bottom:18px;font-size:1.2rem;font-weight:600}.prompt.small{color:var(--muted);margin-bottom:10px;font-size:1rem;font-weight:500}.lbl{color:var(--muted);margin:14px 0 0;font-size:.9rem;display:block}.field{width:100%;color:var(--fg);border:1px solid var(--line);background:#1c2230;border-radius:10px;margin-top:6px;padding:12px;font-size:1rem;display:block}.boxrow{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.boxrow.single{justify-content:flex-start}.numbox{text-align:center;width:56px;height:60px;color:var(--fg);border:2px solid var(--line);background:#1c2230;border-radius:12px;font-size:1.5rem}.numbox.wide{width:120px}.numbox:focus{border-color:var(--accent);outline:none}.btn{width:100%;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#313a4c;border-radius:12px;margin-top:12px;padding:15px;font-size:1.05rem;font-weight:600;display:block}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#06223f;border-color:#0000}.btn.ghost{background:0 0}.btn.danger{color:var(--bad);border-color:var(--bad);background:0 0}.banner{border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:1.15rem;font-weight:700}.banner.ok{color:var(--ok);background:#54d18c26}.banner.bad{color:var(--bad);background:#ff6b6b26}.answer{margin-bottom:10px;font-size:1.1rem;font-weight:600}.explain{white-space:pre-wrap;color:var(--muted);border:1px solid var(--line);background:#1c2230;border-radius:10px;margin:0 0 6px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;overflow-x:auto}.teams{flex-direction:column;gap:14px;margin:14px 0 6px;display:flex}.team h3{letter-spacing:.02em;margin:0 0 6px;font-size:.95rem}.team.ours h3{color:#4fc3f7}.team.theirs h3{color:#ff7a66}.mon{border:1px solid var(--line);background:#1c2230;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:6px 8px;display:flex}.mon-img{width:36px;height:36px;image-rendering:pixelated;flex:none}.mon-text{min-width:0}.mon-name{font-weight:600}.mon-moves{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.hint{margin:-8px 0 12px;font-size:.9rem}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{color:var(--fg);border:2px solid var(--line);cursor:pointer;background:#1c2230;border-radius:999px;padding:10px 14px;font-size:1rem}.chip[aria-pressed=true]{border-color:var(--accent);background:#6cb6ff2e}.chip.none{color:var(--muted);border-style:dashed}.chip.none[aria-pressed=true]{color:var(--fg)}.ynrow{gap:10px;display:flex}.ynrow .btn{flex:1;margin-top:0}.btn.yes{border-color:var(--ok);background:#54d18c33}.btn.no{border-color:var(--bad);background:#ff6b6b33}.btn.small{color:var(--muted);padding:10px;font-size:.9rem;font-weight:500}.btn:disabled{opacity:.45;cursor:default}.given{margin:-4px 0 10px;font-size:.95rem}.explain.wrap{white-space:normal;font-family:inherit;font-size:.95rem;line-height:1.5}.explain.lines .explain-line{padding:3px 0}.explain.lines .explain-line+.explain-line{border-top:1px solid var(--line)}.mx-wrap{margin:0 0 12px;overflow-x:auto}.mx-title{margin-bottom:2px;font-weight:600}.mx-sub,.mx-legend{font-size:.8rem;line-height:1.35}.mx{border-collapse:collapse;margin:6px 0;font-size:.9rem}.mx th,.mx td{text-align:center;vertical-align:middle;border-bottom:1px solid var(--line);padding:4px 3px}.mx th.mx-row{text-align:left;white-space:nowrap;padding-right:8px}.mx-img{width:28px;height:28px;image-rendering:pixelated;vertical-align:middle;margin-right:2px}.mx-col .mx-img{margin:0 auto;display:block}.mx-name{font-size:.8rem;font-weight:600}.mx .our .mx-name{color:#4fc3f7}.mx .their .mx-name{color:#ff7a66}.mx-tag{color:var(--muted);font-size:.7rem;font-weight:400}.mx .dim{opacity:.4}.mx tr.hot{background:#4fc3f71f}.mx-cell{min-width:34px;font-size:1.15rem;font-weight:700}.mx-cell.good{color:#4caf50}.mx-cell.bad{color:#ef5350}.mx-cell.neutral{color:#9aa0b5}.mx-cell.weak{opacity:.55}.mx-ahead{color:#ffca28;font-size:.6rem}.mx-result{white-space:nowrap;font-size:.8rem;font-weight:600}.mx-result.safe,.mx-result.plausible{color:#4caf50}.mx-result.unsafe,.mx-result.unlikely{color:#ef5350}.mx-result.softened{color:#ffb74d}.spinner{border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:6px 0 14px;animation:.9s linear infinite lq-spin}@keyframes lq-spin{to{transform:rotate(360deg)}}.custom-teams{border:1px solid var(--line);border-radius:8px;margin:8px 0 12px;padding:8px 10px}.custom-teams summary{cursor:pointer;margin-bottom:6px;font-weight:600}.team-text{resize:vertical;width:100%;min-height:52px;font-size:.9rem}.save-row{align-items:center;gap:8px;margin:6px 0;display:flex}.save-row .field{flex:1}.saved-team{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.saved-text{flex:1;min-width:0}.saved-text .small{overflow-wrap:anywhere;font-size:.8rem}.saved-btns{flex-shrink:0;gap:4px;display:flex}.muted.err{color:#ef5350}