@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;800&display=swap";
.dokidoki-body{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;box-sizing:border-box;background-color:#000;justify-content:center;align-items:center;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;font-family:"M PLUS Rounded 1c",sans-serif;display:flex;overflow:hidden}#game-container{width:100%;max-width:428px;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;background-color:#111;background-image:linear-gradient(#0000004d,#0000004d),url(/dokidoki-popcorn/dokidoki_bg.png);background-position:50%;background-size:cover;position:relative;overflow:hidden;box-shadow:0 0 30px #000c}#game-container.chaos-mode-bg{filter:brightness(.7)hue-rotate(280deg);background-image:linear-gradient(#28003cb3,#140028cc),url(/dokidoki-popcorn/dokidoki_bg.png)}#game-container.timeless-mode-bg{filter:brightness(.8)hue-rotate(120deg)saturate(1.2);background-image:linear-gradient(#003c28b3,#002814cc),url(/dokidoki-popcorn/dokidoki_bg.png)}.noise-overlay{pointer-events:none;z-index:9999;opacity:0;mix-blend-mode:hard-light;filter:contrast(150%);background:repeating-linear-gradient(0deg,#0000,#0000 2px,#000 4px,#333 4px) 0 0/100% 4px,repeating-linear-gradient(90deg,#0000,#0000 2px,#fff 4px,#ccc 4px) 0 0/4px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.noise-overlay.active{animation:.5s steps(5,end) forwards noiseAnim}@keyframes noiseAnim{0%{opacity:0;background-position:0 0;transform:scale(1)}10%{opacity:1;filter:invert();background-position:10px 10px;transform:scale(1.1)translate(5px)}30%{opacity:.8;background-position:-10px -20px;transform:scale(.9)translate(-5px)}50%{opacity:1;filter:invert(0);background-position:20px 0;transform:scale(1.05)}70%{opacity:.8;background-position:0 30px;transform:scale(1)}90%{opacity:1;background-position:-20px 10px;transform:scale(1.1)}to{opacity:0}}.screen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;width:100%;height:100%;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));box-sizing:border-box;background:#fff3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.screen.chaos-theme{background:#1400144d}.game-title{text-align:center;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #fffc)drop-shadow(3px 3px #0003);-webkit-text-stroke:1.5px #fff;overflow-wrap:break-word;word-break:keep-all;background:linear-gradient(90deg,#ff4081,#00bcd4);-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:clamp(2.5rem,12vw,4rem);font-weight:800;line-height:1.2}.doki-char{-webkit-text-fill-color:initial;transition:transform .3s;display:inline-block}.d1{color:#ff4081;font-size:1.2em;transform:rotate(-10deg)translateY(-5px)}.d2{color:#00bcd4;font-size:.9em;transform:rotate(10deg)translateY(5px)}.d3{color:#ff4081;font-size:1.1em;transform:rotate(-5deg)}.d4{color:#00bcd4;font-size:1.3em;transform:rotate(15deg)translateY(-8px)}.game-title.chaos-title-text{-webkit-text-fill-color:transparent;text-shadow:0 0 10px #9c27b0cc,0 0 20px #d32f2f99,0 0 30px #e91e6366;filter:drop-shadow(0 0 5px #9c27b0)drop-shadow(0 0 10px #d32f2f);background:linear-gradient(90deg,#9c27b0,#d32f2f,#e91e63,#ff5722);-webkit-background-clip:text;background-clip:text;animation:2s infinite alternate purpleFlame;position:relative}.game-title.chaos-title-text:before{content:"";-webkit-text-fill-color:transparent;filter:blur(4px)brightness(1.5);z-index:-1;opacity:.7;background:linear-gradient(90deg,#7b1fa2,#c62828,#e91e63,#ff5722);-webkit-background-clip:text;background-clip:text;animation:.3s infinite alternate flameFlicker;position:absolute;inset:-5px}.game-title.chaos-title-text:after{content:"";-webkit-text-fill-color:transparent;filter:blur(2px)brightness(1.2);z-index:-1;opacity:.5;background:linear-gradient(90deg,#9c27b0,#d32f2f,#ff5722);-webkit-background-clip:text;background-clip:text;animation:.2s infinite alternate-reverse flameFlicker;position:absolute;inset:-3px}.game-title.timeless-title-text{white-space:nowrap;font-size:2rem;position:relative;transform:perspective(500px)rotateX(5deg)}.game-title.timeless-title-text .timeless-char{-webkit-text-fill-color:transparent;text-shadow:0 0 10px #4caf50cc,0 0 20px #8bc34a99;filter:drop-shadow(0 0 5px #4caf50)drop-shadow(0 0 10px #8bc34a);background:linear-gradient(90deg,#2e7d32,#4caf50,#66bb6a,#81c784,#a5d6a7);-webkit-background-clip:text;background-clip:text;animation:3s infinite alternate timelessCharFlow,.3s infinite timelessNoise;display:inline-block;position:relative}.game-title.timeless-title-text .timeless-char:before{content:attr(data-char);-webkit-text-fill-color:transparent;filter:blur(1px)brightness(1.5);opacity:.8;background:linear-gradient(90deg,#2e7d32,#4caf50,#66bb6a,#81c784,#a5d6a7);-webkit-background-clip:text;background-clip:text;width:100%;height:100%;animation:.3s infinite timelessNoiseGlitch;position:absolute;top:0;left:0}.game-title.timeless-title-text:before{content:"";-webkit-text-fill-color:transparent;filter:blur(4px)brightness(1.3);z-index:-1;opacity:.7;background:linear-gradient(90deg,#2e7d32,#558b2f,#4caf50,#66bb6a);-webkit-background-clip:text;background-clip:text;animation:2s infinite alternate timelessGlow;position:absolute;inset:-5px}.game-title.timeless-title-text:after{content:"";-webkit-text-fill-color:transparent;filter:blur(2px)brightness(1.2);z-index:-2;opacity:.5;background:linear-gradient(90deg,#4caf50,#8bc34a,#66bb6a,#81c784);-webkit-background-clip:text;background-clip:text;animation:1.5s infinite alternate timelessPulse;position:absolute;inset:-3px}@keyframes timelessCharFlow{0%{filter:drop-shadow(0 0 5px #4caf50)drop-shadow(0 0 10px #8bc34a)hue-rotate();transform:translateY(0)}50%{filter:drop-shadow(0 0 8px #66bb6a)drop-shadow(0 0 15px #81c784)hue-rotate(10deg);transform:translateY(-2px)}to{filter:drop-shadow(0 0 5px #4caf50)drop-shadow(0 0 10px #8bc34a)hue-rotate(-10deg);transform:translateY(2px)}}@keyframes timelessNoise{0%,to{filter:drop-shadow(0 0 5px #4caf50)brightness();transform:translate(0)translateY(0)}25%{filter:drop-shadow(0 0 3px #66bb6a)brightness(1.1);transform:translate(.5px)translateY(-.5px)}50%{filter:drop-shadow(0 0 4px #81c784)brightness(.95);transform:translate(-.5px)translateY(.5px)}75%{filter:drop-shadow(0 0 6px #4caf50)brightness(1.05);transform:translate(.3px)translateY(-.3px)}}@keyframes timelessNoiseGlitch{0%,to{opacity:.8;transform:translate(0)}20%{opacity:.7;transform:translate(-1px)}40%{opacity:.9;transform:translate(1px)}60%{opacity:.75;transform:translate(-.5px)}80%{opacity:.85;transform:translate(.5px)}}@keyframes timelessGlow{0%{opacity:.5;filter:blur(4px)brightness(1.2)hue-rotate()}to{opacity:.9;filter:blur(4px)brightness(1.5)hue-rotate(15deg)}}@keyframes timelessPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.02)}}@keyframes purpleFlame{0%{filter:drop-shadow(0 0 5px #9c27b0)drop-shadow(0 0 10px #d32f2f);transform:scale(1)}to{filter:drop-shadow(0 0 10px #d32f2f)drop-shadow(0 0 20px #ff5722);transform:scale(1.02)}}@keyframes flameFlicker{0%{opacity:.6;transform:translate(-2px)translateY(-1px)scale(1)}to{opacity:.9;transform:translate(2px)translateY(1px)scale(1.01)}}.secret-char{cursor:pointer;transition:all .3s;display:inline-block}.secret-char:active{filter:hue-rotate(90deg);transform:scale(.9)rotate(5deg)}.description-box{text-align:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:2px solid #fff6;border-radius:20px;max-width:90%;margin-bottom:15px;padding:15px 20px;box-shadow:0 4px 15px #0003}.description-box .chaos-desc{margin-top:0;margin-bottom:0}.desc-text{text-shadow:1px 1px 2px #00000080;margin-bottom:12px;font-size:1.1rem;font-weight:700;line-height:1.5}.desc-text.normal-desc{font-size:.95rem}.desc-text.timeless-desc{line-height:1.6}.instruction-area{background:#ffffff1a;border-radius:10px;padding:8px;font-size:.95rem;line-height:1.6}.instruction-title{color:#ffeb3b;margin-bottom:4px;font-weight:800;display:block}.orientation-note{color:#ff9800;margin-top:6px;font-size:.9rem;font-weight:700;display:block}button{cursor:pointer;border:none;margin:8px;font-family:inherit;transition:transform .1s}button:active{filter:brightness(.9);transform:scale(.95)}.start-button,.restart-button,.rank-button,.save-button,.share-button,.close-button,.chaos-button,.chaos-restart-button,.reality-button,.share-title-button,.other-games-button{box-sizing:border-box;border:2px solid #fff;border-radius:50px;width:240px;padding:12px 0;font-size:1.1rem;font-weight:700;box-shadow:0 5px 15px #0003}.start-button{color:#fff;background:linear-gradient(#ff80ab,#ff4081)}.rank-button{color:#fff;background:linear-gradient(#42a5f5,#1e88e5)}.save-button{color:#fff;background:linear-gradient(#66bb6a,#43a047)}.share-button{color:#fff;background:linear-gradient(135deg,#000 0%,#1a1a1a 50%,#000 100%);border:2px solid #fff;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 20px #0006}.share-button:hover{background:linear-gradient(135deg,#1a1a1a 0%,#000 50%,#1a1a1a 100%);transform:translateY(-2px);box-shadow:0 7px 25px #0009}.share-button:active{transform:translateY(0)scale(.98);box-shadow:0 3px 15px #0006}.share-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.close-button{color:#fff;background:#757575;width:auto;min-width:120px;padding:10px 20px;font-size:1rem}.chaos-button{color:#fff;background:linear-gradient(#7b1fa2,#4a148c);border-color:#ff5252;animation:1s infinite alternate pulse}.timeless-button{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 25%,#ffa726 50%,#ff9800 75%,#ff6b35 100%);border:2px solid #fff;border-radius:50px;width:240px;padding:12px 0;font-size:1.1rem;font-weight:700;box-shadow:0 5px 15px #0003}.reality-button{color:#ccc;background:#555;border-color:#999}.share-title-button{color:#fff;background:linear-gradient(135deg,#000 0%,#1a1a1a 50%,#000 100%);border:2px solid #fff;width:110px;padding:8px 0;font-size:.9rem;transition:all .3s;box-shadow:0 5px 20px #0006}.share-title-button:hover{background:linear-gradient(135deg,#1a1a1a 0%,#000 50%,#1a1a1a 100%);transform:translateY(-2px);box-shadow:0 7px 25px #0009}.share-title-button:active{transform:translateY(0)scale(.98);box-shadow:0 3px 15px #0006}.url-share-button{color:#fff;background:linear-gradient(135deg,#6a6a6a 0%,#5a5a5a 50%,#6a6a6a 100%);border:2px solid #fff;border-radius:50px;width:110px;padding:8px 0;font-size:.9rem;transition:all .3s;box-shadow:0 5px 20px #0006}.url-share-button:hover{background:linear-gradient(135deg,#7a7a7a 0%,#6a6a6a 50%,#7a7a7a 100%);transform:translateY(-2px);box-shadow:0 7px 25px #0009}.url-share-button:active{transform:translateY(0)scale(.98);box-shadow:0 3px 15px #0006}.other-games-button{color:#fff;background:linear-gradient(135deg,#ff9800 0%,#f57c00 50%,#e65100 100%);border:2px solid #e65100;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 20px #ff980066}.other-games-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.other-games-button:hover:before{left:100%}.other-games-button:hover{background:linear-gradient(135deg,#ffa726 0%,#fb8c00 50%,#f57c00 100%);transform:translateY(-2px);box-shadow:0 7px 25px #ff980099}.other-games-button:active{transform:translateY(0)scale(.98);box-shadow:0 3px 15px #ff980066}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #7b1fa2}to{transform:scale(1.05);box-shadow:0 0 20px #ff5252}}.hud-panel{top:calc(50px + env(safe-area-inset-top));color:#fff;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:2px solid #ffffff4d;border-radius:20px;padding:8px 15px;font-size:1.2rem;font-weight:700;position:absolute}#score-display{left:calc(15px + env(safe-area-inset-left));color:#ffeb3b}#time-display{right:calc(15px + env(safe-area-inset-right))}.hp-bar-container{left:calc(15px + env(safe-area-inset-left));z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:3px solid #fff;border-radius:20px;width:20px;height:300px;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 15px #ff525280,inset 2px 0 5px #0000004d}.hp-bar-fill{background:linear-gradient(#ff5252,#ff1744,#ff5252) 0 0/100% 200%;border-radius:15px;width:100%;transition:height .3s ease-out;animation:2s infinite hpBarShine,1.5s infinite hpBarPulse;position:absolute;bottom:0;box-shadow:0 0 20px #ff5252cc,inset -2px 0 5px #ffffff4d}.hp-bar-fill:before{content:"";background:linear-gradient(#0000,#fff6,#0000);animation:1.5s infinite hpBarShimmer;position:absolute;inset:0}@keyframes hpBarShine{0%{background-position:0 0}to{background-position:0 200%}}@keyframes hpBarPulse{0%,to{box-shadow:0 0 20px #ff5252cc,inset 0 -2px 5px #ffffff4d}50%{box-shadow:0 0 30px #ff5252,inset 0 -2px 5px #ffffff80}}@keyframes hpBarShimmer{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hp-bar-fill.decreasing{animation:.3s ease-out hpBarDecrease,2s infinite hpBarShine,1.5s infinite hpBarPulse}@keyframes hpBarDecrease{0%{filter:brightness();transform:scaleY(1)}50%{filter:brightness(1.3);transform:scaleY(1.05)}to{filter:brightness();transform:scaleY(1)}}.hp-bar-fill.increasing{animation:.3s ease-out hpBarIncrease,2s infinite hpBarShine,1.5s infinite hpBarPulse}@keyframes hpBarIncrease{0%{filter:brightness()hue-rotate();transform:scaleY(1)}50%{filter:brightness(1.5)hue-rotate(20deg);transform:scaleY(1.05)}to{filter:brightness()hue-rotate();transform:scaleY(1)}}.hp-danger-overlay{pointer-events:none;z-index:50;opacity:0;mix-blend-mode:multiply;background:#ff00004d;width:100%;height:100%;transition:opacity .3s ease-out;position:absolute;top:0;left:0}#abort-button{top:calc(100px + env(safe-area-inset-top));right:calc(15px + env(safe-area-inset-right));color:#fff;z-index:110;background:linear-gradient(#ef5350,#d32f2f);border:2px solid #ffffff4d;border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:700;position:absolute;box-shadow:0 3px #b71c1c}#plate{bottom:calc(150px + env(safe-area-inset-bottom));z-index:200;width:45px;height:40px;position:absolute}.cup-body{background:repeating-linear-gradient(90deg,#fff 0 10px,#d32f2f 10px 20px);border-radius:0 0 8px 8px;width:100%;height:100%;position:absolute;box-shadow:0 5px 10px #00000080}.explosion-particle{z-index:999;background:radial-gradient(circle,#fff 30%,#ffeb3b 100%);border-radius:50%;width:25px;height:25px;position:absolute;box-shadow:0 0 15px #ffeb3b}.popcorn-container{pointer-events:none;will-change:transform,opacity;backface-visibility:hidden;position:absolute;transform:translateZ(0)}.type-normal{z-index:30}.type-gold{z-index:40}.type-purple{z-index:50}.popcorn-visual{background-image:url(/dokidoki-popcorn/dokidoki_popcorn.png);background-repeat:no-repeat;background-size:contain;width:50px;height:50px}.popcorn-visual.gold{filter:drop-shadow(0 0 10px gold)brightness(1.5);width:70px;height:70px;animation:.5s infinite alternate superShine}@keyframes superShine{0%{transform:scale(1)}to{transform:scale(1.1)rotate(5deg)}}.popcorn-visual.purple{background-image:none!important}.popcorn-visual.purple:before{content:"💀";text-align:center;width:50px;height:50px;font-size:45px;line-height:50px;display:block}.chaos-mode-bg .popcorn-visual.purple:before{filter:brightness(1.3)saturate(1.2);text-shadow:-8px -4px 4px #00c8ff,8px -4px 4px #00c8ff,0 0 15px #64ffffe6;animation:1s infinite skullPulse,.5s infinite alternate eyeFlareChaos}.timeless-mode-bg .popcorn-visual.purple:before{filter:hue-rotate(-120deg);text-shadow:-8px -4px 4px #ff8c00,8px -4px 4px #ff8c00,0 0 20px #ff6400cc;animation:1s infinite skullPulse,.5s infinite alternate eyeFlareOrange}@keyframes eyeFlareOrange{0%{text-shadow:-8px -4px 2px #ff8c00,8px -4px 2px #ff8c00,0 0 15px #ff6400e6}to{text-shadow:-8px -4px 10px orange,8px -4px 10px orange,0 0 30px #ff7800}}@keyframes eyeFlare{0%{text-shadow:-8px -4px 2px #f00c,8px -4px 2px #f00c}to{text-shadow:-8px -4px 10px #ff3c00,8px -4px 10px #ff3c00}}@keyframes eyeFlareChaos{0%{text-shadow:-8px -4px 4px #00c8ff,8px -4px 4px #00c8ff,0 0 15px #64ffffe6}to{text-shadow:-8px -4px 10px #64ffff,8px -4px 10px #64ffff,0 0 25px #0ff}}@keyframes skullPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ranking-item{color:#fff;background:#ffffff1a;border-radius:10px;margin-bottom:5px;padding:10px;display:flex}.rank-pos{width:40px}.rank-name{flex:1}.rank-score{color:#ffeb3b;font-weight:700}#ranking-modal{z-index:150;box-sizing:border-box;color:#fff;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}#ranking-modal h2{text-shadow:0 0 5px #000000b3;margin-bottom:10px;font-size:1.6rem}.ranking-list{width:100%;max-width:320px;max-height:60%;margin-bottom:10px;overflow-y:auto}.explosion-particle{pointer-events:none;z-index:999;background:#ff5252;border-radius:50%;width:10px;height:10px;animation:.6s ease-out forwards explode;position:absolute;box-shadow:0 0 10px red}.explosion-particle.megaman-style{background:#ffeb3b;border-radius:2px;width:8px;height:8px;animation:.8s ease-out forwards megamanExplode;box-shadow:0 0 8px #ff9800,0 0 4px #fff}@keyframes explode{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx),var(--dy))scale(.4);opacity:0}}@keyframes megamanExplode{0%{opacity:1;background:#ffeb3b;transform:translate(0)scale(1)rotate(0)}50%{transform:translate(calc(var(--dx)*.5),calc(var(--dy)*.5))scale(1.2)rotate(180deg);opacity:.8;background:#ff9800}to{transform:translate(var(--dx),var(--dy))scale(.3)rotate(360deg);opacity:0;background:#ff5722}}.chaos-mode-bg .explosion-particle{background:#e040fb;box-shadow:0 0 10px #9c27b0}.chaos-mode-bg .explosion-particle.megaman-style{background:#9c27b0;box-shadow:0 0 8px #e91e63,0 0 4px #fff}#result-screen{text-align:center}#result-screen h2{color:#fff;text-shadow:0 0 10px #000000b3;margin-bottom:10px;font-size:2rem}#result-screen h2.ranking-update{color:#ffeb3b;text-shadow:0 0 15px #ffeb3bcc;animation:1.5s ease-in-out infinite rankingUpdatePulse}@keyframes rankingUpdatePulse{0%,to{text-shadow:0 0 15px #ffeb3bcc;transform:scale(1)}50%{text-shadow:0 0 25px #ffeb3b;transform:scale(1.05)}}#final-score{color:#ffeb3b;text-shadow:0 0 15px #000c;margin-bottom:16px;font-size:3rem;font-weight:800}#name-input{text-align:center;color:#fff;background:#0006;border:2px solid #ffffffb3;border-radius:999px;outline:none;width:220px;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:1rem}#name-input::placeholder{color:#fff9}.chaos-unlock-message{color:#ffeb3b;text-align:center;text-shadow:0 0 10px #ffeb3bcc;background:#00000080;border:2px solid #ffeb3b80;border-radius:10px;margin:10px 20px 16px;padding:10px;font-size:1rem;font-weight:700;line-height:1.6}.credit-text{color:#ffffffb3;text-align:center;margin-top:20px;font-size:.9rem}.credit-link{color:#fffc;border-bottom:1px solid #ffffff4d;text-decoration:none;transition:color .3s,text-shadow .3s}.credit-link:hover{color:#fff;text-shadow:0 0 8px #fff9;border-bottom-color:#fff9}.credit-link:active{color:#ffffffe6}.copy-toast{color:#fff;z-index:10000;pointer-events:none;white-space:nowrap;text-align:center;background:#000c;border-radius:50px;min-width:200px;padding:16px 40px;font-size:1.1rem;font-weight:700;animation:.3s toastFadeIn,.3s 1.7s forwards toastFadeOut;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 20px #00000080}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.error-popup-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.error-popup{text-align:center;background:#000000e6;border:3px solid #fff;border-radius:20px;width:90%;max-width:300px;padding:30px 40px;animation:.3s ease-out popupSlideIn;box-shadow:0 5px 30px #000c}.error-popup-message{color:#fff;margin-bottom:20px;font-size:1.1rem;font-weight:700;line-height:1.5}.error-popup-button{color:#fff;cursor:pointer;background:linear-gradient(#42a5f5,#1e88e5);border:2px solid #fff;border-radius:50px;width:120px;padding:10px 20px;font-size:1rem;font-weight:700;transition:transform .1s;box-shadow:0 5px 15px #0003}.error-popup-button:active{filter:brightness(.9);transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}