@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:url(/piggle/static/media/background.27fd7836af4bc8f762fa.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#4a2200;font-family:Luckiest Guy,cursive;margin:0;min-height:100vh;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}canvas{background-color:#add8e6;border:2px solid #000;border-radius:10px;display:block;margin:20px auto}#mainGameHeader{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffdc51,#e5a709);-webkit-background-clip:text;font-family:Luckiest Guy,cursive;font-size:6rem;margin-bottom:5px;padding:5px;text-align:center;text-shadow:4px 4px 0 #ff0bf7,8px 8px 5px #e6ff0280}#score,#shotsLeft{color:#ff6a00;font-size:1.8rem;margin-bottom:10px;text-shadow:2px 2px 5px #000000b3}#gameMessage{color:#ffc800;font-size:2.2rem;text-shadow:3px 3px 0 #000,5px 5px 10px #00000080}canvas{background:#fff3;border:6px solid #8b4513;border-radius:12px;box-shadow:0 0 20px #0009}button{background:linear-gradient(180deg,#d2691e,sienna);border:3px solid #8b4513;border-radius:12px;box-shadow:4px 4px 0 #4a2200;color:#fff3cd;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:16px;margin:10px;padding:12px 20px;transition:all .2s ease-in-out}button:hover{background:linear-gradient(180deg,sienna,#8b4513);box-shadow:6px 6px 0 #3a1a00;transform:scale(1.05)}button:active{box-shadow:2px 2px 0 #4a2200;transform:scale(.98)}input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin:10px 0;max-width:300px;padding:10px;width:100%}input:focus{border-color:#007bff;outline:none}.leaderboard{background:#fffc;border:3px solid #fc0;border-radius:10px;box-shadow:0 4px 8px #0003;margin:20px auto;padding:15px;text-align:center;width:fit-content}.leaderboard h2{color:#f60;margin-bottom:10px}.leaderboard ol{list-style:decimal inside;margin:0;padding:0}.leaderboard li{font-size:18px;padding:5px}.overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{background:#fff;border-radius:10px;box-shadow:0 0 10px #ffffff4d;max-width:500px;padding:20px;text-align:center;width:90%}.close-btn{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px}.close-btn:hover{background:darkred}.level-editor-container{color:#4a2200;font-family:Luckiest Guy,cursive;margin:20px auto;max-width:400px;padding:15px;text-align:center}.level-editor-container h2{font-size:2.5rem;margin-bottom:12px;text-shadow:3px 3px 0 #ffdc51,5px 5px 10px #e5a70999}.level-editor-container input,.level-editor-container select{background-color:#fff9db;border:2px solid #e5a709;border-radius:8px;box-shadow:1px 1px 4px #ffdc5166;color:#4a2200;font-family:Luckiest Guy,cursive;font-size:1.4rem;margin:8px 6px;max-width:280px;padding:6px 12px;transition:border-color .3s ease,box-shadow .3s ease;width:65%}.level-editor-container input:focus,.level-editor-container select:focus{border-color:#ff0bf7;box-shadow:0 0 6px #ff0bf7;outline:none}.browse-levels-container{color:#4a2200;font-family:Luckiest Guy,cursive;margin:30px auto;max-width:1200px;padding:0 15px 40px;text-align:center}.browse-levels-container h2{font-size:3.2rem;margin-bottom:25px;text-shadow:3px 3px 0 #ffdc51,5px 5px 10px #e5a70999}.loading-spinner{color:#6b4b00;font-size:1.5rem;margin:40px 0}.no-levels{background:#ffdc511a;border:2px dashed #e5a709;border-radius:14px;margin:40px 0;padding:40px}.no-levels p{color:#6b4b00;font-size:1.4rem;margin-bottom:20px}.create-level-btn{background:#ffdc51;border:3px solid #e5a709;border-radius:15px;box-shadow:1px 1px 7px #e5a709b3;color:#4a2200;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1.6rem;padding:12px 30px;transition:all .3s ease}.create-level-btn:hover{background-color:#ff0bf7;box-shadow:0 0 12px #ff0bf7;color:#fff;transform:translateY(-2px)}.levels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.level-card{background:#ffdc5126;border:2px solid #e5a709;border-radius:14px;box-shadow:2px 2px 12px #e5a70966;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:20px;transition:all .3s ease}.level-card:hover{box-shadow:4px 4px 18px #ff0bf7b3;transform:translateY(-3px)}.level-info{flex:1 1}.level-card h3{word-wrap:break-word;color:#4a2200;font-size:1.8rem;margin:0 0 15px}.level-stats{color:#6b4b00;display:flex;font-size:1rem;justify-content:space-between;margin:10px 0}.level-stats span{background:#ffdc514d;border-radius:8px;font-size:.9rem;padding:4px 8px}.level-actions{margin-top:15px}.play-btn{background:#ffdc51;border:3px solid #e5a709;border-radius:15px;box-shadow:1px 1px 7px #e5a709b3;color:#4a2200;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1.4rem;padding:10px 24px;transition:all .3s ease;width:100%}.play-btn:hover{background-color:#ff0bf7;box-shadow:0 0 12px #ff0bf7;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.browse-levels-container{max-width:100%;padding:0 10px 20px}.browse-levels-container h2{font-size:2.5rem}.levels-grid{gap:15px;grid-template-columns:1fr}.level-card{padding:15px}.level-card h3{font-size:1.5rem}.level-stats{flex-direction:column;gap:5px}}@media (max-width:480px){.browse-levels-container h2{font-size:2rem}.level-card{padding:12px}.play-btn{font-size:1.2rem;padding:8px 16px}}.auth-page{align-items:center;background-attachment:fixed;background-image:url(/piggle/static/media/background.27fd7836af4bc8f762fa.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{background:linear-gradient(135deg,#d2691e,sienna);border:4px solid #8b4513;border-radius:15px;box-shadow:6px 6px 0 #4a2200,12px 12px 25px #0006;font-family:Luckiest Guy,cursive;max-width:450px;padding:3rem;position:relative;text-align:center;width:100%}.auth-container:before{background:#ffdc511a;border-radius:11px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-container h1{color:#4a2200;font-size:2.5rem;margin-bottom:.5rem;position:relative;text-shadow:3px 3px 0 #ffdc51,6px 6px 8px #e5a70999;z-index:1}.auth-container p{color:#fff3cd;font-size:1.3rem;margin-bottom:2rem;position:relative;text-shadow:2px 2px 4px #00000080;z-index:1}.auth-footer{border-top:3px solid #8b4513;margin-top:2rem;padding-top:1.5rem;position:relative;z-index:1}.auth-footer p{color:#fff3cd;font-size:1.1rem;margin:0;text-shadow:1px 1px 2px #00000080}.link-button{background:linear-gradient(180deg,#d2691e,sienna);border:3px solid #8b4513;border-radius:12px;box-shadow:4px 4px 0 #4a2200;color:#fff3cd;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1rem;margin:0 5px;padding:8px 15px;text-decoration:none;transition:all .2s ease-in-out}.link-button:hover{background:linear-gradient(180deg,sienna,#8b4513);box-shadow:6px 6px 0 #3a1a00;transform:scale(1.05)}.profile-page{align-items:center;background-attachment:fixed;background-image:url(/piggle/static/media/background.27fd7836af4bc8f762fa.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:2rem}.profile-container{background:linear-gradient(135deg,#d2691e,sienna);border:4px solid #8b4513;border-radius:15px;box-shadow:6px 6px 0 #4a2200,12px 12px 25px #0006;font-family:Luckiest Guy,cursive;max-width:550px;padding:3rem;position:relative;width:100%}.profile-container:before{background:#ffdc511a;border-radius:11px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-container h1{color:#4a2200;font-size:2.5rem;text-align:center;text-shadow:3px 3px 0 #ffdc51,6px 6px 8px #e5a70999}.profile-container h1,.profile-section{margin-bottom:2rem;position:relative;z-index:1}.profile-section h2{color:#fff3cd;font-size:1.8rem;margin-bottom:1rem;text-shadow:2px 2px 4px #00000080}.profile-info{background:#ffdc5133;border:3px solid #8b4513;border-radius:10px;box-shadow:3px 3px 0 #4a2200;padding:1.5rem}.info-row{align-items:center;border-bottom:2px solid #8b45134d;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-row label{color:#fff3cd;font-size:1.2rem;font-weight:600}.info-row label,.info-row span{text-shadow:1px 1px 2px #00000080}.info-row span{color:#ffdc51;font-size:1.1rem;font-weight:500}.profile-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;position:relative;z-index:1}.btn-logout,.btn-primary,.btn-secondary{border:3px solid #8b4513;border-radius:12px;box-shadow:4px 4px 0 #4a2200;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1.2rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.btn-primary{background:linear-gradient(180deg,#d2691e,sienna);color:#fff3cd}.btn-primary:hover{background:linear-gradient(180deg,sienna,#8b4513);box-shadow:6px 6px 0 #3a1a00;transform:scale(1.05)}.btn-secondary{background:linear-gradient(180deg,#d2691e,sienna);color:#fff3cd}.btn-secondary:hover{background:linear-gradient(180deg,sienna,#8b4513);box-shadow:6px 6px 0 #3a1a00;transform:scale(1.05)}.btn-logout{background:linear-gradient(180deg,#e74c3c,#c0392b);color:#fff3cd}.btn-logout:hover{background:linear-gradient(180deg,#c0392b,#a93226);box-shadow:6px 6px 0 #3a1a00;transform:scale(1.05)}.navbar{background:linear-gradient(135deg,#d2691e,sienna);border:3px solid #8b4513;border-radius:12px;box-shadow:4px 4px 0 #4a2200,8px 8px 15px #0000004d;color:#4a2200;font-family:Luckiest Guy,cursive;font-size:1.5rem;justify-content:space-between;margin:15px auto;max-width:1200px;padding:15px 25px}.nav-left,.nav-right,.navbar{align-items:center;display:flex}.nav-left,.nav-right{gap:20px}.navbar a{background:linear-gradient(180deg,#d2691e,sienna);border:3px solid #8b4513;border-radius:12px;box-shadow:4px 4px 0 #4a2200;color:#fff3cd;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1.2rem;font-weight:500;padding:8px 15px;text-decoration:none;transition:all .2s ease-in-out}.navbar a:hover{background:linear-gradient(180deg,sienna,#8b4513);box-shadow:6px 6px 0 #3a1a00;transform:scale(1.05)}.logout-btn{background:linear-gradient(180deg,#e74c3c,#c0392b);border:3px solid #8b4513;border-radius:12px;box-shadow:4px 4px 0 #4a2200;color:#fff3cd;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1.2rem;font-weight:500;padding:8px 15px;transition:all .2s ease-in-out}.logout-btn:hover{background:linear-gradient(180deg,#c0392b,#a93226);box-shadow:6px 6px 0 #3a1a00;transform:scale(1.05)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.manage-levels-container{color:#4a2200;font-family:Luckiest Guy,cursive;margin:40px auto;max-width:600px;padding:0 15px 40px}.manage-levels-container h2{font-size:3rem;margin-bottom:25px;text-align:center;text-shadow:3px 3px 0 #ffdc51,5px 5px 10px #e5a70999}.level-item{align-items:center;background:#ffdc5126;border:2px solid #e5a709;border-radius:14px;box-shadow:2px 2px 10px #e5a70966;display:flex;margin-bottom:18px;padding:12px 16px;transition:box-shadow .3s ease}.level-item:hover{box-shadow:4px 4px 18px #ff0bf7b3}.level-item input[type=text]{background-color:#fff9db;border:2px solid #e5a709;border-radius:8px;box-shadow:1px 1px 5px #ffdc5166;color:#4a2200;flex-grow:1;font-family:Luckiest Guy,cursive;font-size:1.4rem;padding:6px 10px;transition:border-color .3s ease,box-shadow .3s ease}.level-item input[type=text]:focus{border-color:#ff0bf7;box-shadow:0 0 6px #ff0bf7;outline:none}.level-item button{background:#ffdc51;border:3px solid #e5a709;border-radius:15px;box-shadow:1px 1px 7px #e5a709b3;color:#4a2200;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:1.6rem;margin-left:12px;padding:8px 20px;transition:background-color .3s ease,box-shadow .3s ease}.level-item button:hover{background-color:#ff0bf7;box-shadow:0 0 12px #ff0bf7;color:#fff}
/*# sourceMappingURL=main.3e7773a1.css.map*/