:root{--accent: #b05f8a;--accent-dim: #7c3f60;--bg: #1a1320;--bg2: #241a2c;--card: #2e2138;--line: #463253;--text: #f1e8f3;--muted: #b89cc4;--ok: #6fcf8e;--bad: #e07a7a}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 50% 0%,#2a1d33,var(--bg));color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.wrap{max-width:760px;margin:0 auto;padding:16px 14px 60px}.header{text-align:center;margin-bottom:10px}h1{margin:4px 0 2px;font-size:30px;letter-spacing:6px;color:var(--accent)}.tagline{color:var(--muted);font-size:13px}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;justify-content:center}.stats{display:flex;gap:14px;margin-left:auto;font-size:13px;color:var(--muted)}.stats b{color:var(--text)}button{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:14px;cursor:pointer;transition:background .12s,border-color .12s,transform .05s}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}.modebtn.active{background:var(--accent);border-color:var(--accent);color:#fff}.cross{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:10px}.parent{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 18px;text-align:center;min-width:120px}.picon{font-size:38px}.plabel{color:var(--muted);font-size:12px}.pgeno{font-family:ui-monospace,monospace;font-size:20px;color:var(--accent);font-weight:700}.ppheno{font-size:13px}.xmark{font-size:22px;color:var(--muted)}.traitlabel{text-align:center;margin:6px 0 12px;font-size:15px}.traitlabel .mode{color:var(--accent)}.pbox{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}.psqhead{color:var(--muted);font-size:12px;margin-bottom:8px;text-align:center}.psq{display:grid;gap:4px;max-width:320px;margin:0 auto}.psqc{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;min-height:46px;font-family:ui-monospace,monospace}.psqc.head{color:var(--accent);font-weight:700;font-size:18px}.psqc.corner{background:transparent}.psqc.cell{background:var(--card);border:1px solid var(--line)}.psqc .cg{font-size:15px;font-weight:700}.psqc .ci{font-size:16px}.bet{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px}.beth{color:var(--muted);font-size:13px;margin-bottom:10px}.betrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;justify-content:center}.lblbtn.sel,.probbtn.sel{background:var(--accent);border-color:var(--accent);color:#fff}.probbtn{font-family:ui-monospace,monospace;min-width:46px}.hatch{display:block;margin:4px auto 0;background:var(--accent);border-color:var(--accent);color:#fff;font-size:15px;padding:9px 18px}.result{text-align:center;min-height:24px;font-size:14px}.rline{font-size:16px;font-weight:700;margin-bottom:6px}.rline.ok{color:var(--ok)}.rline.bad{color:var(--bad)}.rratio{color:var(--muted);margin-bottom:8px}.hatched{font-size:16px;margin-bottom:10px}.bigicon{font-size:30px;vertical-align:middle}.hg{color:var(--muted);font-family:ui-monospace,monospace;font-size:13px}.next{background:var(--accent-dim);border-color:var(--accent)}.shop{margin-top:18px;padding:12px;border:1px dashed var(--line);border-radius:12px;text-align:center}.shoph{color:var(--muted);font-size:13px;margin-bottom:8px}.shopbtn{margin:4px}.shopbtn.owned{color:var(--ok);border-color:var(--ok)}.coin{color:#f3d27a}