#bloodright-app{min-height:100vh;background:var(--bg-dark);color:var(--text-primary)}#bloodright-app.in-game{overflow:hidden;height:100vh}:root{--bg-dark: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a28;--bg-card: #1e1e2e;--bg-hover: #252538;--gold-primary: #c4a35a;--gold-light: #e8d5a3;--gold-dark: #8b7335;--gold-glow: rgba(196, 163, 90, .15);--blood-primary: #8b2232;--blood-light: #c43a4f;--blood-dark: #5c1620;--text-primary: #e8e4dc;--text-secondary: #9a9488;--text-muted: #5c584f;--text-gold: #c4a35a;--color-success: #4caf50;--color-warning: #ff9800;--color-danger: #f44336;--color-info: #42a5f5;--tier-barony: #7a7a7a;--tier-county: #e0e0e0;--tier-duchy: #4fc3f7;--tier-kingdom: #c4a35a;--tier-empire: #ab47bc;--font-display: "Cinzel", serif;--font-body: "Inter", sans-serif;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--border-color: rgba(196, 163, 90, .2);--border-radius: 4px;--border-radius-lg: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;color:var(--gold-light)}a{color:var(--gold-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:10px 20px;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn:hover{background:var(--bg-hover);border-color:var(--gold-primary);color:var(--gold-light);box-shadow:0 0 15px var(--gold-glow)}.btn-primary{background:linear-gradient(135deg,var(--gold-dark),var(--gold-primary));color:var(--bg-dark);border-color:var(--gold-primary)}.btn-primary:hover{background:linear-gradient(135deg,var(--gold-primary),var(--gold-light));box-shadow:0 0 20px var(--gold-glow)}.btn-danger{background:var(--blood-dark);border-color:var(--blood-primary);color:#ff8a8a}.btn-danger:hover{background:var(--blood-primary);color:#fff}.btn-sm{padding:6px 12px;font-size:.75rem}.input{width:100%;padding:10px 14px;font-family:var(--font-body);font-size:.9rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-glow)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--gap-lg);transition:border-color .2s}.card:hover{border-color:var(--gold-dark)}.panel{background:#0a0a0ff2;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--gap-md)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--gap-sm);margin-bottom:var(--gap-md);border-bottom:1px solid var(--border-color)}.panel-header h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.stat-bar{display:flex;align-items:center;gap:var(--gap-sm);font-size:.8rem}.stat-bar-label{width:80px;color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.stat-bar-value{font-weight:600;min-width:24px;text-align:right;color:var(--gold-light)}.stat-bar-track{flex:1;height:4px;background:var(--bg-dark);border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.trait-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:500;border-radius:10px;background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);letter-spacing:.02em}.trait-badge.positive{border-color:#4caf5066;color:#81c784}.trait-badge.negative{border-color:#f4433666;color:#e57373}.trait-badge.genetic{border-color:#ab47bc66;color:#ce93d8}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;font-size:.75rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}.tooltip:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn .3s ease forwards}.slide-in{animation:slideIn .3s ease forwards}.tier-barony{color:var(--tier-barony)}.tier-county{color:var(--tier-county)}.tier-duchy{color:var(--tier-duchy)}.tier-kingdom{color:var(--tier-kingdom)}.tier-empire{color:var(--tier-empire)}.resource{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:.8rem}.resource.gold{color:gold}.resource.prestige{color:#c4a35a}.resource.piety{color:#90caf9}.resource.renown{color:#ce93d8}.spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}