.alert{margin-bottom:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:14px;line-height:var(--leading-normal);color:var(--text-ink);position:relative;animation:alertFadeIn var(--dur-base) var(--ease-standard)}.alert-content{display:flex;align-items:flex-start;gap:var(--space-3)}.alert-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0;margin-top:5px;background-color:var(--alert-accent)}.alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:var(--alert-accent);line-height:0}.alert-message{flex:1 1;min-width:0;color:var(--text-body);word-wrap:break-word}.alert-close{background:none;border:none;cursor:pointer;padding:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.alert-close:hover{background-color:var(--surface-sunken);color:var(--text-ink)}.alert-error{background-color:var(--status-lost-bg);--alert-accent:var(--status-lost)}.alert-error,.alert-warning{border:1px solid var(--border)}.alert-warning{background-color:var(--status-warn-bg);--alert-accent:var(--status-warn)}.alert-success{background-color:var(--status-won-bg);--alert-accent:var(--status-won)}.alert-info,.alert-success{border:1px solid var(--border)}.alert-info{background-color:var(--status-info-bg);--alert-accent:var(--status-info)}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.alert{animation:none}}