:root{--gradient-start: #01ffff;--gradient-mid: #8a2be2;--gradient-end: #fe00ff;--primary-color: #8a2be2;--primary-color-alpha: rgba(138, 43, 226, .2);--text-primary: #333;--text-muted: #666;--border-color: #d5d5d5;--border-radius-md: 8px;--font-size-md: 16px;--font-size-sm: 14px;--input-background: #fff;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .1);--shadow-md: 0 4px 20px rgba(0, 0, 0, .15);--transition-fast: .2s;--card-bg: #FFFFFF;--text-dark: #333;--shadow-light: rgba(0, 0, 0, .15);--shadow-dark: rgba(0, 0, 0, .3);--danger-red: #ff3b30;--success-green: #34c759;--theme-pink: #f250d7;--warning-pulse-color: var(--danger-red)}.countdown-warning{color:var(--danger-red)!important;animation:pulse-red 1s infinite;font-weight:700}@keyframes pulse-red{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}body,html{height:100%;margin:0;font-family:Inter,sans-serif;overflow:hidden;background-color:#f0f2f5;color:var(--text-dark)}body.dark-mode{background-color:#1c1c1e;color:#f2f2f7;--text-primary: #f2f2f7;--text-muted: #8e8e93;--border-color: #3B3B3B;--input-background: #3B3B3B}.page-transition-overlay{--wipe-duration: .65s;--wipe-edge-feather: 18px;position:fixed;inset:-2px;z-index:2147483647;isolation:isolate;pointer-events:none;background-color:var(--gradient-mid);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));opacity:0;transform:translate3d(-120%,0,0);will-change:transform,opacity;backface-visibility:hidden;transition-property:transform,opacity;transition-duration:var(--wipe-duration),0ms;transition-timing-function:cubic-bezier(.645,.045,.355,1),linear;transition-delay:0ms,0ms}.page-transition-overlay:before,.page-transition-overlay:after{content:"";position:absolute;top:0;bottom:0;width:calc(var(--wipe-edge-feather) * 2);background:inherit;opacity:.9;pointer-events:none;filter:blur(var(--wipe-edge-feather));transform:translateZ(0)}.page-transition-overlay:before{left:calc(var(--wipe-edge-feather) * -1)}.page-transition-overlay:after{right:calc(var(--wipe-edge-feather) * -1)}.page-transition-overlay.is-fully-covered:before{transform:translate3d(calc(var(--wipe-edge-feather) * -4),0,0)}.page-transition-overlay.is-fully-covered:after{transform:translate3d(calc(var(--wipe-edge-feather) * 4),0,0)}.page-transition-overlay.is-active{opacity:1}.page-transition-overlay.no-transition{transition:none}.page-transition-overlay.is-covering{transform:translateZ(0)}.page-transition-overlay.is-revealing{transform:translate3d(120%,0,0)}@media(prefers-reduced-motion:reduce){.page-transition-overlay{transition:none}}.screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);width:100vw;padding:20px;box-sizing:border-box;text-align:center;position:absolute;top:0;left:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.screen.visible{display:flex!important;opacity:1}.hidden{display:none!important}#main-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1001;display:flex;flex-direction:column;align-items:center}#burger-menu-icon{background-color:#808080cc;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:24px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:transform .2s}#burger-menu-icon:active{transform:scale(.9)}#nav-links{background-color:#323232e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;margin-top:15px;padding:10px 0;width:200px;display:flex;flex-direction:column;transition:opacity .3s ease,transform .3s ease;transform-origin:top center}#nav-links.hidden{opacity:0;transform:scaleY(.9);pointer-events:none}#nav-links a{color:#fff;text-decoration:none;font-size:18px;font-weight:700;padding:15px 20px;text-align:center;transition:background-color .2s}#nav-links a:hover{background-color:#ffffff1a}#home-screen,#duration-screen,#finals-duration-screen,#privacy-screen{background-color:#fff;justify-content:flex-start;padding-top:10vh;padding-bottom:60px;gap:20px;position:relative}#home-screen{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(220px + env(safe-area-inset-bottom,0px));padding-top:6vh;gap:0}#home-screen #play-btn{margin-top:0;flex-shrink:0;position:relative;left:auto;transform:none;bottom:auto;z-index:2}#duration-screen,#finals-duration-screen,#privacy-screen{overflow-y:auto;-webkit-overflow-scrolling:touch}#finals-duration-title{font-size:2.5rem;text-shadow:none}#finals-tie-message,#finals-waiting-message{color:#eee;line-height:2rem}#finals-tie-message{color:#3c3c3c}body.dark-mode #finals-tie-message{color:#eee}.copyright{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:.85rem;color:#666;text-align:center;width:90%;max-width:600px}#home-screen .copyright{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:5;pointer-events:none}@media(max-width:768px){#home-screen{padding-bottom:calc(260px + env(safe-area-inset-bottom))}}#home-screen .logo-img{max-width:400px;width:90%;height:auto}@media(max-width:768px){#home-screen .logo-img{max-width:280px;width:70%}#home-screen{padding-top:10vh;gap:0}}#home-screen .slogan{margin:6px 0 20px}#player-setup-screen{background-color:#fff;justify-content:flex-start;padding-top:0;padding-bottom:20px;color:var(--text-dark);display:flex!important;opacity:1!important;visibility:visible!important;overflow-y:auto;-webkit-overflow-scrolling:touch}#player-setup-screen{padding-bottom:calc(20px + env(safe-area-inset-bottom))}#player-setup-screen,#spectator-wait-screen,#duration-screen,#finals-duration-screen{--lang-picker-top-offset: 15px;--lang-picker-height: 30px;--lang-picker-gap: 18px}#player-setup-screen .player-setup-content,#spectator-wait-screen .spectator-container,#duration-screen .player-setup-content,#finals-duration-screen .player-setup-content{padding-top:calc(env(safe-area-inset-top,0px) + var(--lang-picker-top-offset) + var(--lang-picker-height) + var(--lang-picker-gap))}#continue-to-duration-btn{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:5;margin-top:12px}#player-setup-screen .lobby-title{color:var(--text-dark);font-size:2rem;font-weight:700;margin-top:0;margin-bottom:20px;display:block!important;visibility:visible!important}#player-setup-screen .player-setup-content{display:flex!important;visibility:visible!important;opacity:1!important;width:100%;max-width:500px;margin:0 auto;flex-direction:column;align-items:center;gap:14px}#duration-screen .player-setup-content,#finals-duration-screen .player-setup-content{display:flex;width:100%;max-width:500px;margin:0 auto;flex-direction:column;align-items:center;gap:14px}#privacy-screen .player-setup-content{display:flex;width:100%;max-width:740px;margin:0 auto;flex-direction:column;align-items:center;gap:14px}#lang-picker-setup.lang-picker-container,#lang-picker-wait.lang-picker-container,#lang-picker-duration.lang-picker-container,#lang-picker-finals.lang-picker-container,#lang-picker-privacy.lang-picker-container,#lang-picker-home.lang-picker-container{position:absolute;top:calc(env(safe-area-inset-top,0px) + 15px);left:50%;transform:translate(-50%);z-index:9999;display:flex;justify-content:center;width:auto;margin:0}#home-screen #copyright-text.copyright{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:500px;margin:0;pointer-events:none;z-index:3}#home-logo-toggle{cursor:pointer}#privacy-body{color:var(--text-dark);line-height:1.6}#privacy-body h3{margin:18px 0 8px}#privacy-body p{margin:10px 0}#privacy-body ul{margin:10px 0 10px 20px}@media(max-width:480px){#player-setup-screen{padding-top:0}#duration-screen,#finals-duration-screen{padding-top:24px}#player-setup-screen .lobby-title{margin:50px 0 8px}#duration-screen #duration-title{margin:0 0 8px}#player-setup-screen .lobby-title,#duration-screen .lobby-title{margin:8px 0}}#player-setup-form{display:flex}#player-setup-form.hidden{display:none}#player-list{display:block}#join-info-container{display:none}#join-info-container.visible{display:block!important;visibility:visible!important;opacity:1!important}body.dark-mode #player-setup-screen{background-color:#1c1c1e;color:#f2f2f7}body.dark-mode #player-setup-screen .lobby-title{color:#f2f2f7}.player-setup-content{display:flex;flex-direction:column;align-items:center;gap:0px;width:100%;overflow:visible}.custom-select{width:100%;padding:14px 16px;border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-color, #d5d5d5);font-size:16px;box-sizing:border-box;-webkit-appearance:none;appearance:none;background-color:#fff;color:#a0a0a0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;cursor:pointer}body:not(.dark-mode) #player-setup-form .custom-select{border-width:1px}body.dark-mode .custom-select{background-color:#3b3b3b;color:#8e8e93;border:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E")}.input{width:100%;padding:12px;border-radius:8px;border:1px solid #d5d5d5;font-size:16px;box-sizing:border-box;background-color:#fff;color:#6a6a6a}body.dark-mode .input{background-color:#3b3b3b;color:#8e8e93;border:none;-webkit-appearance:none;appearance:none}#join-name-input{color:#a0a0a0!important}body.dark-mode #join-name-input{color:#8e8e93!important}#player-name-input:-webkit-autofill,#player-name-input:-webkit-autofill:hover,#player-name-input:-webkit-autofill:focus,#player-name-input:-webkit-autofill:active,#join-name-input:-webkit-autofill,#join-name-input:-webkit-autofill:hover,#join-name-input:-webkit-autofill:focus,#join-name-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#a0a0a0;transition:background-color 9999s ease-in-out 0s}body.dark-mode #player-name-input:-webkit-autofill,body.dark-mode #player-name-input:-webkit-autofill:hover,body.dark-mode #player-name-input:-webkit-autofill:focus,body.dark-mode #player-name-input:-webkit-autofill:active,body.dark-mode #join-name-input:-webkit-autofill,body.dark-mode #join-name-input:-webkit-autofill:hover,body.dark-mode #join-name-input:-webkit-autofill:focus,body.dark-mode #join-name-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px #3B3B3B inset;box-shadow:0 0 0 1000px #3b3b3b inset;-webkit-text-fill-color:#8e8e93}.lang-picker-container{position:relative}.lang-picker-input{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:5px 8px;border-radius:6px;transition:background-color .2s}.lang-picker-input:hover{background-color:#f0f0f0}body.dark-mode .lang-picker-input:hover{background-color:#2c2c2e}.lang-picker-flag{width:24px;height:16px;border:1px solid #eee;border-radius:3px}.lang-picker-code{font-weight:700;font-size:14px;color:var(--text-dark)}body.dark-mode .lang-picker-code{color:#f2f2f7}.lang-picker-dropdown{position:absolute;top:100%;right:0;margin-top:5px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1001;overflow:hidden;display:none}body.dark-mode .lang-picker-dropdown{background-color:#1c1c1e;border-color:#545458}.lang-picker-dropdown.active{display:block}.lang-picker-item{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:background-color .2s}.lang-picker-item:hover{background-color:#f0f0f0}body.dark-mode .lang-picker-item:hover{background-color:#2c2c2e}#lang-picker-game{position:relative;z-index:10}#lang-picker-game .lang-picker-input:hover{background:#ffffff1a;transform:scale(1.05)}body.dark-mode #lang-picker-game .lang-picker-input:hover{background:#ffffff1a}#lang-picker-game .lang-picker-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:120px;box-shadow:0 8px 25px #0003;border-radius:12px}.birthday-picker-container{display:flex;gap:10px;width:100%}.birthday-picker-container select{flex:1;width:33.33%;padding:12px;border-radius:8px;border:2px solid #ddd;font-size:16px;box-sizing:border-box;background-color:#fff;color:var(--text-dark);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;cursor:pointer;outline:none;transition:border-color .2s}.input-group{display:flex;flex-direction:column;text-align:left}.input-group label{margin-bottom:5px;font-weight:700;color:var(--text-dark)}#player-setup-form input,#player-setup-form select{width:100%;padding:12px;border-radius:8px;font-size:16px;box-sizing:border-box;color:#a0a0a0!important}body.dark-mode #player-setup-form input,body.dark-mode #player-setup-form select{color:#8e8e93!important}#player-setup-form button{width:100%;box-sizing:border-box;background:var(--gradient-mid);color:#fff;border:none;padding:15px;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s}#player-setup-form button:active{transform:scale(.98)}.play-button{font-size:6vw;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));border:none;border-radius:100px;padding:13px clamp(28px,10vw,60px);cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:0 4px 15px var(--shadow-light);white-space:nowrap;max-width:calc(100% - 40px);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase}.play-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-dark)}.play-button:active{transform:scale(.98)}.play-button:disabled{opacity:.6;cursor:not-allowed}#player-list{list-style:none;padding:0;width:90%;max-width:400px;overflow-y:auto}#player-list li{background:#f0f0f0;color:var(--text-dark);padding:10px 15px;border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-weight:500}.remove-player-btn{background:var(--gradient-end);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-weight:700;cursor:pointer;line-height:24px}#add-player-notification{color:var(--theme-pink);font-weight:700;max-height:0;opacity:0;transition:all .3s ease;margin:0;padding:0;overflow:hidden}#add-player-notification.visible{max-height:5em;opacity:1;padding:5px 0}#player-list{min-height:100px;transition:all .3s ease-in-out}#player-list:empty{display:flex;justify-content:center;align-items:center;color:#ccc;font-style:italic}#player-list:empty:before{content:attr(data-empty-text)}#duration-title{color:var(--text-dark);font-size:2rem;font-weight:700;margin-top:0;margin-bottom:20px;text-align:center}body.dark-mode #duration-title{color:#f2f2f7}#duration-screen .lang-indicator,#player-setup-screen .lang-indicator,#finals-duration-screen .lang-indicator{position:static;color:var(--text-dark)}#duration-options,#finals-duration-options{display:flex;flex-direction:column;gap:15px;width:65%;max-width:400px;margin:0 auto}.duration-btn{background:#fff;border:2px solid var(--gradient-mid);color:var(--gradient-mid);padding:12px 12px 15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000001a}.duration-btn:hover{background:#8a2be21a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.duration-btn.selected{background:var(--gradient-mid);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be24d}body.dark-mode .duration-btn{background:#2c2c2e;border-color:var(--gradient-mid);color:var(--gradient-mid)}#duration-screen #start-game-btn{margin-top:20px}body.dark-mode .duration-btn:hover{background:#8a2be233}.back-button{background:transparent;border:2px solid #ccc;color:#666;padding:10px 30px;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:20px}.back-button:hover{background:#f0f0f0;border-color:#999}#email-signin-btn:hover,body.dark-mode #email-signin-btn:hover{background-image:linear-gradient(to right,#07f6fe,#8731f0,#f205fd);color:#fff;border-color:transparent}body.dark-mode .back-button{color:#ccc;border-color:#666}body.dark-mode .back-button:hover{background:#333;border-color:#999}#game-screen{perspective:1500px;justify-content:flex-start;padding:10px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));min-height:0}.game-header{display:flex;justify-content:space-between;align-items:stretch;width:100%;max-width:450px;margin-bottom:10px;flex-shrink:0;gap:10px}#current-player-display,#game-timer-display{color:#fff;background:#0003;padding:10px 20px;border-radius:20px;font-size:1.1rem;font-weight:700;flex:1;display:flex;justify-content:center;align-items:center;text-transform:none}#game-timer-display{position:relative}#game-timer-time{position:relative;z-index:1}.game-paused-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}#game-timer-display.paused{animation:flash-paused 1.5s infinite alternate}@keyframes flash-paused{0%{background-color:#ff3b30b3}to{background-color:#0003}}#game-timer-display.time-warning{background-color:#ff9500b3!important;animation:pulse-warning 1s infinite alternate}#game-timer-display.time-expired{background-color:#ff3b30cc!important;animation:flash-expired .5s infinite alternate}@keyframes pulse-warning{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes flash-expired{0%{opacity:1}to{opacity:.6}}@keyframes countdown-alarm-shake{0%{transform:translateZ(0) rotate(0) scale(1)}6%{transform:translate3d(-2px,0,0) rotate(-1deg) scale(1.02)}12%{transform:translate3d(2px,0,0) rotate(1deg) scale(1.03)}18%{transform:translate3d(-3px,0,0) rotate(-1.4deg) scale(1.03)}24%{transform:translate3d(3px,0,0) rotate(1.4deg) scale(1.03)}30%{transform:translate3d(-3px,0,0) rotate(-1.8deg) scale(1.04)}36%{transform:translate3d(3px,0,0) rotate(1.8deg) scale(1.04)}48%{transform:translate3d(-2px,0,0) rotate(-1.2deg) scale(1.03)}60%{transform:translate3d(2px,0,0) rotate(1.2deg) scale(1.03)}72%{transform:translate3d(-1px,0,0) rotate(-.6deg) scale(1.02)}84%{transform:translate3d(1px,0,0) rotate(.6deg) scale(1.01)}to{transform:translateZ(0) rotate(0) scale(1)}}@keyframes countdown-alarm-shadow-flash{0%{box-shadow:0 10px 30px var(--shadow-dark)}50%{box-shadow:0 0 18px 6px #8a2be238}to{box-shadow:0 0 18px 6px #8a2be27a}}.card.countdown-expired-alarm{animation:countdown-alarm-shake 1.5s ease-out both}.card.countdown-expired-alarm .card-face{animation:countdown-alarm-shadow-flash .14s linear infinite alternate}#game-timer-display.countdown-expired-alarm{box-shadow:0 0 18px 6px #8a2be240;animation:flash-expired .5s infinite alternate,countdown-alarm-shadow-flash .14s linear infinite alternate}.card.countdown-expired-alarm .card-countdown-display{box-shadow:0 0 18px 6px #8a2be22e;animation:countdown-alarm-shadow-flash .14s linear infinite alternate}.card{width:90vw;max-width:450px;position:relative;background-color:transparent;flex-grow:1;min-height:0}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.68,-.55,.27,1.55)}.card.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-color:var(--card-bg);border-radius:25px;box-shadow:0 10px 30px var(--shadow-dark);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 20px 25px;box-sizing:border-box}.card-front{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:flex-start;padding:10px 20px 20px;height:100%;box-sizing:border-box;position:relative}.card-back{transform:rotateY(0)}.card-back .logo-img{width:75%;height:auto;max-width:300px}body:has(#game-screen) .theme-toggle{display:none}.card-countdown-display{padding:10px 20px;margin:10px 0;text-align:center;background-color:#fff;border-radius:12px}.card-countdown-display.hidden{display:none}.countdown-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-dark);opacity:.7}body.dark-mode .countdown-label{color:#a0a0a0}body.dark-mode .card-countdown-display{background-color:#181a1b}.countdown-time{display:block;font-size:2.2rem;font-weight:700;color:var(--text-dark);letter-spacing:1px}body.dark-mode .countdown-time{color:#fff}.countdown-warning{color:#db3232!important}.card-top-bar{width:100%;display:flex;justify-content:space-between;align-items:center}.gradient-text{background-image:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:900;display:inline-block}#card-text-modal .gradient-text{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));display:inline-block;-webkit-background-clip:text;background-clip:text;color:transparent}.card-title-front{font-size:12vw;margin-top:5px;margin-bottom:5px;flex-shrink:0}.card-text{color:var(--text-dark);font-size:5.5vw;font-weight:500;line-height:1.6;flex-grow:1;padding:10px;overflow-y:auto;cursor:pointer;width:100%;box-sizing:border-box;text-align:center}.card-text::-webkit-scrollbar{width:8px}.card-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.card-text::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.card-text::-webkit-scrollbar-thumb:hover{background:#aaa}#group-dare-controls.hidden,#action-btn.hidden,#skip-player-btn.hidden,#add-player-icon-btn.hidden{display:none!important}#group-dare-controls input{width:100px;text-align:center;padding:10px;border-radius:8px;border:2px solid #ddd;font-size:18px}#group-dare-controls button{width:auto;padding:10px 30px;font-size:16px;background-color:var(--gradient-mid)}.card-buttons{width:100%;display:flex;flex-direction:column;flex-shrink:0;margin-top:auto;gap:1rem;position:relative}.skip-confirm-popup{position:absolute;left:50%;bottom:var(--skip-confirm-bottom, 112px);width:min(360px,92%);transform:translate3d(-50%,var(--skip-confirm-slide-y, 28px),0);opacity:0;pointer-events:none;z-index:2;background:var(--card-bg);border-radius:16px;box-shadow:0 10px 30px var(--shadow-dark);padding:12px 12px 10px;transition-property:transform,opacity;transition-duration:.26s,.22s;transition-timing-function:ease-in-out,ease-in-out}body.dark-mode .skip-confirm-popup{background:#181a1b}.skip-confirm-popup.is-visible{transform:translate3d(-50%,0,0);opacity:1;pointer-events:auto}.skip-confirm-text{font-size:.95rem;line-height:1.35;color:var(--text-dark);margin:0}body.dark-mode .skip-confirm-text{color:#f2f2f7}.skip-confirm-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:12px}.skip-confirm-btn{width:100%;max-width:260px;padding:10px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#0000000f;color:var(--text-dark);font-weight:700;font-size:.95rem;cursor:pointer}body.dark-mode .skip-confirm-btn{border-color:#ffffff24;background:#ffffff14;color:#f2f2f7}#action-btn,#skip-player-btn{position:relative;z-index:3}.game-button{width:100%;padding:15px 20px;border-radius:15px;border:none;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:0 4px 10px var(--shadow-light);text-transform:uppercase;display:flex;justify-content:center;align-items:center}.dot-gradient-dash-text{background-image:radial-gradient(rgba(255,255,255,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--gradient-mid),var(--gradient-end));background-size:8px 8px,100% 100%;background-position:0 0,0 0}.gradient-start-to-mid{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid))}.game-button:disabled{cursor:not-allowed;opacity:.6}.game-button:active{transform:scale(.98);box-shadow:0 2px 5px var(--shadow-light)}.skip-btn{background:linear-gradient(90deg,var(--gradient-mid),var(--gradient-end))}.next-player-btn{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end))}.countdown-btn{background:var(--gradient-mid)}.challenge-result-buttons{display:flex;gap:10px;width:100%}#challenge-result-buttons.hidden{display:none!important}#challenge-success-btn,#challenge-fail-btn,#bonus-success-btn,#bonus-fail-btn{font-size:1.8rem;color:#fff}.challenge-result-buttons .skip-btn{font-size:4.5vw}#success-btn{background-color:#00bfff}#fail-btn,#challenge-fail-btn,#bonus-fail-btn{background-color:#f250d7}#challenge-success-btn,#bonus-success-btn{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid))}.skip-btn{background:#8e8e93}.card-icon-btn{background:none;border:none;padding:0;cursor:pointer;color:#ccc;transition:all .2s ease;font-size:24px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;box-sizing:border-box;text-decoration:none}.card-icon-btn:hover{color:var(--text-dark)}.lang-indicator{font-size:12px;font-weight:700;color:#ccc;cursor:pointer;justify-self:end}#card-vote-no-btn{background-color:#fe00ff}#card-vote-yes-btn{background-color:#01ffff}.vote-count{margin-left:10px;min-width:1.6em;text-align:center;font-weight:800;font-size:1.1rem;line-height:1}@keyframes vote-pop{0%{transform:scale(1)}60%{transform:scale(1.25)}85%{transform:scale(1.1)}to{transform:scale(1)}}.vote-pop{animation:vote-pop .22s ease-out}.vote-yes-btn.vote-leading{box-shadow:0 0 14px var(--gradient-start)}.vote-no-btn.vote-leading{box-shadow:0 0 14px var(--gradient-end)}.lang-indicator .lang-en.active,.lang-indicator .lang-fr.active{color:var(--text-dark);text-decoration:underline}.flashing-border .card-face{animation:flash-pulse .25s infinite alternate}@keyframes flash-pulse{0%{box-shadow:0 0 15px 8px #ff736ee6,0 0 25px 12px #ff736ee6}to{box-shadow:0 0 25px 12px #d00e07e6,0 0 40px 20px #d00e07e6}}.modal-overlay,.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;transition:opacity .3s ease;opacity:1;pointer-events:all}.modal.hidden,.modal-overlay.hidden{display:none;opacity:0;pointer-events:none}.modal-content{background:#fff;padding:30px;border-radius:20px;width:90%;max-width:400px;max-height:calc(100vh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;border:none;box-shadow:0 6px 28px #00000073;transform:scale(.9);transition:transform .3s ease,box-shadow .2s ease;will-change:transform,opacity}.modal:not(.hidden):not(#broadcast-modal) .modal-content{animation:broadcast-pop .52s cubic-bezier(.16,1,.3,1) both}.challenge-result-modal .modal-content,.modal.challenge-result .modal-content,.modal-content.challenge-result{border:none}body:not(.dark-mode) .modal-content{box-shadow:0 6px 28px #00000073}body.dark-mode .modal-content{box-shadow:0 6px 28px #ffffff0f}.modal-title{color:var(--text-dark);font-size:1.8rem;margin-bottom:15px;font-weight:700}.modal-description{color:var(--text-dark);font-size:1rem;margin-bottom:20px;line-height:1.5}hr.recruiter-modal-separator{width:50%}.recruiter-modal-logo{width:160px;height:auto}p#recruiter-modal-slogan{font-style:italic;text-align:center;margin-top:3px;font-size:1rem}@media(max-width:420px){.modal-content{padding:18px;max-height:calc(100vh - 20px)}#add-player-modal{align-items:flex-start;padding-top:calc(env(safe-area-inset-top) + 5px);box-sizing:border-box}#add-player-modal .modal-content{margin-top:0}.recruiter-modal-logo{width:120px}p#recruiter-modal-slogan{margin-top:2px;font-size:.95rem}hr.recruiter-modal-separator{width:60%}}@media(max-width:600px){#add-player-modal{align-items:flex-start;padding-top:calc(env(safe-area-inset-top) + 5px);box-sizing:border-box}}h2#add-player-modal-title,p#add-player-modal-description{text-align:center}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2.5rem;color:#aaa;cursor:pointer;line-height:1}.modal-close-btn:hover{color:#333}.invite-link-container{display:flex;gap:10px;margin-bottom:20px}.invite-link-input{flex:1;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;background-color:#f9f9f9;color:var(--text-dark)}.invite-instructions{font-weight:900;text-align:center;text-transform:uppercase}.copy-btn.is-copied{background:var(--gradient-mid);color:#fff}.group-dare-inline-container{width:100%;margin:0;padding:10px;text-align:center;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.group-dare-proposal-instructions{color:var(--text-dark);font-size:5.5vw;font-weight:500;line-height:1.5;flex-grow:1;padding:10px;overflow-y:auto;cursor:pointer;width:100%;box-sizing:border-box;text-align:center;margin:0 0 12px;font-family:inherit}.group-dare-proposal-mode{display:flex;gap:12px;margin:0 0 10px;justify-content:center}.group-dare-proposal-mode-option{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text-dark);-webkit-user-select:none;user-select:none}body.dark-mode .group-dare-proposal-mode-option{color:#f2f2f7}.group-dare-proposal-picker{margin:0 0 10px}.group-dare-proposal-picker label{display:block;font-weight:700;color:var(--text-dark);margin-bottom:8px;text-align:center}body.dark-mode .group-dare-proposal-picker label{color:#f2f2f7}.group-dare-proposal-picker input[type=range]{width:100%}.group-dare-countdown-time{display:flex;align-items:center;justify-content:center;gap:8px}.group-dare-countdown-separator{font-weight:800;color:var(--text-dark);-webkit-user-select:none;user-select:none}body.dark-mode .group-dare-countdown-separator{color:var(--text-light)}.time-wheel{--wheel-item-height: 36px;width:84px;height:calc(var(--wheel-item-height) * 5);padding:calc(var(--wheel-item-height) * 2) 0;border:2px solid #ddd;border-radius:10px;background-color:#f9f9f9;color:var(--text-dark);box-sizing:border-box;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;text-align:center;position:relative;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.time-wheel::-webkit-scrollbar{display:none}.time-wheel:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--wheel-item-height);border-top:2px solid var(--gradient-mid);border-bottom:2px solid var(--gradient-mid);pointer-events:none}.time-wheel.is-disabled{opacity:.6;pointer-events:none}.time-wheel-item{height:var(--wheel-item-height);line-height:var(--wheel-item-height);scroll-snap-align:center;font-size:14px;font-weight:800;color:var(--text-dark);-webkit-user-select:none;user-select:none;opacity:.55;transform:scale(.98);transition:opacity .12s ease,transform .12s ease}.time-wheel-item.is-selected{opacity:1;transform:scale(1.06);color:var(--gradient-mid)}body.dark-mode .time-wheel{background-color:#1f1f1f;border-color:#333;color:var(--text-light)}body.dark-mode .time-wheel-item{color:var(--text-light)}.group-dare-proposal-picker input[type=number]{width:84px;padding:10px;border:2px solid #ddd;border-radius:10px;font-size:14px;background-color:#f9f9f9;color:var(--text-dark);box-sizing:border-box;text-align:center}body.dark-mode .group-dare-proposal-picker input[type=number]{background-color:#1f1f1f;border-color:#333;color:var(--text-light)}.group-dare-proposal-textarea{width:100%;resize:none;overflow:hidden;padding:12px;border:2px solid #ddd;border-radius:10px;font-size:14px;background-color:#f9f9f9;color:var(--text-dark);margin-bottom:10px;box-sizing:border-box;font-family:Inter,sans-serif}body.dark-mode .group-dare-proposal-textarea{background-color:#1f1f1f;border-color:#333;color:var(--text-light)}.group-dare-vote-options{display:flex;flex-direction:column;gap:10px;margin:0 0 10px}.group-dare-vote-option-btn{width:100%;text-align:left;background:linear-gradient(90deg,var(--gradient-mid),var(--gradient-end));box-shadow:0 4px 10px var(--shadow-light);text-transform:none;line-height:1.15}.group-dare-vote-option-text{font-size:1rem;font-weight:800;color:#fff;text-transform:uppercase}.group-dare-vote-option-meta{margin-top:6px;font-size:.9rem;font-weight:600;color:#ffffffeb;text-transform:none}body.dark-mode .group-dare-vote-option-btn{box-shadow:0 4px 10px var(--shadow-dark)}#group-dare-proposal-submit-btn.game-button{background:linear-gradient(90deg,var(--gradient-mid),var(--gradient-end))!important}#join-info-container.join-info-card{width:100%;max-width:500px;background:#fff;border:1px solid #eee;border-radius:16px;padding:16px;margin:10px 0 20px}.share-link-title{color:var(--text-dark);font-size:1rem;font-weight:700;margin:0 0 10px;text-align:center}.join-link-container{display:flex;gap:10px;align-items:stretch;margin-bottom:10px;flex-wrap:nowrap}.join-link-input{flex:1;min-width:0;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;background-color:#f9f9f9;color:var(--text-dark)}#qr-code-container.qr-code-container{min-height:150px;margin:10px 0 0}body.dark-mode #join-info-container.join-info-card{background-color:transparent;border-color:#2c2c2e}body.dark-mode .join-link-input{background-color:#3b3b3b;color:#f2f2f7;border:1px solid #545458}body.dark-mode .share-link-title{color:#f2f2f7}@media(max-width:480px){.join-link-input{font-size:12px;padding:10px 12px}.copy-btn{padding:10px 14px;white-space:nowrap}}.copy-btn{padding:12px 20px;background-color:#d5d5d5;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .2s}body.dark-mode .copy-btn{background-color:#8e8e93}.copy-btn:active{transform:scale(.95)}.qr-code-container{display:flex;justify-content:center;align-items:center;min-height:150px;margin:10px 0}.leaderboard-box{border:1px solid #eee;border-radius:12px;padding:10px}.broadcast-modal-content{background:#fff;padding:30px;border-radius:20px;box-sizing:border-box;width:90vw;max-width:450px;position:relative;box-shadow:#ba1aee33 0 0 18px 6px;text-align:center;will-change:transform,opacity}.broadcast-modal-content.broadcast-appear{animation:broadcast-pop .52s cubic-bezier(.16,1,.3,1) both}@keyframes broadcast-pop{0%{opacity:0;transform:translateY(8px) scale(.86)}60%{opacity:1;transform:translateY(0) scale(1.06)}82%{transform:translateY(0) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.broadcast-modal-content.broadcast-appear{animation:none}.modal:not(.hidden):not(#broadcast-modal) .modal-content{animation:none}}.broadcast-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:15px}.broadcast-emoji{font-size:3rem}.broadcast-title{color:var(--text-dark);font-size:1.8rem;font-weight:700;margin:0}.broadcast-message{color:var(--text-dark);font-size:1.1rem;line-height:1.5;margin:10px 0;text-align:center;white-space:pre-line}body.dark-mode .modal-content,body.dark-mode .broadcast-modal-content{background-color:#181a1b}body.dark-mode .broadcast-modal-content{box-shadow:#ba1aee33 0 0 18px 6px}body.dark-mode .modal-title,body.dark-mode .modal-description,body.dark-mode .broadcast-title,body.dark-mode .broadcast-message,body.dark-mode .leaderboard-list li,body.dark-mode .modal-close-btn{color:#f2f2f7}body.dark-mode .modal-close-btn:hover{color:#fff}body.dark-mode .invite-link-input{background-color:#3b3b3b;color:#f2f2f7;border-color:#545458}body.dark-mode .leaderboard-list li{border-bottom-color:#3b3b3b}#modal-qr-code{display:flex;text-align:center;margin-top:15px}.qr-code-wrapper img{display:block;width:150px!important;height:150px!important;margin:10px auto}#recruit-description{color:var(--text-dark);text-align:left}body.dark-mode #recruit-description{color:#c4c4c4}#elevenlabs-audionative-widget{margin-top:15px}.modal-overlay.visible .modal-content{transform:scale(1)}.animate-pop{animation-name:animate-pop;animation-timing-function:cubic-bezier(.26,.53,.74,1.48);animation-duration:.5s}@keyframes animate-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2.5rem;color:#aaa;cursor:pointer}#broadcast-close-btn{background-color:#8a2be2}#broadcast-title{font-size:1.8rem}#new-player-form,#leaderboard-modal-content{display:flex;flex-direction:column;gap:15px}#new-player-form button{background:var(--gradient-mid);color:#fff;border:none;padding:15px;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;margin-top:10px}#new-player-form input,#new-player-form select{width:100%;padding:12px;border-radius:8px;border:2px solid #ddd;font-size:16px;box-sizing:border-box}#modal-join-info-container p{color:var(--text-dark);padding:0;margin-bottom:15px;font-weight:bolder;text-align:left}.leaderboard-list{list-style:none;padding:0;max-height:50vh;overflow-y:auto}.leaderboard-list li{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #eee;color:var(--text-dark);font-size:1.1rem}.leaderboard-list li.leader{font-weight:900;font-size:1.3rem}.leaderboard-list li.leader .player-name{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}.leaderboard-list li.leader .player-score{color:var(--gradient-mid);font-weight:700}.leaderboard-list .player-score{font-weight:700}#challenge-check-modal .modal-content,#bonus-check-modal .modal-content{text-align:center}#challenge-check-title{font-size:2rem;margin-bottom:15px}#lang-indicator-challenge,#lang-indicator-bonus{position:absolute;top:15px;right:20px;color:#ccc}#challenge-check-text,#bonus-check-text{color:var(--text-dark);font-size:1.2rem;line-height:1.6;margin:10px 0;padding-top:15px;font-weight:550}#challenge-check-description{color:#555;font-style:italic;font-size:1.1rem;margin-bottom:20px}#new-winner-screen{padding:10px 20px calc(20px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}#new-winner-screen .winner-modal{background:#fff;border-radius:25px;padding:20px;width:90vw;max-width:450px;margin:20px auto;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;box-sizing:border-box;box-shadow:0 0 24px 8px #ba1aee59;height:auto;flex-shrink:0}#player-name-input{color:#a0a0a0!important}body.dark-mode #player-name-input{color:#8e8e93!important}.winner-header-icons{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.winner-header-icons #final-leaderboard-btn{color:#ccc}.winner-header-icons .home-center-btn{color:#ccc;position:absolute;left:50%;transform:translate(-50%)}body:not(.dark-mode) #new-winner-screen .gradient-text{text-shadow:none}.winner-header-icons .lang-indicator{color:#ccc;justify-self:end}.winner-header-icons .lang-indicator .lang-en.active,.winner-header-icons .lang-indicator .lang-fr.active{color:var(--text-dark)}.winner-modal h2{font-size:2.2rem;margin:0}.winner-modal h3{font-size:1.8rem;margin:0 0 10px}.winner-modal p{color:var(--text-dark);font-size:1.25rem;line-height:1.5;margin:5px 0}#winner-prize-message{font-weight:700}.winner-modal .winner-buttons{width:100%;display:flex;flex-direction:column;gap:15px;margin-top:20px}#share-btn{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end))}#share-btn .share-icon{width:20px;height:20px;vertical-align:middle;margin-left:10px}.trustpilot-btn{background:#fff!important;color:#1c1c1e!important;border:3px solid #00b67a!important;box-sizing:border-box;box-shadow:0 4px 15px #00b67a26!important;text-decoration:none;font-size:1rem!important;text-transform:none!important;white-space:nowrap;display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;padding:12px 10px!important}.trustpilot-star-img{width:32px;height:32px;margin-left:1.5px;margin-right:-1px;object-fit:contain;vertical-align:baseline;transform:translateY(-3.5px)}body.dark-mode .trustpilot-btn{background:#181a1b!important;color:#eee!important;box-shadow:0 4px 20px #00b67a4d!important}.trustpilot-btn .cta-text{font-weight:400;margin-right:0}.trustpilot-btn .wordmark-text{font-weight:700;color:#191919!important}body.dark-mode .trustpilot-btn .wordmark-text{color:#fff!important}.trustpilot-pulse-wrapper{width:100%;animation:trustpilot-pulse 2.67s infinite ease-in-out;will-change:transform;display:flex;justify-content:center;align-items:center}@keyframes trustpilot-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}#new-winner-screen .logo-img{max-width:150px;margin:10px 0}.pyro{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.pyro>.before,.pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards}.pyro>.after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang{to{box-shadow:-222px -168px #f70,240px -13px #0026ff,-221px -13px #00f,-192px -11px #4800ff,139px -153px #00ff15,-191px 119px #0048ff,181px 96px #26ff00,93px -149px #ff6e00,-248px -10px #0026ff,213px -123px #a0f,-84px -13px #ff4800,100px -101px #2fff00,133px 186px #ff8c00,-101px 135px #0fb,-24px 174px #4cff00,-133px -148px #00ff80,-13px -188px #0091ff,17px -142px #f0c,-223px -93px #ff5e00,-212px -199px #02f,-145px 129px #5e00ff,15px -22px #ff004c,-244px 158px #ff00bf,-126px 81px #f60,124px -192px #f40,-114px -101px #00ff0d,118px 4px #d400ff,230px -4px #f200ff,-192px -128px #ff5e00,-150px -25px #00d4ff,-102px -249px #0080ff,-12px 105px #ff7300,-93px 84px #0019ff,214px 158px #3700ff,213px -14px #ff0900,192px -235px #009dff,-222px 184px #20f,-118px 122px #ff00d0,-193px 113px #8c00ff,-124px -165px #00e5ff,138px -12px #0095ff,10px 101px #f01,-196px 147px #9d00ff,-12px 13px #0062ff,134px 85px #ff00ae,215px 141px #f20,96px 87px #ff9100,-111px -205px #00ff62,81px 110px #ff3700}}@keyframes gravity{to{transform:translateY(200px);opacity:0}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@media(min-width:600px){.slogan{font-size:30px}.play-button,#play-btn{font-size:36px}.card-title-front{font-size:75px}.card-text,.group-dare-proposal-instructions{font-size:28px}.game-button,.challenge-result-buttons .skip-btn{font-size:24px}.winner-modal h2{font-size:48px}.winner-modal h3{font-size:36px}.winner-modal p{font-size:22px}}.spectator-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;padding:20px;box-sizing:border-box;gap:40px;overflow:hidden}.spectator-animation-wrapper{position:relative;width:100%;max-width:900px;height:auto;overflow:visible;flex-shrink:1;flex-grow:1;max-height:70vh;aspect-ratio:16 / 9}.spectator-animation-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent}.spectator-message-container{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;max-width:600px;width:100%;flex-shrink:0}@media(max-width:768px){.spectator-container{gap:20px;padding:60px 10px 20px;height:100vh;justify-content:flex-start;overflow:hidden}.spectator-animation-wrapper{max-width:100%;width:100%;flex-shrink:1;flex-grow:1;min-height:0;max-height:65vh;overflow:visible}.spectator-message{font-size:1rem;line-height:1.3}.spectator-message-container{gap:12px;padding:0 10px}.back-button{font-size:.9rem;padding:10px 18px}}.spectator-message{font-size:1rem;font-weight:700;color:var(--text-dark);margin:0;line-height:1.4}body.dark-mode .spectator-message{color:var(--text-light)}.wait-screen-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#fff}.animation-wrapper{position:relative;width:90vw;max-width:1500px;overflow:hidden;padding-top:75%}.wait-screen-animation{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.wait-screen-overlay{position:absolute;top:15%;left:50%;transform:translate(-50%);width:90%;text-align:center;color:var(--text-dark);font-size:.8rem}#group-dare-controls{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%;margin:20px 0;padding:20px;box-sizing:border-box;background-color:#f7f7f7;border-radius:15px}#group-dare-controls label{color:var(--text-dark);font-weight:700;font-size:1rem}#group-dare-controls span{font-weight:700;color:var(--gradient-mid);font-size:1.2rem}#group-dare-controls input[type=range]{width:90%;cursor:pointer;-webkit-appearance:none;appearance:none;height:8px;background:#ddd;border-radius:5px;outline:none}#group-dare-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--gradient-mid);border-radius:50%}#group-dare-controls input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--gradient-mid);border-radius:50%;border:none}#challenge-check-buttons .game-button{position:relative;overflow:hidden;color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:3rem;margin-bottom:1rem}#challenge-fail-btn{background:linear-gradient(90deg,#f250d7,var(--gradient-end))}#challenge-check-buttons .game-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65px;height:45px;background-color:#ffffffd9;border-radius:8px;z-index:-1}.theme-toggle{position:fixed;top:20px;left:50%;transform:translate(-50%) scale(.8);transform-origin:top center;z-index:2000;cursor:pointer;-webkit-tap-highlight-color:transparent}body.in-game .theme-toggle,body:has(#new-winner-screen) .theme-toggle,body:has(#finals-duration-screen) .theme-toggle,body:has(#player-setup-screen) .theme-toggle{display:none}.theme-toggle input{display:none}.toggle-slider{display:block;width:52px;height:32px;background-color:#e9e9ea;border-radius:32px;transition:background-color .3s}.toggle-slider:before{content:"";display:block;width:28px;height:28px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;position:relative;top:2px;left:2px;transition:transform .3s}.theme-toggle input:checked+.toggle-slider{background-color:#525252}.theme-toggle input:checked+.toggle-slider:before{transform:translate(20px)}#card-type{cursor:pointer;display:block;width:100%;max-width:100%;box-sizing:border-box;padding-left:16px;padding-right:16px;text-align:center;white-space:nowrap;overflow:hidden}#player-setup-form input,.birthday-picker-container select,#new-player-form input,#new-player-form select{background-color:#fff;color:#6a6a6a;border-color:#ddd}#player-setup-form input::placeholder,#new-player-form input::placeholder{color:#a0a0a0}.birthday-picker-container select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E")}#player-birthday-picker-container-label,#new-player-birthday-picker-container-label{display:block;text-align:left;margin-bottom:5px;font-weight:700;color:#a0a0a0}body.dark-mode #player-birthday-picker-container-label,body.dark-mode #new-player-birthday-picker-container-label{color:#cccc}body.dark-mode #home-screen,body.dark-mode #player-setup-screen,body.dark-mode #duration-screen,body.dark-mode #finals-duration-screen,body.dark-mode .country-picker-dropdown,body.dark-mode #spectator-wait-screen{background-color:#1c1c1e}body.dark-mode p,body.dark-mode .slogan,body.dark-mode .copyright,body.dark-mode .country-picker-item,body.dark-mode .country-picker-no-results,body.dark-mode .leaderboard-list li,body.dark-mode .player-setup-content p,body.dark-mode #spectator-wait-message,body.dark-mode #finals-players-display,body.dark-mode .input-group label,body.dark-mode .back-button{color:#f2f2f7}body.dark-mode .leaderboard-box{border-color:#3b3b3b}body.dark-mode #finals-players-display{color:#fff}body.dark-mode #player-setup-form input,body.dark-mode .birthday-picker-container select,body.dark-mode #new-player-form input,body.dark-mode #new-player-form select,body.dark-mode #join-link-input{background-color:#3b3b3b;color:#8e8e93;border:none!important;-webkit-appearance:none;appearance:none}body.dark-mode #player-setup-form input::placeholder,body.dark-mode #new-player-form input::placeholder{color:#8e8e93}body.dark-mode .birthday-picker-container select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E")}body.dark-mode #player-list:empty{color:#636366}body.dark-mode .card-face,body.dark-mode .modal-content,body.dark-mode #new-winner-screen .winner-modal{background-color:#181a1b;box-shadow:0 0 30px 10px #fe00ff66;height:auto}body.dark-mode #card-text-content,body.dark-mode .group-dare-proposal-instructions{color:#d2d2d2}body.dark-mode #duration-title{color:#ccc}body.dark-mode .duration-btn{background-color:#1c1c1e;color:#5a1599;border:2px solid #5a1599}body.dark-mode .duration-btn.selected{background:var(--gradient-mid);color:#fff;border-color:var(--gradient-mid)}body.dark-mode .lang-indicator{color:#9e9e9e}body.dark-mode .lang-indicator .lang-en.active,body.dark-mode .lang-indicator .lang-fr.active{color:#f2f2f7}body.dark-mode .country-picker-item:hover{background-color:#3b3b3b}body.dark-mode #player-list li{background-color:#3b3b3b;border:none;color:#f2f2f7}body.dark-mode .modal-content .close-btn{color:#f2f2f7}body.dark-mode .modal-content input[type=text]{background-color:#3b3b3b;color:#f2f2f7;border:1px solid #545458;border-radius:4px;padding:8px}body.dark-mode .copy-button,body.dark-mode #copy-lobby-link-btn{background-color:#3b3b3b;color:#f2f2f7;border:1px solid #545458;border-radius:4px}body.dark-mode #modal-join-info-container p{color:#c4c4c4}body.dark-mode #winner-score-message,body.dark-mode #winner-name-display{color:#d4d4d4}body.dark-mode #broadcast-text{color:#c3beb6!important}body.dark-mode #card-voting-prompt{color:#f2f2f7}body.dark-mode .skip-btn{background:#313131}body.dark-mode #join-link-input{background:#313131;color:#aaa;border:2px solid #d5d5d5}body.dark-mode #add-players-title{color:#ccc}body.dark-mode #join-info-container p{color:#ccc!important}body.dark-mode #challenge-check-text,body.dark-mode #challenge-check-description{color:#e0e0e0}#new-winner-screen{color:#fff;justify-content:center;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:calc(32px + env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}@media(max-height:750px){#new-winner-screen{justify-content:flex-start}}.winner-content-box,.winner-summary-card,.completed-challenge-item{background-color:var(--card-bg);color:var(--text-dark);padding:30px;border-radius:15px;box-shadow:0 8px 25px var(--shadow-dark);margin-bottom:30px;text-shadow:none}body.dark-mode .winner-content-box,body.dark-mode .winner-summary-card,body.dark-mode .completed-challenge-item{background-color:var(--card-bg);color:var(--text-dark)}#leaderboard-title{font-size:1.5rem}.card-face-back{display:flex;flex-direction:column;justify-content:space-between;padding:20px;height:100%;box-sizing:border-box}#card-text-content{flex-grow:1;overflow-y:auto;margin-bottom:15px}#standard-controls,#voting-controls,#group-dare-controls{flex-shrink:0;width:100%}.countdown-label{font-size:1.1rem;font-weight:500;opacity:.8;margin-bottom:5px}#card-voting-prompt{font-weight:700;margin-bottom:20px;color:#333;font-size:1.1rem}#card-voting-challenge-text{font-style:italic;margin:-10px 0 14px;text-align:center}#card-voting-accepted-at{margin:-8px 0 10px;text-align:center;font-size:.95rem;opacity:.75}.voting-buttons-row{display:flex;flex-direction:row;justify-content:center;gap:15px;width:100%}.voting-buttons-row .game-button{flex-grow:1;max-width:150px;padding:12px 20px;line-height:1}.voting-buttons-row .game-button i{font-size:1.8rem;vertical-align:middle;color:#fff}#voting-controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;flex-shrink:0}#voting-controls .action-btn-secondary{flex-grow:1;max-width:150px}.lobby-title{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-color);margin:20px 0;text-align:center}.join-info-card{display:none;background:var(--card-background);border-radius:var(--border-radius-md, 12px);padding:24px;width:90%;max-width:400px;margin:0 auto;box-shadow:var(--shadow-md);text-align:center;box-sizing:border-box}.join-info-card.visible{display:block}.share-link-title{color:var(--text-primary);margin:0 0 16px;font-weight:600;font-size:var(--font-size-md)}.join-link-container{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:nowrap}.join-link-input{flex-grow:1;min-width:0;padding:12px 16px;border-radius:8px;border:2px solid #d5d5d5;font-size:12px;background:var(--input-background);color:var(--text-primary);font-family:Courier New,monospace}.join-link-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.copy-btn:hover{background:var(--gradient-mid);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.copy-btn:active{transform:translateY(0)}.host-setup-container{display:none;width:90%;max-width:400px;margin:0 auto;position:relative;box-sizing:border-box;padding:0}.host-setup-container.visible{display:flex;flex-direction:column;gap:16px}.host-setup-fields-row{display:flex;gap:16px;width:100%;position:relative;z-index:1;box-sizing:border-box}.host-setup-fields-row .form-field{flex:1;min-width:0}.host-setup-popup{position:absolute;left:0;right:0;top:-8px;transform:translateY(-100%);z-index:20;padding:10px 12px;border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-color, #d5d5d5);background:var(--input-background, #fff);color:var(--text-primary, #6a6a6a);font-size:var(--font-size-sm, 14px);line-height:1.25;text-align:left;box-shadow:var(--shadow-sm, 0 4px 15px var(--shadow-light))}body.dark-mode .host-setup-popup{background:#3b3b3b;color:#8e8e93;border:none}.qr-code-container{text-align:center;margin-top:8px}.qr-code-container canvas{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.player-setup-form,#player-setup-form{display:flex;flex-direction:column;gap:16px;width:90%;max-width:400px;margin:0 auto 24px;box-sizing:border-box}.form-field{display:flex;flex-direction:column}.form-input{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-color, #d5d5d5);font-size:var(--font-size-md, 16px);background:var(--input-background, #fff);color:var(--text-primary);transition:all var(--transition-fast, .2s)}body.dark-mode .form-input{background-color:#3b3b3b;color:var(--text-primary);border:none;-webkit-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.form-input::placeholder{color:#a0a0a0}body.dark-mode .form-input::placeholder{color:#8e8e93}.form-select{padding:14px 16px;border-radius:var(--border-radius-md);border:2px solid var(--border-color);font-size:var(--font-size-md);background:var(--input-background);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.player-list{list-style:none;padding:0;margin:0 auto 24px;width:90%;max-width:400px;box-sizing:border-box}.player-list li{background:var(--card-background);border-radius:var(--border-radius-md);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast);border:1px solid var(--border-color)}.player-list li:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.player-info{display:flex;flex-direction:row;gap:8px;align-items:center;flex-grow:1}.player-name{font-weight:600;font-size:var(--font-size-md);color:var(--text-primary)}.player-details{font-size:var(--font-size-sm);color:var(--text-muted)}.player-details:before{content:"•";margin:0 8px;color:var(--text-muted);font-weight:700}.notification-message{text-align:center;padding:12px;border-radius:var(--border-radius-md);margin:16px auto;width:90%;max-width:400px;font-weight:500}.notification-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.notification-message:empty{display:none}@media(max-width:480px){#player-setup-screen .lobby-title,#duration-screen .lobby-title{margin:8px 0}}