.gameNotifications{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(390px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;z-index:12000;pointer-events:none;font-family:inherit;}
.gameNotification{--notification-color:#54b8f4;display:flex;align-items:center;gap:12px;min-height:52px;box-sizing:border-box;padding:10px 12px;background:#23272ef5;border:1px solid var(--notification-color);border-left:4px solid var(--notification-color);border-radius:4px;box-shadow:0 5px 18px #0005;color:#f4f6fa;pointer-events:auto;animation:gameNotificationEnter .18s ease-out;}
.gameNotification--success{--notification-color:#65ca8c;}
.gameNotification--error{--notification-color:#ef707b;}
.gameNotification--warning{--notification-color:#f3b75c;}
.gameNotificationIcon{display:grid;place-items:center;flex:0 0 24px;font-size:20px;color:var(--notification-color);}
.gameNotificationText{flex:1;min-width:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere;}
.gameNotificationClose{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:3px;background:transparent;color:#c6cbd3;font:inherit;font-size:16px;cursor:pointer;}
.gameNotificationClose:hover{background:#ffffff14;color:#fff;}
.gameNotificationClose:focus-visible{outline:2px solid var(--notification-color);outline-offset:2px;}
@keyframes gameNotificationEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.gameNotification{animation:none;}}