/* Notification Component - Lake Wequaquet */

/* Base Notification */
.notification { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family: 'IBM Plex Mono', monospace; font-size: 0.8rem; color: #c0a080; background: rgba(0,0,0,0.85); padding: 10px 20px; border-radius: 6px; border: 1px solid #3a3020; opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 150; text-align: center; }
.notification.visible { opacity: 1; }

/* Notification Variants */
.notification.creature { color: #90e0b0; border-color: #306040; background: rgba(20,40,30,0.95); font-size: 0.9rem; padding: 12px 24px; }
.notification.wisdom { color: #d0c090; border-color: #605030; background: rgba(40,35,25,0.95); font-size: 0.9rem; }
.notification.warning { border-color: #aa4420; color: #cc8060; }
.notification.meteor { border-color: #4060aa; color: #80a0cc; }

/* Action Hint */
.action-hint { position: absolute; bottom: 65px; left: 50%; transform: translateX(-50%); font-family: 'IBM Plex Mono', monospace; font-size: 0.55rem; color: #5a6070; background: rgba(0,0,0,0.6); padding: 4px 10px; border-radius: 3px; opacity: 0; transition: opacity 0.3s; z-index: 20; }
.action-hint.visible { opacity: 1; }