body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Burbank Big Condensed Black;font-style:normal;font-weight:400;src:url(/static/media/BurbankBigCondensedBlack.855d754e53e004037bf1.otf) format("opentype")}*{box-sizing:border-box;font-family:Fredoka,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(180deg,#87cefa,#f0f0f0);display:flex;flex-direction:column;min-height:100vh}.header{margin-top:100px;text-align:center}.logo{display:block;height:auto;margin:0 auto -10px;width:300px}h1,h2{-webkit-text-stroke:5px #000;color:#fff;text-align:center}.small-text,h2{margin-bottom:20px}.small-text{-webkit-text-stroke:1px #000;color:#fff;font-size:24px;text-align:center}.input-container{margin-bottom:20px}#username{border:1px solid #ccc;border-radius:8px;margin:10px auto;max-width:300px;padding:10px;width:80%}#generate,#username{box-shadow:0 2px 4px #0003;display:block}#generate{background:linear-gradient(180deg,#a8e063,#56ab2f);border:2px solid #478f17;border-bottom:6px solid #3e8e41;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:20px auto 60px;padding:5px 10px;transition:border-bottom-width .3s,border-bottom-color .3s}#generate:active{box-shadow:none;transform:translateY(4px)}.section{margin-top:20px;text-align:center;width:100%}.section-title{color:#ff5e00;font-family:Burbank Big Condensed Black,sans-serif;font-size:50px;letter-spacing:2px}.fix-stroke,.section-title{-webkit-text-stroke:3px #000}.card-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px}.card{background-color:#ffe68a;border:3px solid #000;border-radius:10px;box-shadow:0 5px 0 #000;cursor:pointer;height:170px;position:relative;transition:transform .2s;width:170px}.card:hover{transform:scale(1.05)}.card img{border-radius:8px;height:auto;width:100%}.circle{background-color:#00ff08;border:3px solid #000;border-radius:50%;display:none;height:30px;position:absolute;right:5px;top:5px;width:30px;z-index:10}.card-content{background-color:#ffffffb3;bottom:0;left:0;padding:5px 0;position:absolute;text-align:center;width:100%}.card-content h3{-webkit-text-stroke:2px #000;color:#ff5e00;font-size:20px}.blank-screen{align-items:center;background-color:#000c;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.white-box{background-color:#fff;border-radius:10px;max-width:500px;padding:40px;position:relative;text-align:center;width:90%}.loading-circles{display:flex;gap:15px;justify-content:center;margin-top:20px}.loading-circle{animation:bounce .8s infinite alternate;background-color:#ff5e00;border-radius:50%;height:30px;width:30px}.loading-circles .loading-circle:nth-child(2){animation-delay:.2s}.loading-circles .loading-circle:nth-child(3){animation-delay:.4s}.loading-circles .loading-circle:nth-child(4){animation-delay:.6s}.loading-circles .loading-circle:nth-child(5){animation-delay:.8s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.loading-text{color:#000}.loading-text,.verify-button{font-size:18px;font-weight:700;margin-top:20px}.verify-button{-webkit-text-stroke:1px #000;animation:pulse 1s infinite alternate;background-color:#ff914d;border:3px solid #000;border-radius:20px;box-shadow:0 4px 0 #93561a;color:#fff;cursor:pointer;padding:10px 20px}.verify-button:active{box-shadow:none;transform:translateY(4px)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.warning{color:red;font-weight:700;margin-top:10px;text-align:center}#popup-container{bottom:20px;position:fixed;right:20px;z-index:1000}.popup-card{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0003;display:none;margin-bottom:10px;padding:10px;position:relative;transition:opacity .5s ease-in-out;width:250px}.popup-card img{border-radius:50%;height:40px;margin-right:10px;width:40px}.popup-card-content{align-items:center;display:flex}.popup-card-content div{margin-left:10px}.popup-username{font-weight:700}.floating-images-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.floating-image{animation:floating-up-and-down linear infinite;cursor:pointer;height:auto;opacity:50%;position:absolute;transition:transform .2s;width:170px}@keyframes floating-up-and-down{0%{transform:translateY(100vh) rotate(0deg)}to{transform:translateY(-200px) rotate(1turn)}}@media (max-width:768px){.header{margin-top:50px}.logo{width:200px}h1{-webkit-text-stroke:3px #000;font-size:30px}h2{-webkit-text-stroke:2px #000;font-size:16px}.small-text{font-size:18px}#username{width:180px}.card{height:150px;width:150px}.card-content h3{-webkit-text-stroke:1px #000;font-size:18px}.loading-circles{gap:10px}.loading-circle{height:20px;width:20px}.loading-text{font-size:16px}.white-box{padding:20px}}@media (max-width:480px){.header{margin-top:20px}.logo{width:150px}h1{-webkit-text-stroke:2px #000;font-size:24px}h2{-webkit-text-stroke:1px #000;font-size:14px}.section-title{font-size:35px}.card{height:120px;width:120px}.card-content h3{font-size:16px}.popup-card{width:200px}}