body{font-family:Poppins,sans-serif;background-color:#f8f8f8;color:#333;margin:0;background-image:url(/background.JPG);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.app-container{display:flex;height:100vh}#banner-root{width:10%;background-color:#f0f0f0;padding:1rem;border-right:1px solid #ddd}#root{width:90%;overflow-y:auto}.container{max-width:960px;margin:0 auto;padding:2rem}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding-top:5vh}.home-page h1{font-size:4rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:2rem}.home-page .card{background-color:#ffffffe6;border-radius:1rem;box-shadow:0 10px 20px #0000001a;padding:2rem}.home-page .form-control{border-radius:.5rem;border:1px solid #ccc;padding:1rem}.btn{border-radius:.5rem!important;padding:1rem 1.5rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:1px!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important}.btn-primary{background-color:#4a90e2!important;color:#fff!important}.btn-primary:hover{background-color:#357abd!important}.btn-secondary{background-color:#f5a623!important;color:#fff!important}.btn-secondary:hover{background-color:#d48f1b!important}.btn-success{background-color:#28a745!important;color:#fff!important}.btn-success:hover{background-color:#218838!important}.lobby-page{padding:2rem}.lobby-page h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.lobby-page h3{font-size:1.5rem;font-weight:600;color:#999;margin-bottom:2rem}.lobby-page .player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.lobby-page .player-card{background-color:#fff;border-radius:1rem;box-shadow:0 5px 15px #0000000d;padding:1.5rem;text-align:center}.lobby-page .player-card img{width:100px;height:100px;border-radius:50%;margin-bottom:1rem}.lobby-page .player-card .player-name{font-size:1.2rem;font-weight:600}.game-phase{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:80vh;padding:2rem}.game-phase .timer{font-size:1.5rem;font-weight:700;color:#4a90e2;margin-left:1rem}.game-phase .prompt-text{font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.game-phase .card{background-color:#fff;border-radius:1rem;box-shadow:0 10px 20px #0000001a;padding:2rem;width:100%;max-width:600px}.game-phase .form-control{border-radius:.5rem;border:1px solid #ccc;padding:1rem}.game-phase .btn{border-radius:.5rem;padding:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.reveal-page{padding:2rem}.reveal-page .player-list-sidebar{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 5px 15px #0000000d}.reveal-page .chat-container{position:relative;background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 5px 15px #0000000d;height:calc(100vh - 4rem);overflow-y:auto}.reveal-page .download-icon{position:absolute;top:1.5rem;right:1.5rem;cursor:pointer;color:#333;z-index:10}.reveal-page .download-icon svg{width:30px;height:30px}.reveal-page .download-icon:hover{color:#4a90e2}.reveal-page .chat-bubble{display:flex;margin-bottom:1.5rem}.reveal-page .chat-bubble.sent{justify-content:flex-end}.reveal-page .chat-bubble.received{justify-content:flex-start}.reveal-page .chat-bubble .author-info{margin-right:1rem}.reveal-page .chat-bubble.sent .author-info{order:2;margin-right:0;margin-left:1rem}.reveal-page .chat-bubble .chat-message{display:flex;flex-direction:column}.reveal-page .chat-bubble .chat-message strong{margin-bottom:.5rem}.reveal-page .chat-bubble .author-info img{width:60px;height:60px;border-radius:50%;margin-bottom:.5rem}.reveal-page .chat-bubble .chat-content{position:relative;background-color:#f1f1f1;border-radius:1rem;padding:1rem;max-width:400px}.reveal-page .chat-bubble.sent .chat-content{background-color:#4a90e2;color:#fff}.reveal-page .chat-bubble .chat-content:after{content:"";position:absolute;top:20px;width:0;height:0;border:10px solid transparent}.reveal-page .chat-bubble.received .chat-content:after{left:0;border-right-color:#f1f1f1;border-left:0;margin-left:-20px}.reveal-page .chat-bubble.sent .chat-content:after{right:0;border-left-color:#4a90e2;border-right:0;margin-right:-20px}.reveal-page .chat-bubble.sent .chat-message strong{text-align:right}