html,body{height:100%!important;width:100%!important;margin:0!important;padding:0!important;overscroll-behavior:none!important;overscroll-behavior-y:none!important;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{margin:0!important;padding:0!important;background-color:#f0f0f0!important;overflow:auto!important;overscroll-behavior:none}body:after{background-image:none}body.game-active{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important}:fullscreen{background-color:#fff}:-webkit-full-screen{background-color:#fff}:-moz-full-screen{background-color:#fff}:-ms-fullscreen{background-color:#fff}.game-active{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body,html,.modal,.modal-content{margin:0;padding:0}#charades-page .main-content{display:flex;flex-direction:column;flex:1}.game-active #charades-page .main-content{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#charades-page .bmc-button-container{margin-top:auto}#charades-page .container.post-game{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;overflow:hidden}.hidden{display:none}.container{flex-direction:column;box-sizing:border-box}h2{font-size:2.5rem!important;margin-bottom:20px!important;color:#333!important;text-align:center}#vocabDropdown,#durationDropdown{width:54%;padding:10px;font-size:inherit;margin-bottom:20px;border:1px solid #ccc;border-radius:5px}#vocabDropdown{margin:0 auto;display:block}#createNewList{background-color:#51135a;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1.6rem;cursor:pointer;margin-bottom:20px}#loginPrompt{font-size:1.4rem;color:#333}#loginPrompt a{color:#51135a;text-decoration:none;font-weight:700}#startButton{font-size:2rem;padding:15px 30px;cursor:pointer;margin-top:20px;border:none;border-radius:5px;background:#51135a;color:#fff}#startButton.visual-disabled{background:#ccc;cursor:pointer}.validation-message{color:#d33;font-weight:700;font-size:1.2rem;margin-top:10px;text-align:center}.instructions-container h1{font-family:Luckiest Guy,cursive;color:#e74c3c;font-size:3em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin-top:0;padding:0}.instructions-container{box-shadow:0 2px 5px #0000001a;text-align:center;color:#333;background-color:#ffffffe6;padding:20px 30px;border-radius:12px;margin:100px auto 0;max-width:800px;box-shadow:0 4px 15px #0000001a;border:1px solid #eee}.instructions-container .subtitle{font-size:1.3em;margin-bottom:25px;color:#555;font-weight:700}.instructions-container h3{margin-top:20px;margin-bottom:15px;color:#2980b9;font-size:1.5em}.instructions-container ul{list-style-type:none;padding:0;display:inline-block;text-align:left}.instructions-container li{margin-bottom:10px;font-size:1.1em}.instructions-container li:before{content:"🟣";margin-right:12px;font-size:1.2em}.scroll-down-arrow{text-align:center;animation:bounce 2s infinite}.scroll-down-arrow i{font-size:2.5em;color:#2980b9;text-shadow:1px 1px 2px rgba(0,0,0,.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.forehead-check{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.forehead-img{max-width:200px;margin-bottom:20px}#game-container{position:relative;width:100%;flex:1;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#fff}#game-container.game-active{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;margin:0;padding:0}.container.full-height{flex:1;overflow:hidden;width:100%;margin:0;padding:0}.game-active .container.full-height{position:fixed;top:0;left:0;width:100vw;height:100vh}#durationSelection{width:100%;text-align:center}#timer{position:absolute;top:10px;right:20px;font-size:3rem;margin:0;z-index:1100}#word{font-size:7rem;font-weight:700;margin-top:5vh;text-align:center}#word img{max-width:100%;max-height:80vh;object-fit:contain;display:block;margin:0 auto}.charades-result-modal{background-color:#fffbfb80}.game-modal-content{width:100%;height:100%;padding:20px;box-sizing:border-box;position:relative;display:flex;flex-direction:column}.charades-result-modal .game-modal-content{width:100%;height:100%;padding:20px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.close-button{display:none}#score{font-size:2rem;margin:0;text-align:center;color:var(--dark-text)}#word-list-container{display:flex;flex-wrap:wrap;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;color:var(--dark-text);padding-bottom:10px}.word-item{width:33.33%;box-sizing:border-box;padding:5px;font-size:1.5rem;text-align:center;color:var(--dark-text)}.header-container{text-align:center;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.edit-controls{display:flex;gap:10px}.edit-btn,.save-btn{padding:8px 16px;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;font-weight:700;color:#fff}.edit-btn{background-color:#6c757d}.save-btn{background-color:#28a745}.word-item-edit{width:33.33%;box-sizing:border-box;padding:5px;display:flex;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;overflow:hidden}.word-item-edit input[type=checkbox]{transform:scale(1.5);margin-right:5px;cursor:pointer;flex-shrink:0}.word-item-edit span,.word-item-edit img{flex:1;text-align:left;color:#333;pointer-events:none}.close-game{position:fixed;top:1px;left:1px;font-size:2rem;background:none;border:none;color:#444141;z-index:2000}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.fullscreen-content{max-width:90%;max-height:90%;overflow:auto}.fullscreen-content img{display:block;max-width:100%;height:auto}.fullscreen-content div{color:#fff;font-size:3rem;text-align:center}@media screen and (max-width: 768px){body#charades-page{display:flex;flex-direction:column;min-height:100vh}}.selection-row{display:flex;justify-content:space-between;width:100%;max-width:800px;box-sizing:border-box;gap:20px;margin:0 auto}#vocabSelection,#durationSelection{flex:1;padding:0;text-align:center}@media screen and (max-width: 768px){.selection-row{flex-direction:column;gap:0;padding:10px}#vocabSelection,#durationSelection{width:100%;padding:10px 0}h2{font-size:1.8rem!important;margin-bottom:10px!important}.instructions-container{margin-top:69px}#vocabDropdown,#durationDropdown{width:90%;max-width:100%}}#vocabDropdown,#durationDropdown{width:100%;font-size:inherit}@media all and (display-mode: standalone){body{position:fixed;height:100vh;width:100vw}}.game-active::-webkit-scrollbar{display:none}.game-active{-ms-overflow-style:none;scrollbar-width:none}.game-active{overscroll-behavior-y:contain}#orientation-message{flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;font-size:1.8rem;color:#333;width:100%}#orientation-message p{margin-bottom:20px}.back-button{display:inline-block;margin-top:25px;padding:12px 24px;background-color:#51135a;color:#fff;text-decoration:none;border-radius:5px;font-size:1.6rem;font-weight:700;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.back-button:hover{background-color:#3e0f45}#lottie-animation{width:150px;height:150px;margin:0 auto}#game-container.orientation-prompt-active{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}#lottie-animation lottie-player{width:100%!important;height:100%!important}#game-progress-container{position:absolute;bottom:0;left:0;width:100%;height:15px;background-color:#0000001a;z-index:20}#game-progress-bar{height:100%;background-color:#4caf50;width:100%;transition:width 1s linear,background-color .5s ease}.combo-bg-anim{background:linear-gradient(45deg,red,#ff7300,#fffb00,red);background-size:300% 300%;animation:gradientShift .5s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.shake-anim{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.combo-text-pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:7rem;font-weight:900;text-align:center;text-shadow:4px 4px 0px #B22222,0 0 20px rgba(255,69,0,.8);width:100%;z-index:10010;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.fire-particle{position:absolute;bottom:-10vh;opacity:.8;pointer-events:none;z-index:10005;animation:riseUp ease-in forwards}@keyframes riseUp{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}to{transform:translateY(-120vh) scale(1.5) rotate(45deg);opacity:0}}.fs-help-btn{background:none;border:none;color:#51135a;text-decoration:underline;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;font-weight:700}.fs-help-btn:hover{color:#8a2be2}#fs-help-modal.modal{padding-top:0;z-index:9999;background-color:#000}.fs-help-content{background-color:#000;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0;border-radius:0;display:flex;flex-direction:column;padding:0;box-sizing:border-box;position:relative}.fs-help-header{position:absolute;top:0;left:0;width:100%;padding:15px;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;z-index:10002;pointer-events:none}.fs-help-header h3{display:none}.fs-close-x{pointer-events:auto;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8);cursor:pointer;line-height:1;padding:5px 15px;background:#0003;border-radius:50%}.slider-image-container{flex-grow:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0;background:#000;border-radius:0;position:relative}.slider-image-container img{width:100%;height:100%;object-fit:contain}.slider-controls{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;z-index:10002;pointer-events:none}.controls-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 15px;box-sizing:border-box}.nav-btn{pointer-events:auto;background-color:#0000004d;color:#fff;border:2px solid rgba(255,255,255,.5);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .3s}.nav-btn:hover{background-color:#0009}.nav-btn:disabled{opacity:0;pointer-events:none}#slide-dots{display:none}
