*{box-sizing:border-box;margin:0;padding:0}#root,*,body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root,body,html{height:100%}body{align-items:flex-start;background:url(/sibu-comments-app/static/media/kfc.08320fa9bd731284313d.jpg) no-repeat 50% fixed;background-size:cover;display:flex;justify-content:center;line-height:1.6;min-height:100vh;padding:2rem}.container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2c3e5080;border-radius:12px;box-shadow:0 4px 20px #0006;color:#ecf0f1;margin:5% auto;max-width:400px;padding:2rem;position:relative;z-index:1}form,ul{background:#fff;border-radius:10px;box-shadow:0 4px 8px #2c3e501a;margin-bottom:2rem;max-width:400px;padding:1.5rem 2rem;width:100%}form h2{color:#4a90e2;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-align:center}ul{list-style:none}ul li{background:#f9fbfd;border-left:4px solid #4a90e2;border-radius:6px;color:#2c3e50;font-size:1rem;margin-bottom:.6rem;padding:.7rem 1rem;word-break:break-word}ul li strong{color:#357abd;margin-right:.5rem}input{background:#fafbfc;border:1.5px solid #d1d9e6;border-radius:6px;color:#2c3e50;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}input::placeholder{color:#a2aabd}input:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e24d;outline:none}button{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.5rem;transition:background .3s ease,transform .15s ease}button:hover{background:#357abd;transform:scale(1.05)}button:active{background:#2c5aa0;transform:scale(.95)}nav{align-items:center;background:#fff;border:1px solid #d1d9e6;border-radius:10px;box-shadow:0 4px 8px #2c3e501a;display:flex;justify-content:space-between;margin-bottom:2rem;max-width:400px;padding:1rem 2rem;-webkit-user-select:none;user-select:none;width:100%}nav a{border-radius:6px;color:#4a90e2;font-weight:600;padding:.4rem .8rem;text-decoration:none;transition:background .3s ease,color .3s ease}nav a:hover{background:#f0f4fa;color:#4a90e2}nav a.home-btn{background:#4a90e2;color:#fff}nav a.home-btn:hover{background:#357abd}nav button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.4rem 1rem;transition:background .3s ease,transform .15s ease}nav button:hover{background:#c0392b}nav button:active{background:#992d22;transform:scale(.95)}.game-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:2rem;width:100%;z-index:1}.game-card{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 6px 20px #00000026;display:flex;flex-direction:column;overflow:hidden;padding:1rem;transition:transform .3s ease}.game-card:hover{transform:translateY(-5px)}.game-img{border-radius:8px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.game-content{text-align:center;width:100%}.comment-section{margin-top:1.5rem;width:100%}.related-games{background:#f7f7f7;border-radius:8px;margin-top:1rem;padding:10px}.related-games h4{color:#444;font-size:1.1rem;margin-bottom:.5rem}.related-games ul{list-style-type:none;padding-left:0}.related-games li{margin-bottom:5px}.related-games a{color:#3498db;text-decoration:none}.wishlist-btn{background:linear-gradient(90deg,#ff416c,#ff4b2b);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s ease}.wishlist-btn.clicked{animation:bounceUp .5s ease forwards}@keyframes bounceUp{0%{transform:scale(1)}30%{transform:scale(1.3)}to{transform:scale(1) translateY(-8px)}}.wishlist-btn,button,nav button{overflow:hidden;position:relative}.wishlist-btn:before,button:before,nav button:before{background:linear-gradient(120deg,#fff3,#ffffff80);content:"";height:100%;left:-75%;position:absolute;top:0;transform:skewX(-20deg);width:50%}.wishlist-btn:hover:before,button:hover:before,nav button:hover:before{animation:shine .75s forwards}@keyframes shine{to{left:125%}}.game-card:hover{box-shadow:0 0 20px #00d8ff99,0 4px 30px #0003;transform:scale(1.03)}.game-content h3:hover,h1:hover,h2:hover{color:#00d8ff;text-shadow:0 0 10px #00d8ff80;transition:color .3s ease,text-shadow .3s ease}.wishlist-btn.play-sound:active,button.play-sound:active,nav button.play-sound:active{animation:clickPulse .3s ease}@keyframes clickPulse{0%{box-shadow:0 0 0 #00d8ff66;transform:scale(1)}50%{box-shadow:0 0 20px #00d8ff99;transform:scale(1.05)}to{box-shadow:0 0 0 #00d8ff66;transform:scale(1)}}
/*# sourceMappingURL=main.6ae2fc0c.css.map*/