:root{--mobile: 480px;--tablet: 768px;--laptop: 1024px;--desktop: 1440px;--spacing-xs: clamp(.25rem, 1vw, .5rem);--spacing-sm: clamp(.5rem, 2vw, 1rem);--spacing-md: clamp(1rem, 3vw, 2rem);--spacing-lg: clamp(1.5rem, 4vw, 3rem);--spacing-xl: clamp(2rem, 5vw, 4rem);--font-xs: clamp(.75rem, 2vw, .875rem);--font-sm: clamp(.875rem, 3vw, 1rem);--font-md: clamp(1rem, 4vw, 1.25rem);--font-lg: clamp(1.25rem, 5vw, 1.5rem);--font-xl: clamp(1.5rem, 6vw, 2rem);--font-2xl: clamp(2rem, 7vw, 3rem);--container-sm: 100%;--container-md: min(90%, 720px);--container-lg: min(90%, 960px);--container-xl: min(90%, 1200px)}.container{width:var(--container-sm);margin:0 auto;padding:0 var(--spacing-sm)}@media (min-width: 640px){.container{width:var(--container-md)}}@media (min-width: 1024px){.container{width:var(--container-lg)}}@media (min-width: 1280px){.container{width:var(--container-xl)}}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.flex{display:flex;gap:var(--spacing-md)}.flex-col{flex-direction:column}@media (min-width: 640px){.flex-row{flex-direction:row}}.p-responsive{padding:var(--spacing-md)}.m-responsive{margin:var(--spacing-md)}.text-responsive{font-size:var(--font-md)}.heading-responsive{font-size:var(--font-xl)}.img-responsive{max-width:100%;height:auto}.btn-responsive{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm)}.hide-mobile{display:none}@media (min-width: 640px){.hide-mobile{display:block}}.show-mobile{display:block}@media (min-width: 640px){.show-mobile{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden;background-color:#000}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:var(--font-2xl);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;width:100%;max-width:300px;margin-left:auto;margin-right:auto}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;display:flex!important;justify-content:flex-end;padding:1rem;background-color:#000c!important;z-index:9999!important;gap:1rem;pointer-events:auto}.navbar a{color:#fff;text-decoration:none;font-size:1rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto;touch-action:manipulation}.dbz-ad-container{min-height:280px;margin:16px auto;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:8px;overflow:hidden}.game-mode-ad{min-height:100px!important;width:100%;max-width:728px!important;margin:20px auto!important}.results-screen-ad{min-height:100px!important;width:100%;max-width:728px!important;margin:30px auto!important}.start-screen-ad{min-height:100px!important;width:100%;max-width:728px!important;margin:20px auto!important}.inline-ad{min-height:250px!important;width:100%;margin:20px 0!important}.desktop-only-ad{display:block}.mobile-inline-ad-container{display:none!important}@media (max-width: 768px){.desktop-only-ad,.mobile-inline-ad-container{display:none!important}}.dbz-ad-container.adsbygoogle{background-color:transparent;border:none}.adsbygoogle[style*="display: none"],.adsbygoogle[style*="display:none"]{display:none!important}.adsbygoogle[style*="height: 0px"],.adsbygoogle[style*="height:0px"],.adsbygoogle:empty{display:none!important;visibility:hidden!important}.mock-ad{background-color:#6464641a!important}.side-ad{position:fixed;top:50%;transform:translateY(-50%);z-index:10}.side-ad:has(.adsbygoogle:empty),.side-ad:has(.adsbygoogle[style*="display: none"]),.side-ad:has(.adsbygoogle[style*="display:none"]){display:none!important}.left-ad{left:20px;width:300px!important}.right-ad{right:20px;width:300px!important}.side-ad-slot{min-height:600px!important;min-width:300px!important;max-width:300px!important;width:300px!important;margin:0!important;display:block!important}.heart-container{position:relative;display:flex;align-items:center;justify-content:center}.bottom-side-ads{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:10;pointer-events:none;max-width:1400px;margin:0 auto}.top-side-ads{position:fixed;top:80px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:10;pointer-events:none;max-width:1400px;margin:0 auto}.bottom-ad,.top-ad{pointer-events:auto}.left-bottom-ad{margin-right:auto}.right-bottom-ad{margin-left:auto}.left-top-ad{margin-right:auto}.right-top-ad{margin-left:auto}.bottom-side-ad-slot,.top-side-ad-slot{min-height:250px!important;min-width:300px!important;max-width:336px!important;margin:0!important}@media (max-width: 1024px){.side-ad,.bottom-side-ads,.top-side-ads{display:none!important}}@media (max-width: 768px){.dbz-ad-container,.game-mode-ad,.results-screen-ad,.start-screen-ad,.inline-ad{display:none!important}}@media (max-width: 480px){.dbz-ad-container,.game-mode-ad,.results-screen-ad,.start-screen-ad,.inline-ad,.desktop-banner-ad-container{display:none!important}}@media (max-width: 480px){button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);max-width:100%}h1{font-size:var(--font-xl)}}body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;font-family:Orbitron,sans-serif}.container{position:relative;width:min(800px,90vw);height:min(800px,90vw);display:flex;align-items:center;justify-content:center;margin-top:4rem}h1{position:absolute;top:5%;color:#fff;font-size:clamp(2rem,8vw,4rem);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.7);z-index:10}.heart-container{position:absolute;width:100%;height:100%}.heart-container svg{width:100%;height:100%}.game-mode{position:absolute;color:#fff;font-size:clamp(1rem,4vw,1.8rem);font-weight:700;transition:all .3s ease-in-out;cursor:pointer;z-index:10;text-align:center;white-space:nowrap;opacity:.5}.game-mode.hovered{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.7)}.single-player{left:25%;top:50%;transform:translate(-50%,-50%)}.multi-player{right:25%;top:50%;transform:translate(50%,-50%)}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:flex-end;padding:1rem;background-color:#00000080;z-index:1000;gap:1rem}.navbar a{color:#fff;text-decoration:none;font-size:1rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.navbar a:hover{background-color:#ffffff1a;color:#f66}.navbar{pointer-events:auto}.navbar a{pointer-events:auto;touch-action:manipulation}@media (max-width: 480px){.container{width:95vw;height:95vw}.single-player{left:24%;transform:translate(-50%,-50%)}.multi-player{right:24%;transform:translate(50%,-50%)}}@media (max-width: 768px){.navbar{padding:.5rem;justify-content:center}.navbar a{padding:.5rem;font-size:.9rem}}.gamemode-container{background-color:#000;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;position:relative;overflow-x:hidden;overflow-y:visible}.gamemode-container .navbar{position:fixed!important;z-index:9999!important}.content{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,5vw,40px);width:100%;max-width:1200px;padding:0 20px;box-sizing:border-box}.title{font-family:Orbitron,sans-serif;font-size:32px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);margin:0;letter-spacing:1px;text-align:center;width:100%}.mode-selection{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,5vw,40px);width:100%;max-width:800px;margin:0 auto}@media (min-width: 768px){.mode-selection{flex-direction:row;justify-content:center;gap:clamp(20px,4vw,60px)}.content{gap:20px}.gamemode-container{justify-content:flex-start;padding-top:25vh}.title{margin-top:0}}.mode-button{width:min(250px,90vw);height:min(250px,90vw);background-color:transparent;border:2px solid #333333;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,3vw,20px);cursor:pointer;transition:border-color .3s ease}@media (min-width: 768px){.mode-button{width:300px;height:300px}}.mode-button:hover{border-color:#666}.mode-button:first-child{border-color:#ff3a3a}.mode-button:last-child{border-color:#00ff47}.mode-title{font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,6vw,32px);color:#fff;letter-spacing:clamp(.5px,.1vw,1px);text-align:center}.mode-description{font-family:Orbitron,sans-serif;font-size:clamp(1rem,3vw,18px);text-align:center;padding:0 clamp(10px,2vw,20px)}.mode-button:first-child .mode-description{color:#ff3a3a}.mode-button:last-child .mode-description{color:#00ff47}@media (max-width: 767px){.content .title{font-size:32px!important;margin-bottom:10px;white-space:nowrap}.content{padding-top:20px;gap:20px}}.round-results-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100%;padding:0;background-color:#121212;color:#fff;font-family:Orbitron,sans-serif;position:relative;overflow-x:hidden;box-sizing:border-box}.round-results-title{font-size:4rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:4px;color:#fff;text-align:center;position:fixed;top:1.5rem;left:0;right:0;margin:0 auto;width:-moz-fit-content;width:fit-content;font-family:Orbitron,sans-serif;white-space:nowrap;z-index:100}.content-wrapper{width:100%;margin-top:15rem;padding-bottom:7rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}@media (min-width: 1024px){.round-results-title{top:1rem}.content-wrapper{margin-top:7rem}}.award-cards-container{display:grid;gap:4rem;width:100%;max-width:1000px;padding:0;justify-content:center;align-items:center;place-items:center;box-sizing:border-box}.award-cards-container[data-player-count="1"]{grid-template-columns:minmax(0,500px);--player-count: 1}.award-cards-container[data-player-count="2"]{grid-template-columns:repeat(2,minmax(0,400px));gap:4rem;--player-count: 2}.award-cards-container[data-player-count="3"]{grid-template-columns:repeat(3,minmax(0,300px));gap:3rem;--player-count: 3}.award-cards-container[data-player-count="4"]{grid-template-columns:repeat(2,minmax(0,400px));gap:3rem;--player-count: 4}.award-cards-container[data-player-count="5"]{grid-template-columns:repeat(3,minmax(0,300px));gap:2rem;--player-count: 5}.award-cards-container[data-player-count="6"]{grid-template-columns:repeat(3,minmax(0,300px));gap:2rem;--player-count: 6}.award-cards-container[data-player-count="7"]{grid-template-columns:repeat(4,minmax(0,230px));gap:1.5rem;--player-count: 7}.award-cards-container[data-player-count="8"]{grid-template-columns:repeat(4,minmax(0,230px));gap:1.5rem;--player-count: 8}.award-card-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative}.award-card{width:100%;background:#1a1a1a;border-radius:20px;padding:min(2.5rem,calc(3rem - .1rem * var(--player-count, 2)));text-align:center;box-shadow:0 8px 32px #0000004d;border:3px solid;transition:all .3s ease;position:relative;box-sizing:border-box}.award-username{font-size:min(6rem,calc(10rem - .7rem * var(--player-count, 2)));font-weight:800;text-align:center;margin:0 0 .5rem;padding:0;text-transform:uppercase;letter-spacing:3px;line-height:1.1;font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,255,255,.3)}.award-card.redFlag .award-username{background:linear-gradient(45deg,#f66,#f99);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(255,0,0,.5)}.award-card.dealBreaker .award-username{background:linear-gradient(45deg,#b366ff,#e6b3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(106,13,173,.5)}.award-card.greenFlag .award-username{background:linear-gradient(45deg,#6f6,#b3ffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(0,100,0,.5)}.award-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0006}.award-card.redFlag{border-color:#c00;box-shadow:0 8px 32px #c003}.award-card.dealBreaker{border-color:#6a0dad;box-shadow:0 8px 32px #6a0dad33}.award-card.greenFlag{border-color:#006400;box-shadow:0 8px 32px #00640033}.award-title{font-size:min(2.2rem,calc(3rem - .15rem * var(--player-count, 2)));font-weight:700;margin-bottom:.5rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3);font-family:Orbitron,sans-serif;letter-spacing:2px}.award-subtitle{font-size:min(1.4rem,calc(1.8rem - .05rem * var(--player-count, 2)));color:#aaa;margin-bottom:2.5rem;font-style:italic;font-family:Orbitron,sans-serif;letter-spacing:1px}.vote-breakdown{display:flex;justify-content:center;gap:min(2.5rem,calc(3rem - .2rem * var(--player-count, 2)));margin-top:min(2.5rem,calc(3rem - .2rem * var(--player-count, 2)));flex-wrap:wrap}.vote-type{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:min(.8rem,calc(1rem - .03rem * var(--player-count, 2)));border-radius:12px;font-weight:700;font-size:min(1.4rem,calc(1.8rem - .08rem * var(--player-count, 2)));font-family:Orbitron,sans-serif;transition:transform .2s ease;min-width:min(70px,calc(90px - 3px * var(--player-count, 2)))}.vote-type svg{width:min(24px,calc(28px - .8px * var(--player-count, 2)));height:min(24px,calc(28px - .8px * var(--player-count, 2)));flex-shrink:0}.award-cards-container[data-player-count="1"] .vote-breakdown,.award-cards-container[data-player-count="2"] .vote-breakdown{gap:3rem}.award-cards-container[data-player-count="1"] .vote-type,.award-cards-container[data-player-count="2"] .vote-type{min-width:90px;padding:1rem 1.5rem;font-size:1.6rem}.award-cards-container[data-player-count="1"] .vote-type svg,.award-cards-container[data-player-count="2"] .vote-type svg{width:28px;height:28px}.vote-type:hover{transform:scale(1.05)}.vote-type.red-flag{background-color:#c003;color:#f44}.vote-type.deal-breaker{background-color:#6a0dad33;color:#a855f7}.vote-type.green-flag{background-color:#00640033;color:#4ade80}.leave-button{position:fixed;bottom:4rem;left:50%;transform:translate(-50%);padding:1.5rem 4rem;font-size:1.8rem;background:linear-gradient(45deg,#f44,#c00);color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 15px #cc00004d;font-family:Orbitron,sans-serif}.leave-button:hover{transform:translate(-50%) translateY(-5px);box-shadow:0 8px 25px #cc000080;background:linear-gradient(45deg,#c00,#900)}@media (max-width: 1200px){.award-cards-container{max-width:850px;gap:3rem}.award-cards-container[data-player-count="3"],.award-cards-container[data-player-count="4"],.award-cards-container[data-player-count="5"],.award-cards-container[data-player-count="6"],.award-cards-container[data-player-count="7"],.award-cards-container[data-player-count="8"]{grid-template-columns:repeat(2,minmax(0,350px));gap:2.5rem}.award-username{font-size:4rem}.award-card{padding:2rem}}@media (max-width: 768px){.round-results-title{font-size:3rem;letter-spacing:3px;top:1rem}.content-wrapper{margin-top:9rem;padding-bottom:7rem}.award-cards-container{padding:0;gap:2rem;margin:0 auto 7rem;max-width:100%}.award-cards-container[data-player-count]{grid-template-columns:minmax(0,350px)}.award-username{font-size:3.5rem}.award-card{padding:1.5rem}.award-title{font-size:1.8rem}.award-subtitle{font-size:1.2rem;margin-bottom:2rem}.vote-type{font-size:1.2rem;padding:.6rem 1rem;min-width:60px;gap:.5rem}.vote-type svg{width:20px;height:20px}.vote-breakdown{gap:1.5rem;margin-top:2rem}.leave-button{padding:1.2rem 3rem;font-size:1.5rem;bottom:3rem}}@media (max-width: 480px){.award-card{padding:1.5rem}.award-username{font-size:3rem}.award-title{font-size:1.6rem}.vote-breakdown{gap:1rem}.vote-type{font-size:1rem;padding:.5rem .8rem;min-width:55px}.vote-type svg{width:18px;height:18px}}.player-stats-container{width:100%;max-width:800px;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.player-stats-row{display:flex;align-items:center;padding:1rem;background:#ffffff1a;border-radius:1rem;transition:transform .2s ease}.player-stats-row:hover{transform:translate(10px);background:#ffffff26}.player-name{flex:1;font-size:1.2rem;font-weight:700;padding-right:1rem}.hot-takes-section{width:100%;max-width:800px;margin:2rem 0}.hot-takes-title{font-size:1.8rem;margin-bottom:1.5rem;cursor:pointer;transition:color .2s ease;text-align:center}.hot-takes-title:hover{color:#f44}.hot-takes-list{display:flex;flex-direction:column;gap:1rem}.hot-take-item{background:#ff00001a;border-radius:1rem;padding:1.5rem;transition:transform .2s ease}.hot-take-item:hover{transform:scale(1.02)}.hot-take-name{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#f44}.hot-take-stats{display:flex;flex-direction:column;gap:1rem}.disagreement-score{font-size:1.1rem;color:#f44;font-weight:700}.round-results-question{font-size:1.8rem;margin-bottom:2rem;text-align:center;max-width:800px}.player-bars-container{display:flex;justify-content:center;align-items:flex-end;gap:3rem;width:100%;max-width:1400px;height:300px;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #333}.player-bar-wrapper{display:flex;flex-direction:column;align-items:center;width:120px;min-width:120px;max-width:200px;flex:1}.player-bar{position:relative;width:100px;display:flex;flex-direction:column-reverse;overflow:visible;gap:2px}.player-bar-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:8px;background-color:#333;opacity:.3}.player-bar-segments{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.bar-segment{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:height .3s ease-out;position:relative}.segment-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;width:100%}.segment-count svg{width:20px;height:20px;margin-bottom:2px}.red-flag-segment{background-color:#c00;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:0}.deal-breaker-segment{background-color:#6a0dad}.green-flag-segment{background-color:#006400;border-top-left-radius:8px;border-top-right-radius:8px;margin-top:0}.player-bar-segments>div:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.player-bar-segments>div:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.player-bar-label{display:flex;flex-direction:column;align-items:center;margin-top:1rem;width:100%;padding:0 .5rem}.player-stats{display:flex;flex-direction:column;gap:.4rem;font-size:1rem}.stat-item{display:flex;align-items:center;gap:.25rem}.stat-item svg{width:16px;height:16px}.stat-item.red-flag{color:#c00}.stat-item.deal-breaker{color:#6a0dad}.stat-item.green-flag{color:#006400}.bar-legend{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:20px;height:20px;border-radius:4px}.red-flag-color{background-color:#c00}.deal-breaker-color{background-color:#6a0dad}.green-flag-color{background-color:#006400}.round-progress-container{width:100%;max-width:800px;margin:1rem 0 2rem}.round-progress-text{text-align:center;margin-bottom:.5rem;font-size:1.1rem}.round-progress-bar{width:100%;height:10px;background-color:#333;border-radius:5px;overflow:hidden}.round-progress-fill{height:100%;background:linear-gradient(90deg,#c00,#900);border-radius:5px;transition:width .5s ease}.next-round-button,.leave-button{padding:.8rem 2rem;font-size:1.2rem;background-color:#fff;color:#000;border:none;border-radius:30px;cursor:pointer;font-weight:700;transition:all .3s;margin-top:1rem}.next-round-button:hover,.leave-button:hover{background-color:#c00;color:#fff;box-shadow:0 0 15px #ff000080}.player-bars-container[data-player-count="1"] .player-bar-wrapper,.player-bars-container[data-player-count="2"] .player-bar-wrapper{width:400px;min-width:400px}.player-bars-container[data-player-count="1"] .player-bar,.player-bars-container[data-player-count="2"] .player-bar{width:360px}.player-bars-container[data-player-count="3"] .player-bar-wrapper,.player-bars-container[data-player-count="4"] .player-bar-wrapper{width:300px;min-width:300px}.player-bars-container[data-player-count="3"] .player-bar,.player-bars-container[data-player-count="4"] .player-bar{width:260px}.hot-takes-carousel{width:100%;max-width:800px;margin:2rem 0;background:#ff00001a;border-radius:1rem;padding:2rem;position:relative}.hot-takes-title{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:#f44}.hot-take-slide{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}.hot-take-content{text-align:center;opacity:0;transform:translate(100%);animation:slideIn .5s forwards}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.hot-take-question{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#fff;font-style:italic}.hot-take-user{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.hot-take-user .username{font-size:1.2rem;font-weight:700;color:#f44}.hot-take-percentage{font-size:1.1rem;color:#f44;font-weight:700}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:background-color .3s ease}.carousel-dot.active{background-color:#f44}@media (max-width: 768px){.hot-takes-carousel{padding:1.5rem}.hot-take-question{font-size:1.2rem}.hot-take-user .username{font-size:1rem}}.interstitial-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.interstitial-ad-overlay.visible{opacity:1;pointer-events:all}.interstitial-ad-container{position:relative;background:#fff;border-radius:12px;padding:20px;max-width:90vw;max-height:90vh;width:100%;max-width:728px;box-shadow:0 10px 40px #0000004d}.interstitial-ad-close{position:absolute;top:10px;right:10px;background:#000000b3!important;color:#fff!important;border:2px solid white!important;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:background .2s;z-index:10001!important;font-weight:700;box-shadow:0 2px 8px #00000080}.interstitial-ad-close:hover{background:#000000b3}.interstitial-ad-content{width:100%;display:flex;justify-content:center;align-items:center;min-height:250px}.interstitial-ad-slot{width:100%;min-height:250px}@media (max-width: 768px){.interstitial-ad-container{padding:15px;max-width:95vw}.interstitial-ad-content,.interstitial-ad-slot{min-height:200px}}.question-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);width:100%;max-width:var(--container-lg);margin:0 auto}.question-title{font-size:var(--font-xl);font-weight:700;color:#fff;text-align:center;margin-bottom:var(--spacing-md);text-shadow:0 0 10px rgba(255,255,255,.3)}.options-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);width:100%;justify-items:center}@media (min-width: 640px){.options-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.options-grid{grid-template-columns:repeat(3,1fr)}}.option-button{padding:var(--spacing-md);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);border:none;cursor:pointer;font-size:var(--font-md);font-weight:600;transition:all .3s ease;color:#fff;width:100%;max-width:300px}.option-button:disabled{cursor:default}.option-button svg{width:24px;height:24px;margin-bottom:var(--spacing-xs)}.option-button.red-flag{background-color:#7f1d1d80}.option-button.red-flag:hover:not(:disabled),.option-button.red-flag.selected{background-color:#7f1d1dcc;color:#f66}.option-button.deal-breaker{background-color:#581c8780}.option-button.deal-breaker:hover:not(:disabled),.option-button.deal-breaker.selected{background-color:#581c87cc;color:#c388ff}.option-button.green-flag{background-color:#14532d80}.option-button.green-flag:hover:not(:disabled),.option-button.green-flag.selected{background-color:#14532dcc;color:#4ade80}.button-container{display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);width:100%;max-width:300px;margin-left:auto;margin-right:auto}@media (min-width: 640px){.button-container{flex-direction:row}}.next-question-button,.stop-button{background-color:#fff;color:#000;padding:var(--spacing-sm) var(--spacing-md);border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:var(--font-sm);width:100%}.next-question-button:hover:not(:disabled),.stop-button:hover{background-color:#c00;color:#fff;box-shadow:0 0 15px #ff000080}.next-question-button:disabled{background-color:#666;cursor:not-allowed;opacity:.7}.next-question-button:disabled:hover{background-color:#666;color:#000;box-shadow:none}.error-message{color:#ff6b6b;text-align:center;padding:var(--spacing-sm);margin:var(--spacing-sm) 0;background-color:#ff6b6b1a;border-radius:5px;animation:fadeInOut 3s;font-size:var(--font-sm)}.progress-container{margin-top:var(--spacing-sm);width:100%;max-width:300px;margin-left:auto;margin-right:auto}.progress-text{color:#9ca3af;font-size:var(--font-sm);margin-bottom:var(--spacing-xs);text-align:center}.progress-bar{height:.5rem;background-color:#1f2937;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:#dc2626;border-radius:9999px;transition:width .3s ease}.red-flag .voter-item{color:#f66;background-color:#f663}.deal-breaker .voter-item{color:#c388ff;background-color:#c388ff33}.green-flag .voter-item{color:#4ade80;background-color:#4ade8033}@media (max-width: 480px){.question-container{padding:var(--spacing-sm)}.option-button{padding:var(--spacing-sm);max-width:100%}.button-container{width:100%;max-width:100%}.next-question-button,.stop-button,.progress-container{max-width:100%}}#root{width:100%;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.multi-question-container{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;width:100%;max-width:var(--container-lg);margin:0 auto}.multi-question-title{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.5rem;line-height:1.2;padding:.5rem}.multi-options-grid{display:grid;grid-template-columns:1fr;gap:.5rem;width:100%;justify-items:center;margin-bottom:.5rem}.option-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px}@media (min-width: 640px){.multi-options-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.multi-options-grid{grid-template-columns:repeat(3,1fr)}}.multi-option-card{padding:var(--spacing-md);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%;max-width:300px;position:relative}.option-title{font-weight:600;margin-top:var(--spacing-xs);font-size:var(--font-md)}.player-dots{display:flex;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.player-dot{width:var(--spacing-sm);height:var(--spacing-sm);border-radius:50%;background-color:#fff}.room-results{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.results-label{font-size:var(--font-sm);opacity:1;color:#fff;font-weight:500}.results-percentage{font-size:var(--font-lg);font-weight:700}.multi-red-flag{background-color:#7f1d1d80}.multi-red-flag .option-title,.multi-red-flag .results-percentage,.multi-red-flag .results-label{color:#f66}.multi-deal-breaker{background-color:#581c8780}.multi-deal-breaker .option-title,.multi-deal-breaker .results-percentage,.multi-deal-breaker .results-label{color:#c388ff}.multi-green-flag{background-color:#14532d80}.multi-green-flag .option-title,.multi-green-flag .results-percentage,.multi-green-flag .results-label{color:#4ade80}.host-buttons{display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-top:.5rem;width:100%;max-width:300px;margin-left:auto;margin-right:auto}@media (min-width: 640px){.host-buttons{flex-direction:row}}.next-question-button,.end-game-button{background-color:#fff;color:#000;padding:var(--spacing-sm) var(--spacing-md);border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:var(--font-sm);width:100%}.next-question-button:hover,.end-game-button:hover{background-color:#c00;color:#fff;box-shadow:0 0 15px #ff000080}.next-question-button:disabled,.end-game-button:disabled{background-color:#666;cursor:not-allowed;opacity:.7}.next-question-button:disabled:hover,.end-game-button:disabled:hover{background-color:#666;color:#000;box-shadow:none}.multi-progress-container{margin-top:.25rem;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.multi-progress-text{color:#9ca3af;font-size:var(--font-sm);margin-bottom:.25rem}.multi-progress-bar{height:.5rem;background-color:#1f2937;border-radius:9999px;overflow:hidden}.multi-progress-fill{height:100%;background-color:#dc2626;border-radius:9999px;transition:width .3s ease}.voting-status{text-align:center;margin-bottom:.5rem;font-size:var(--font-md);color:#aaa}.timer-container{display:flex;justify-content:center;margin:.25rem 0}.timer{font-size:var(--font-xl);font-weight:700;color:#fff;background-color:#0000004d;padding:.25rem .5rem;border-radius:15px}.warning-message{color:#ff6b6b;text-align:center;padding:var(--spacing-sm);margin:var(--spacing-sm) 0;background-color:#ff6b6b1a;border-radius:5px;animation:fadeInOut 3s;font-size:var(--font-sm)}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.multi-option-card .room-results{transition:opacity .3s ease}.award-cards-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md);width:100%;max-width:var(--container-lg);margin:0 auto}@media (min-width: 640px){.award-cards-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.award-cards-container{grid-template-columns:repeat(3,1fr)}}.award-card{background:#1a1a1a;border-radius:12px;padding:var(--spacing-md);text-align:center;box-shadow:0 4px 6px #0000001a;border:2px solid;transition:transform .3s ease;position:relative;overflow:hidden}.award-card:hover{transform:translateY(-5px)}.award-card.redFlag{border-color:#c00}.award-card.dealBreaker{border-color:#6a0dad}.award-card.greenFlag{border-color:#006400}.award-title{font-size:var(--font-lg);font-weight:700;margin-bottom:var(--spacing-xs);color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.award-subtitle{font-size:var(--font-sm);color:#aaa;margin-bottom:var(--spacing-sm)}.award-username{font-size:var(--font-md);font-weight:600;color:#fff;margin-top:var(--spacing-xs)}.award-card.redFlag .award-username{color:#f66}.award-card.dealBreaker .award-username{color:#c388ff}.award-card.greenFlag .award-username{color:#4ade80}@media (max-width: 768px){.award-cards-container{grid-template-columns:1fr;padding:1rem}.award-card{padding:1rem}.award-title{font-size:1.2rem}.award-subtitle{font-size:.9rem}.award-username{font-size:1rem}}.voters-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%}.voter-item{font-size:var(--font-sm);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);background-color:#ffffff1a;border-radius:4px;text-align:center}.multi-red-flag .voter-item{color:#f66;background-color:#f663}.multi-deal-breaker .voter-item{color:#c388ff;background-color:#c388ff33}.multi-green-flag .voter-item{color:#4ade80;background-color:#4ade8033}@media (max-width: 480px){.multi-question-container{padding:.5rem;gap:.5rem}.multi-options-grid{gap:.5rem}.multi-option-card{padding:var(--spacing-sm);max-width:100%}.host-buttons{width:100%;max-width:100%;margin-top:.5rem;gap:.5rem}.next-question-button,.end-game-button,.multi-progress-container{max-width:100%}.timer-container{margin:.25rem 0}.multi-question-title{font-size:1.8rem}}.change-answer-button{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:4px 8px;font-size:.8rem;cursor:pointer;margin-top:8px;transition:all .2s ease}.change-answer-button:hover{background-color:#ffffff4d;transform:scale(1.05)}.multi-red-flag .change-answer-button{color:#f66;border-color:#f66}.multi-deal-breaker .change-answer-button{color:#c388ff;border-color:#c388ff}.multi-green-flag .change-answer-button{color:#4ade80;border-color:#4ade80}.multi-option-card.selected{transform:scale(1.05);box-shadow:0 0 15px #ffffff80;border:2px solid white}.multi-red-flag.selected{background-color:#7f1d1dcc;box-shadow:0 0 15px #ff6666b3;border:2px solid #ff6666}.multi-deal-breaker.selected{background-color:#581c87cc;box-shadow:0 0 15px #c388ffb3;border:2px solid #c388ff}.multi-green-flag.selected{background-color:#14532dcc;box-shadow:0 0 15px #4ade80b3;border:2px solid #4ade80}.lobby-container{display:flex;flex-direction:column;min-height:90vh;width:160vh;background-color:#000;color:#fff}.lobby-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;flex:1}.players-section,.chat-section{background-color:#ffffff0d;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column}.section-title{font-size:1.5rem;color:#ff4d4d;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.players-list{display:flex;flex-direction:column;gap:1rem}.player-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:#ffffff0d;border-radius:.5rem}.player-avatar{width:2.5rem;height:2.5rem;background-color:#666;border-radius:50%}.player-name{font-size:1.125rem}.chat-messages{flex:1;margin-bottom:1rem;background-color:#ffffff05;border-radius:.5rem}.chat-input{width:100%;max-width:100%;box-sizing:border-box;padding:10px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;border-radius:.5rem;color:#fff}.chat-input::-moz-placeholder{color:#ffffff80}.chat-input::placeholder{color:#ffffff80}.lobby-actions{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.action-button{padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:700;cursor:pointer;transition:opacity .2s}.action-button:hover{opacity:.9}.invite-button{background-color:#4a1414;color:#fff}.start-button{background-color:#145214;color:#fff}.leave-button{background-color:#4a1414;color:#fff}.fullscreen-button{position:absolute;top:1rem;right:1rem;background:#fff;color:#000;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer}.login-container{min-height:100vh;width:100vw;background-color:#121212;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;position:fixed;top:0;left:0}.login-card{background-color:#1e1e1e;padding:32px;border-radius:12px;width:100%;max-width:380px;box-shadow:0 4px 6px #0000001a;position:relative}.login-card:before{position:absolute;top:-40px;left:50%;transform:translate(-50%);color:#fff;font-size:28px;font-weight:600;z-index:1}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:40px}.remember-me{display:flex;align-items:center;gap:8px;color:#fff}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:white;cursor:pointer}.remember-me span{font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.forgot-password{color:#fff;text-decoration:none}.forgot-password:hover{color:red}.login-button{width:100%;padding:16px;background-color:#fff;color:#000;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:24px;transition:background-color .2s}.login-button:hover{background-color:#f0f0f0}.register-prompt{text-align:center;color:#fff;font-size:14px;margin-top:32px;padding-top:16px;border-top:1px solid #2A2A2A}.register-prompt span{margin-right:8px}.register-prompt a{color:#fff;text-decoration:none;font-weight:500}.register-prompt a:hover,.forgot-password:active,.register-prompt a:active{color:red}body,html{margin:0;padding:0;width:100%;height:100%;background-color:#121212}.register-container{min-height:100vh;width:100vw;background-color:#121212;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;position:fixed;top:0;left:0}.register-container h1{color:#fff;font-size:28px;font-weight:600;margin-bottom:40px;text-align:center}.register-card{background-color:#1e1e1e;padding:32px;border-radius:12px;width:100%;max-width:380px;box-shadow:0 4px 6px #0000001a;position:relative}.input-group{margin-bottom:20px;position:relative}.input-group input{width:100%;padding:16px;background-color:#121212;border:none;border-radius:8px;color:#fff;font-size:15px;box-sizing:border-box;outline:none}.input-group input::-moz-placeholder{color:#888}.input-group input::placeholder{color:#888}.input-group input:focus{background-color:#1a1a1a}.input-group input.error{border:1px solid #ff4d4d;background-color:#ff4d4d0d}.validation-error{color:#ff4d4d;font-size:12px;margin-top:6px;display:block}.error-message{background-color:#ff4d4d1a;color:#ff4d4d;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;text-align:center}.success-message{background-color:#4dff4d1a;color:#4dff4d;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;text-align:center}.register-button{width:100%;padding:16px;background-color:#fff;color:#000;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:24px;transition:background-color .2s}.register-button:hover{background-color:#f0f0f0}.login-prompt{text-align:center;color:#fff;font-size:14px;margin-top:32px;padding-top:16px;border-top:1px solid #2A2A2A}.login-prompt span{margin-right:8px}.login-prompt a{color:#fff;text-decoration:none;font-weight:500}.login-prompt a:hover,.login-prompt a:active{color:red}.profile-container{min-height:100vh;width:100vw;background-color:#121212;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 20px;box-sizing:border-box;position:fixed;top:0;left:0}.profile-card{background-color:#1a1b1e;padding:24px;border-radius:16px;width:100%;max-width:600px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:12px}.profile-header{display:flex;gap:16px;align-items:center}.profile-avatar{width:80px;height:80px;background-color:#fff;border-radius:50%;flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-name{color:#fff;font-size:20px;font-weight:600;margin:0}.profile-username{color:#888;font-size:14px;text-align:left}.profile-badge{color:#fff;font-size:14px;padding:4px 12px;background-color:#2a2a2a;border-radius:16px}.profile-bio{color:#22c55e;font-size:14px;display:flex;align-items:center;gap:6px;margin-top:16px}.bio-flag{color:#22c55e;font-size:16px}.controversial-takes{margin-top:32px;border-top:1px solid #2A2A2A;padding-top:24px}.controversial-takes h2{color:#fff;font-size:24px;margin-bottom:16px}.takes-list{display:flex;flex-direction:column;gap:16px}.take-item{display:flex;align-items:center;gap:12px;background-color:#2a2a2a;padding:16px;border-radius:8px}.take-icon{font-size:24px}.take-text{color:#ff6b6b;margin:0;font-size:16px;font-style:italic}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;border-top:1px solid #2A2A2A;padding-top:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{color:#fff;font-size:24px;font-weight:700}.stat-label{color:#888;font-size:14px}.take-content{display:flex;flex-direction:column;width:100%}.take-vote{font-size:.9rem;margin-top:4px;color:#888}.take-percentage{color:#ff4d4d;margin-left:8px;font-style:italic}.avatar-image{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-actions{margin-top:24px;padding-top:24px;border-top:1px solid #2A2A2A}.subscription-button{width:100%;padding:14px 24px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.subscription-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.subscription-button:active{transform:translateY(0)}.unlimited-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.settings-container{display:flex;width:100vw;height:105vh;background-color:#121212;color:#fff;margin:0}.settings-sidebar{width:250px;background-color:#1e1e1e;padding:20px;box-shadow:2px 0 5px #0000001a;text-align:left;position:fixed;top:0;left:0;height:100vh}.settings-sidebar h2{margin-bottom:20px}.settings-sidebar ul{list-style:none;padding:0}.settings-sidebar li{margin-bottom:10px;cursor:pointer}.settings-sidebar .active{background-color:#333;padding:10px;border-radius:8px}.settings-content{margin-left:250px;flex-grow:1;padding:40px;text-align:left}.settings-content h2{margin-bottom:20px}.settings-content form{display:flex;flex-direction:column;gap:10px}.settings-content button{margin-top:20px;padding:8px 16px;background-color:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;align-self:flex-start}.settings-content button:hover{background-color:#444}._join-game-screen_1q7zk_2{display:flex;justify-content:center;align-items:center;height:100vh;width:90vw;margin:0 auto;padding:0;background-color:#000;font-family:Orbitron,sans-serif;overflow:hidden;box-sizing:border-box}._container_1q7zk_17{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#000;box-sizing:border-box}._aspect-square_1q7zk_29{position:relative;width:95vmin;height:95vmin;max-width:48rem;max-height:48rem;box-sizing:border-box}._heart-background_1q7zk_38{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;filter:drop-shadow(0 0 20px rgba(255,0,0,.2));display:flex;justify-content:center;align-items:center;transform:scale(.95)}._game-code_1q7zk_50{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;border:1px solid rgba(139,0,0,.5);padding:1rem 2rem;text-align:center;border-radius:12px;z-index:10;width:auto;max-width:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}._game-code-title_1q7zk_70{font-size:2rem;font-weight:700;color:#fff;margin:0;font-family:Orbitron,sans-serif;text-align:center}._game-code-value_1q7zk_79{font-size:2.5rem;font-weight:700;color:#f44;letter-spacing:.2em;font-family:Orbitron,sans-serif;margin-top:1rem}._player_1q7zk_88{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem;transform:translate(-50%,-50%)}._avatar_1q7zk_97{width:80px;height:80px;border-radius:50%;border:2px solid rgba(139,0,0,.5);background-color:#8b000033;overflow:hidden;box-shadow:0 4px 6px #8b000033;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem}._player-name_1q7zk_112{font-family:Orbitron,sans-serif;color:#fff;font-size:.875rem;font-weight:700;white-space:nowrap}._start-container_1q7zk_121{position:absolute;top:calc(40% + 150px);left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:row;gap:1rem}._start-button_1q7zk_133{padding:.5rem 1rem;font-size:1.25rem;font-family:Orbitron,sans-serif;color:#fff;background:transparent;border:2px solid green;border-radius:8px;cursor:pointer;transition:background .3s}._start-button_1q7zk_133:hover{background:#00800033}._leave-button_1q7zk_150{padding:.5rem 1rem;font-size:1.25rem;font-family:Orbitron,sans-serif;color:#fff;background:transparent;border:2px solid red;border-radius:8px;cursor:pointer;transition:background .3s}._leave-button_1q7zk_150:hover{background:#f003}@media (max-width: 768px){._join-game-screen_1q7zk_2{width:100%;padding:1rem}._container_1q7zk_17{padding:0}._aspect-square_1q7zk_29{width:100%;height:100%;max-width:none;max-height:none;display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}._heart-background_1q7zk_38{display:none}._game-code_1q7zk_50{all:unset;display:flex;flex-direction:column;gap:.25rem;width:100%}._game-code-title_1q7zk_70{all:unset;display:block;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.25rem;text-shadow:0 0 10px rgba(255,255,255,.5)}._game-code-value_1q7zk_79{all:unset;display:block;font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:#f44;text-align:center;letter-spacing:.2em;background:#000000d9;border:1px solid rgba(139,0,0,.5);border-radius:12px;padding:1rem;margin:0;text-shadow:0 0 10px rgba(255,68,68,.5)}._player_1q7zk_88{position:static;transform:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:.5rem 1rem;background:#8b00001a;border:1px solid rgba(139,0,0,.3);border-radius:8px;gap:1rem}._avatar_1q7zk_97{width:40px;height:40px;font-size:1rem;flex-shrink:0}._player-name_1q7zk_112{font-size:1rem;text-align:left}._start-container_1q7zk_121{position:static;transform:none;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1rem;gap:1rem}._start-button_1q7zk_133,._leave-button_1q7zk_150{width:100%;max-width:300px;padding:.75rem;margin:0}}.join-game-container{background-color:#000;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;position:relative}.content{display:flex;flex-direction:column;align-items:center;gap:40px}.title{font-family:Orbitron,sans-serif;font-size:48px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);margin:0;letter-spacing:2px}.subtitle{font-family:Orbitron,sans-serif;font-size:32px;color:#fff;margin:0;letter-spacing:1px}.join-code-input{width:300px;height:60px;background-color:transparent;border:2px solid #333333;border-radius:8px;font-family:Orbitron,sans-serif;font-size:24px;color:#fff;text-align:center;letter-spacing:2px;transition:border-color .3s ease}.join-code-input:focus{outline:none;border-color:#00ff47}.join-button{font-family:Orbitron,sans-serif;background-color:#1e1e1e;color:#fff;border:none;padding:15px 60px;font-size:24px;cursor:pointer;transition:background-color .3s ease;letter-spacing:1px}.join-button:hover{background-color:#333}.join-button:disabled{background-color:#1e1e1e;color:#666;cursor:not-allowed}.subscription-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:100px 20px 20px;background-color:#121212}.subscription-card{background-color:#1a1b1e;border-radius:16px;padding:40px;max-width:600px;width:100%;box-shadow:0 4px 6px #0000001a;margin:0 auto;display:flex;flex-direction:column;align-items:center}.subscription-title{color:#fff;font-size:2rem;margin-bottom:20px;text-align:center;font-weight:700;width:100%;display:block;margin-left:0;margin-right:0;padding:0}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;font-weight:600;font-size:1rem;margin-top:0;margin-bottom:30px;width:100%;justify-content:center}.status-badge.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-badge.inactive{background:#ffffff1a;color:#fff}.badge-icon{font-size:1.2rem}.benefits-section{margin:30px 0}.benefits-section h2{color:#fff;font-size:1.5rem;margin-bottom:20px;font-weight:600}.upgrade-description{color:#fffc;margin-bottom:20px;font-size:1rem;line-height:1.6}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;color:#ffffffe6;font-size:1rem;line-height:1.5}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.benefit-card{background-color:#2a2a2a;padding:20px;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.benefit-card .benefit-icon{font-size:2rem}.benefit-content{display:flex;flex-direction:column;gap:4px}.benefit-content strong{color:#fff;font-size:1rem}.benefit-content p{color:#ffffffb3;font-size:.9rem;margin:0}.benefit-icon{font-size:1.5rem;flex-shrink:0}.benefit-text{flex:1}.benefit-text strong{color:#fff;display:block;margin-bottom:4px}.pricing-box{text-align:center;margin:30px 0;padding:20px;background:#ffffff0d;border-radius:15px;border:2px solid rgba(255,255,255,.1)}.price-amount{font-size:3rem;font-weight:700;color:#fff;line-height:1}.price-period{font-size:1rem;color:#ffffffb3;margin-top:8px}.subscription-details{text-align:center;margin:20px 0}.price-info{color:#ffffffb3;font-size:1rem}.subscribe-button{width:100%;padding:16px 32px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:20px}.subscribe-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c66}.subscribe-button:active:not(:disabled){transform:translateY(0)}.subscribe-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{width:100%;padding:12px 32px;font-size:1rem;font-weight:500;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:50px;cursor:pointer;transition:all .2s;margin-top:20px}.cancel-button:hover:not(:disabled){background:#ffffff26;color:#fff}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.back-button{width:100%;padding:12px 32px;font-size:1rem;font-weight:500;background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:50px;cursor:pointer;transition:all .2s;margin-top:30px}.back-button:hover{background:#ffffff0d;color:#fff}.terms-text{text-align:center;color:#fff9;font-size:.85rem;margin-top:20px;line-height:1.5}.error-message{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);color:#fff;padding:12px 20px;border-radius:10px;margin-bottom:20px;text-align:center}.success-message{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#fff;padding:12px 20px;border-radius:10px;margin-bottom:20px;text-align:center}@media (max-width: 768px){.subscription-container{padding-top:90px}.subscription-card{padding:30px 20px;margin:0 10px}.subscription-title{font-size:1.75rem;margin-bottom:15px}.status-badge{margin-top:0;margin-bottom:20px;font-size:.9rem;padding:10px 20px}.benefits-section h2{font-size:1.25rem}.benefits-grid{grid-template-columns:1fr;gap:12px}.price-amount{font-size:2.5rem}.subscribe-button,.cancel-button,.back-button{font-size:1rem;padding:14px 28px}}@media (max-width: 480px){.subscription-container{padding:15px}.subscription-card{padding:25px 15px}.subscription-title{font-size:1.5rem}.benefits-list li{font-size:.9rem}.benefit-icon{font-size:1.3rem}.price-amount{font-size:2rem}}