.toast-notification{position:fixed;bottom:30px;right:30px;min-width:300px;max-width:500px;padding:16px 20px;background:var(--black, #000);border:3px solid var(--electric-lime, #c0ff00);box-shadow:8px 8px #0000004d;border-radius:0;display:flex;align-items:center;gap:12px;z-index:10000;opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.toast-notification.show{opacity:1;transform:translateY(0);pointer-events:auto}.toast-notification.success{border-color:var(--electric-lime, #c0ff00)}.toast-notification.error{border-color:var(--hot-pink, #ff006b)}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.toast-notification.success .toast-icon{background:var(--electric-lime, #c0ff00);color:var(--black, #000)}.toast-notification.error .toast-icon{background:var(--hot-pink, #ff006b);color:var(--white, #fff)}.toast-message{color:var(--white, #fff);font-size:14px;line-height:1.4;font-family:Space Grotesk,sans-serif}@media(max-width:768px){.toast-notification{bottom:20px;right:20px;left:20px;min-width:auto;max-width:none}}.webgl-error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeIn .3s ease-out forwards;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.webgl-error-overlay.closing{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.webgl-error-overlay:before{content:"🥚";position:absolute;font-size:60px;top:10%;left:10%;opacity:.15;animation:floatEgg1 6s ease-in-out infinite;pointer-events:none}.webgl-error-overlay:after{content:"🐰";position:absolute;font-size:50px;bottom:15%;right:15%;opacity:.15;animation:floatEgg2 7s ease-in-out infinite;pointer-events:none}@keyframes floatEgg1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(10deg)}}@keyframes floatEgg2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-10deg)}}.webgl-error-content{background:var(--black, #000);border:5px solid #4CC9FF;box-shadow:0 0 0 3px var(--black, #000),0 0 0 8px #4cc9ff,15px 15px #4cc9ff4d;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;transform:rotate(-1deg);animation:slideInBounce .6s cubic-bezier(.68,-.55,.265,1.55) forwards;position:relative}@keyframes slideInBounce{0%{transform:translateY(100vh) rotate(-1deg);opacity:0}60%{transform:translateY(-20px) rotate(-1deg)}to{transform:translateY(0) rotate(-1deg);opacity:1}}.webgl-error-overlay.closing .webgl-error-content{animation:slideOutDown .4s ease-in forwards}@keyframes slideOutDown{0%{transform:translateY(0) rotate(-1deg);opacity:1}to{transform:translateY(100vh) rotate(-1deg);opacity:0}}.webgl-error-header{background:#4cc9ff;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.webgl-error-header:before{content:"🥚 🐣 🥚";position:absolute;right:100px;font-size:20px;opacity:.3;animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.webgl-error-header h2{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:var(--black, #000);margin:0;text-transform:uppercase;letter-spacing:-1px}.webgl-error-close{background:var(--black, #000);color:var(--white, #fff);border:2px solid var(--black, #000);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;transition:all .2s;padding:0}.webgl-error-close:hover{background:var(--white, #fff);color:var(--black, #000);transform:rotate(90deg)}.webgl-error-body{padding:30px 25px;color:var(--white, #fff);font-family:Space Grotesk,sans-serif;font-size:16px;line-height:1.6}.webgl-error-body h3{font-size:18px;font-weight:700;color:var(--electric-lime, #c0ff00);margin:20px 0 10px;text-transform:uppercase;letter-spacing:-.5px}.webgl-error-body h3:first-child{margin-top:0}.webgl-error-body p{margin:10px 0}.webgl-error-body ul{margin:10px 0;padding-left:20px}.webgl-error-body li{margin:8px 0;list-style:none;position:relative;padding-left:20px}.webgl-error-body li:before{content:"→";position:absolute;left:0;color:var(--electric-lime, #c0ff00);font-weight:700}.webgl-error-body code{background:#c0ff001a;padding:2px 6px;border-radius:3px;font-family:monospace;color:var(--electric-lime, #c0ff00);font-size:14px}.webgl-error-footer{padding:20px 25px;border-top:2px solid #4CC9FF;display:flex;gap:10px;justify-content:flex-end}@media(max-width:768px){.webgl-error-content{max-height:90vh;transform:rotate(0)}.webgl-error-header h2{font-size:20px}.webgl-error-body{padding:20px 15px;font-size:14px}}
