:root{--g:#2e9e4f;--y:#d9a521;--x:#8a8f98;--bg:#fff;--fg:#1a1a1b;--card:#f3f4f6;--bd:#d9dce1;--mut:#6b7280}@media (prefers-color-scheme:dark){:root{--bg:#121213;--fg:#f4f4f5;--card:#1f2124;--bd:#33373d;--mut:#9aa0a8}}body.cb{--g:#f5793a;--y:#85c0f9}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{max-width:520px;margin:0 auto;padding:14px 14px 40px}.top{justify-content:space-between;align-items:center;display:flex}h1{letter-spacing:-.5px;margin:0;font-size:26px}h1 span{color:var(--g)}.icons{gap:6px;display:flex}.ic{background:var(--card);width:38px;height:38px;color:var(--fg);border:1px solid var(--bd);border-radius:50%;padding:0;font-size:17px;font-weight:700}.sub{color:var(--mut);margin:4px 0 14px;font-size:14px}.row{gap:8px;display:flex}input{border:1px solid var(--bd);background:var(--card);min-width:0;color:inherit;border-radius:8px;flex:1;padding:12px;font-size:16px}button{background:var(--g);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600}button.alt{background:var(--card);color:inherit;border:1px solid var(--bd)}button:disabled{opacity:.5;cursor:default}.msg{min-height:20px;margin:8px 0 4px;font-size:14px;font-weight:600}.board{margin-top:4px}.tiles{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.h{text-align:center;color:var(--mut);text-transform:uppercase;font-size:clamp(8px,2.3vw,11px)}.guess{margin-top:10px}.nm{margin-bottom:3px;font-size:13px;font-weight:700}.t{aspect-ratio:1/1.15;color:#fff;text-align:center;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(10px,2.9vw,15px);font-weight:700;line-height:1.1;display:flex}.t small{height:1.1em;font-size:clamp(10px,2.8vw,14px)}.green{background:var(--g)}.yellow{background:var(--y)}.grey{background:var(--x)}.empty{color:var(--mut);font-size:14px}.count{color:var(--mut);margin-top:12px;font-size:12px}.box{background:var(--card);border:1px solid var(--bd);border-radius:10px;margin-top:16px;padding:14px;font-size:14px}a{color:var(--g)}a.btn{background:var(--g);color:#fff;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.next{color:var(--mut);margin-top:12px;font-size:13px}.overlay{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);color:var(--fg);border-radius:14px;width:100%;max-width:460px;max-height:90vh;padding:20px;font-size:14px;line-height:1.45;position:relative;overflow:auto}.modal h2{margin:0 0 10px;font-size:20px}.modal h3{margin:16px 0 6px;font-size:14px}.close{width:34px;height:34px;color:var(--mut);background:0 0;border-radius:50%;padding:0;font-size:24px;line-height:1;position:absolute;top:8px;right:8px}.ex{align-items:center;gap:10px;margin:8px 0;display:flex}.ex .t{aspect-ratio:auto;flex:none;width:54px;height:54px;font-size:13px}.check{align-items:center;gap:8px;margin-top:10px;display:flex}.check input{flex:none;width:auto}.statrow{text-align:center;justify-content:space-between;display:flex}.statrow b{font-size:26px;display:block}.statrow span{color:var(--mut);font-size:12px}.distrow{align-items:center;gap:6px;margin:3px 0;font-size:13px;display:flex}.distrow>span{text-align:right;width:12px}.bar{background:var(--g);color:#fff;text-align:right;border-radius:3px;min-width:20px;padding:2px 6px;font-weight:700}.season{color:var(--mut);margin:-8px 0 14px;font-size:12px}.foot{color:var(--mut);text-align:center;margin-top:24px;font-size:11px}.field{flex:1;min-width:0;position:relative}.field input{width:100%}.sugg{background:var(--bg);border:1px solid var(--bd);z-index:5;border-radius:8px;max-height:260px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 6px 18px #0000002e}.sugg li button{text-align:left;width:100%;color:var(--fg);background:0 0;border:0;border-radius:6px;padding:10px 12px;font-size:15px;font-weight:500}.sugg li button small{color:var(--mut);margin-left:6px;font-size:12px}.sharerow{gap:8px;margin-top:12px;display:flex}.sharerow button{flex:1;min-width:0}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.actions .wide{grid-column:1/-1}.actions a.btn,.actions button{text-align:center;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;height:46px;padding:0 14px;font-size:15px;font-weight:600;line-height:1.1;text-decoration:none;display:flex}