:root{--bg: #233522;--card: #2e4a2c;--card-border: #4a6a44;--brass: #c9a24a;--cream: #eee6d3;--danger: #b5533a;--ok: #5c8a3a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:64px}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600}.screen{flex:1;padding:0 16px 16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:10px}.dog-card{display:flex;flex-direction:column;gap:4px;cursor:pointer;border:1px solid var(--card-border);text-align:left;width:100%;font:inherit;color:inherit}.dog-card .name{font-weight:700;font-size:14px}.dog-card .breed{font-size:11px;opacity:.75}button.card{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}button.card:disabled{cursor:default;opacity:.6}.card.selected{border-color:var(--brass);background:#35502f}.stat-bar-track{height:6px;border-radius:4px;background:#00000040;overflow:hidden}.stat-bar-fill{height:100%;background:var(--brass)}.badge{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600;background:var(--brass);color:#233522}.badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.stat-bar-header{display:flex;justify-content:space-between;font-size:11px;opacity:.8;margin-bottom:3px}.actions-bar{display:flex;gap:8px;margin:12px 0}.actions-bar button,.primary-button{flex:1;border:none;border-radius:10px;padding:10px 4px;font-size:12px;font-weight:600;background:var(--ok);color:#fff;cursor:pointer}.actions-bar button:disabled,.primary-button:disabled{opacity:.5;cursor:default}.secondary-button,.actions-bar button.secondary-button{background:var(--card-border);color:var(--cream)}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--card-border)}.nav-item{flex:1;background:none;border:none;padding:10px 0;font-size:20px;color:var(--cream);opacity:.6;cursor:pointer}.nav-item.active{opacity:1}.pedigree-tree,.pedigree-tree ul{list-style:none;padding-left:16px;margin:4px 0;font-size:12px}.pedigree-tree{padding-left:0}.error-screen,.splash{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:24px}