:root{--bg-main:#0a0d14;--bg-card:#121722;--bg-card-hover:#182030;--bg-card-active:#1f2a40;--border-gold:#c5a059;--border-gold-glow:#c5a05966;--border-dark:#232b3d;--text-gold:#f4d06f;--text-primary:#e6ebf5;--text-muted:#8c9bb5;--color-attacker:#ef4444;--color-defender:#3b82f6;--color-hp:#22c55e;--color-morale:#f59e0b;--color-morale-full:#ec4899;--font-title:"Cinzel", serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle at 50% 0,#c5a05914 0%,#0000 60%),radial-gradient(circle at 10% 90%,#ef44440d 0%,#0000 50%),radial-gradient(circle at 90% 90%,#3b82f60d 0%,#0000 50%);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0d111a}::-webkit-scrollbar-thumb{background:#2a344d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-gold)}.btn-gold{color:#0b0f19;font-family:var(--font-title);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#aa8210 100%);border:1px solid #fce588;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #d4af3740}.btn-gold:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3773}.btn-gold:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8);box-shadow:none}.btn-secondary{color:#d1d9e6;font-family:var(--font-body);cursor:pointer;background:#182030;border:1px solid #2d3852;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){border-color:var(--border-gold);color:var(--text-gold);background:#232e47}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.frame-box{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:10px;position:relative;box-shadow:0 10px 25px -5px #00000080}.frame-box-gold{border-color:#c5a05959;box-shadow:0 10px 30px -5px #c5a0591f}@keyframes pulseGlow{0%,to{border-color:#d4af37;box-shadow:0 0 10px #d4af3766}50%{border-color:#fce588;box-shadow:0 0 22px #d4af37d9}}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)scale(.85)}20%{opacity:1;transform:translateY(-8px)scale(1.15)}80%{opacity:1;transform:translateY(-24px)scale(1)}to{opacity:0;transform:translateY(-38px)scale(.9)}}.anim-float-text{animation:1.2s ease-out forwards floatUp}.anim-turn-glow{animation:1.2s infinite alternate pulseGlow}.tooltip-trigger{position:relative}.tooltip-content{border:1px solid var(--border-gold);color:#e2e8f0;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:50;background:#111622;border-radius:6px;padding:8px 12px;font-size:12px;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #000c}.tooltip-trigger:hover .tooltip-content{opacity:1;visibility:visible}