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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-container{align-items:center;animation:gradientAnimation 8s ease infinite;background:linear-gradient(-45deg,#4834d4,#686de0,#be2edd,#ff4757);background-size:300% 300%;color:#fff;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.loading-message{font-size:2rem;margin-bottom:20px;text-align:center}.loading-emoji{animation:emojiLoadingSpin 1s linear infinite;font-size:4rem;margin-top:20px}@keyframes emojiLoadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lobby-players{background:#fff;border-radius:20px;box-shadow:0 8px 16px #0003;color:#333;margin-top:30px;max-width:500px;padding:20px;width:80%}.player-list{list-style:none;margin-bottom:1.5rem;padding:0}.player-item{background-color:#f0f0f0;border-radius:8px;font-weight:700;margin-bottom:.5rem;padding:.8rem}.overlay{position:fixed;z-index:9999}.joy-emoji-top{animation:emojiLoadingSpin 1s linear infinite;font-size:4rem;left:50%;position:absolute;top:20px;transform:translateX(-50%)}.countdown-container{margin-top:2rem}.countdown-circle,.countdown-container{align-items:center;display:flex;justify-content:center}.countdown-circle{animation:countdownPulse 1s ease infinite;background:#fff3;border:3px solid #fff;border-radius:50%;color:#fff;font-size:3rem;font-weight:700;height:120px;width:120px}@keyframes countdownPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.lobby-players ul{list-style:none;margin:0;padding:0}.game-results{background-color:#fff3;box-shadow:0 5px 15px #0003;margin-top:20px;padding:20px}.game-results h2{color:#fff;margin-bottom:20px}.timeline-container{align-items:center;display:flex;justify-content:center;padding:10px}.timeline{padding:40px 0}.timeline-bar{box-shadow:0 0 10px #ffffffb3}.player-marker{transition:transform .3s ease}.player-marker:hover{transform:translateX(-50%) scale(1.2)}.player-emoji{filter:drop-shadow(0 0 5px white)}.marker-line{box-shadow:0 0 5px #ffffffb3}.time-marker{font-weight:700;text-shadow:0 0 3px #00000080}.survival-time{background-color:#0000004d;padding:2px 6px}.player-marker{animation-delay:calc(var(--index)*.1s);animation-fill-mode:forwards}@keyframes emojiSpin{0%{transform:scale(1.6) rotate(0deg)}50%{transform:scale(2.4) rotate(180deg)}to{transform:scale(1.6) rotate(1turn)}}@keyframes shadowGrow{0%,to{text-shadow:2px 2px 0 #0003}50%{text-shadow:4px 4px 0 #0003}}.title-emoji.spinning{animation:emojiSpin .7s linear,shadowGrow .7s linear}.home-container{animation:gradientAnimation 8s ease infinite;background:linear-gradient(-45deg,#4834d4,#686de0,#be2edd,#ff4757);background-size:300% 300%;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;min-height:100vh;padding:2rem}.home-container,.title-container{align-items:center;display:flex;justify-content:center}.title-container{margin-bottom:2rem;position:relative}.game-title{color:#fff;font-size:4rem;scale:2;text-shadow:3px 3px 0 #0003}.title-emoji{bottom:-.45rem;cursor:pointer;font-size:1.5rem;position:absolute;right:-8rem;scale:1.6;text-shadow:2px 2px 0 #0003;transform-origin:center center}.name-entry{background:#fff;border-radius:20px;box-shadow:0 8px 16px #0003;margin-bottom:1.5rem;max-width:400px;padding:2rem;width:100%}.lobby-label,.name-label{color:#333;display:block;font-size:1.2rem;margin-bottom:1rem}.lobby-input,.name-input{border:2px solid #6c5ce7;border-radius:10px;font-size:1rem;margin-top:.5rem;padding:.8rem;transition:border-color .3s ease;width:90%}.lobby-input:focus,.name-input:focus{border-color:#a363d9;outline:none}.button-container{display:flex;gap:1rem;margin-top:1rem}.create-game-button,.play-button{border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:.8rem 2rem;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}.play-button{background-color:#00b894;color:#fff}.create-game-button{background-color:#0984e3;color:#fff}.create-game-button:hover,.play-button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.about-link{margin-top:2rem}.about-link a{color:#fff;font-size:1.1rem;text-decoration:none;transition:opacity .2s ease}.about-link a:hover{opacity:.8}.admin-container{align-items:center;animation:gradientAnimation 8s ease infinite;background:linear-gradient(-45deg,#4834d4,#686de0,#be2edd,#ff4757);background-size:300% 300%;color:#fff;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.admin-container h1{font-size:3rem;margin-bottom:2rem;text-shadow:3px 3px 0 #0003}.admin-content{display:flex;justify-content:space-between;width:80%}.create-game,.lobby-info{background:#fff;border-radius:20px;box-shadow:0 8px 16px #0003;color:#333;max-width:600px;padding:2rem;width:100%}.player-icons{gap:8px;width:100%}.player-box{background-color:#686de0;box-sizing:border-box;justify-content:flex-start;width:100%}.player-emoji{font-size:1.2rem;margin-right:6px}.settings{gap:1rem;width:100%}.admin-container label,.settings{display:flex;flex-direction:column}.admin-container label{align-items:flex-start;color:#333;font-size:1.2rem;margin-bottom:1rem;width:95%}.admin-container input[type=number],.admin-container input[type=text]{border:2px solid #6c5ce7;border-radius:10px;font-size:1rem;margin-top:.5rem;padding:.8rem;transition:border-color .3s ease;width:100%}.admin-container input[type=number]:focus,.admin-container input[type=text]:focus{border-color:#a363d9;outline:none}.admin-container button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:1rem;padding:.8rem 2rem;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}.admin-container button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.start-game-button{background-color:#00b894}.copy-link-button,.invite-button{background-color:#0984e3}.home-button{background-color:#d63031}.error-message{color:#d63031;margin-top:.5rem;text-align:center}.lobby-info h2{margin-bottom:1rem;margin-top:1.5rem}.lobby-info ul{list-style-type:none;margin-bottom:1.5rem;padding:0}.lobby-info li{background-color:#f0f0f0;border-radius:8px;font-weight:700;margin-bottom:.5rem;padding:.8rem}body,html{height:100%;margin:0;overflow:hidden;padding:0}.game-container{animation:gradientAnimation 8s ease infinite;background:linear-gradient(-45deg,#4834d4,#686de0,#be2edd,#ff4757);background-size:300% 300%;color:#fff;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;height:100vh;position:relative}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;justify-content:space-between;padding:20px}.game-title,.top-bar{align-items:center;display:flex}.game-title{font-size:1.8rem;margin:0}.emoji{font-size:1.8rem;margin-left:10px}.game-info p{font-size:1.2rem;margin:0}.main-content{display:flex;flex:1 1;gap:20px;justify-content:space-between;padding:20px;position:relative}.player-list{align-items:flex-start;background:#fff;border-radius:20px;box-shadow:0 8px 16px #0003;color:#333;margin:0 auto;max-height:400px;max-width:300px;overflow-y:auto;padding:2rem;width:100%}.player-icons,.player-list{display:flex;flex-direction:column}.player-icons{gap:.5rem}.player-box{align-items:center;background-color:#bfbfbf;border:none;border-radius:10px;box-shadow:0 3px 6px #0000001a;display:flex;gap:.5rem;padding:8px}.player-emoji{font-size:1.5rem}.player-name{word-wrap:break-word;color:#fff;font-size:1rem}.video-broadcast{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 16px #0003;box-sizing:border-box;color:#333;display:flex;flex:1.5 1;flex-direction:column;height:500px;justify-content:center;padding:2rem;position:relative}.live-broadcast-title{color:#fff;font-size:1.5rem;margin-bottom:20px;text-align:center}.main-video-container{align-items:center;background-color:#000;border-radius:8px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:1}.main-video-player{height:100%;object-fit:cover;pointer-events:none;width:100%}.death-log{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 16px #0003;color:#333;display:flex;flex-direction:column;padding:2rem;text-align:center;width:20%}.death-log h2{margin-bottom:10px}.death-log ul{list-style:none;margin:0;padding:0;width:100%}.test-message p{font-size:1rem;margin:0}.points{color:#ff6b6b;font-size:1.1rem;font-weight:700;margin-top:5px}.webcam-video{background-color:#000;border:2px solid #ccc;border-radius:8px;bottom:20px;box-shadow:0 4px 8px #0003;height:auto;pointer-events:none;position:fixed;right:20px;width:200px;z-index:1000}@media (max-width:800px){.webcam-video{bottom:15px;right:15px;width:150px}}@media (max-width:500px){.webcam-video{bottom:10px;right:10px;width:120px}}::-webkit-scrollbar{display:none}body{margin:0;padding:0}.video-container{height:450px;margin:0 auto;max-width:800px;position:relative;width:100%}.youtube-iframe{height:100%;pointer-events:none;width:100%}.overlay{background:#fff0;cursor:default;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.lost-container{align-items:center;animation:gradientAnimation 8s ease infinite;background:linear-gradient(-45deg,#4834d4,#686de0,#be2edd,#ff4757);background-size:300% 300%;color:#fff;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.lost-message{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.lost-emoji{animation:wobble 2s ease infinite;font-size:4rem;margin:1rem 0}.waiting-message{font-size:1.2rem;margin-top:1rem;opacity:.8}.game-results{background-color:#fff;border-radius:15px;box-shadow:0 10px 25px #0003;margin-top:2rem;max-width:800px;overflow:hidden;padding:2rem;position:relative;width:90%}.game-results h2{color:#4834d4;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.timeline-container{padding:1rem 0;position:relative}.timeline,.timeline-bar{position:relative;width:100%}.timeline-bar{background-color:#e0e0e0;border-radius:3px;height:6px;margin-bottom:80px}.time-marker{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.8rem;left:0;position:absolute;top:15px;transform:translateX(-50%)}.marker-line{background-color:#666;height:10px;margin-bottom:5px;width:2px}.player-marker{align-items:center;bottom:-60px;display:flex;flex-direction:column;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease}.player-marker:hover{transform:translateX(-50%) scale(1.15);z-index:10}.player-name{color:#333;font-size:.9rem;font-weight:700;margin-bottom:5px;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.player-emoji{filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));font-size:2.5rem;margin-bottom:5px}.survival-time{background-color:#f0f0f0;border-radius:10px;color:#333;font-size:.8rem;font-weight:700;padding:3px 8px}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(0)}60%{opacity:1;transform:translateX(-50%) scale(1.2)}to{opacity:1;transform:translateX(-50%) scale(1)}}.player-marker{animation:popIn .5s forwards;animation-delay:calc(var(--index)*.2s)}@media (max-width:600px){.game-results{padding:1.5rem}.player-emoji{font-size:2rem}.player-name{font-size:.8rem;max-width:60px}.time-marker{font-size:.7rem}}.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)}}
/*# sourceMappingURL=main.a6fc36e6.css.map*/