/* toast.css - Toast notifications, result flash */
/* Toast */
.toast{position:fixed;top:100px;left:50%;transform:translateX(-50%) translateY(-20px);width:auto;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;z-index:200;opacity:0;transition:all 0.3s ease;pointer-events:none;border:none;max-width:90vw;text-align:center;line-height:1.4}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.win{background:linear-gradient(135deg,#0a6e45,#0ecb81);color:#fff}
.toast.lose{background:linear-gradient(135deg,#8b1a2b,#f6465d);color:#fff}
.toast.info{background:linear-gradient(135deg,#8a7210,#FCD535);color:#181A20}

@media(max-width:768px),((pointer:coarse) and (hover:none) and (max-width:1024px)){
  .toast{top:calc(var(--sat) + 50px) !important;left:16px !important;right:16px !important;width:auto !important;max-width:none !important;transform:translateX(0) translateY(-20px) !important;border-radius:10px;padding:14px 16px;font-size:14px}
  .toast.show{transform:translateX(0) translateY(0) !important}
}

/* Result flash on chart */
.result-flash{position:absolute;pointer-events:none;z-index:4;font-size:16px;font-weight:700;animation:floatUp 1.8s ease forwards;text-shadow:0 0 20px currentColor}
@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-20px) scale(1.1)}100%{opacity:0;transform:translateY(-50px) scale(0.9)}}