.fancy-hamburger{position:relative;z-index:1000}.fancy-hamburger .menu-open{display:none}.fancy-hamburger .menu-open-button{width:44px;height:44px;background-color:rgba(0,0,0,0);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;transition:all .2s ease;position:relative;z-index:1002}.fancy-hamburger .menu-open-button:hover{background-color:var(--hover-background-color);border-color:var(--text-color)}.fancy-hamburger .menu-open-button:active{transform:scale(0.95)}.fancy-hamburger .hamburger{width:20px;height:2px;background:var(--text-color);display:block;transition:all .3s ease;border-radius:2px}.fancy-hamburger .hamburger-1{transform:translateY(-5px)}.fancy-hamburger .hamburger-2{transform:translateY(0)}.fancy-hamburger .hamburger-3{transform:translateY(5px)}.fancy-hamburger .menu-open:checked+.menu-open-button .hamburger-1{transform:translateY(0) rotate(45deg)}.fancy-hamburger .menu-open:checked+.menu-open-button .hamburger-2{opacity:0;transform:scaleX(0)}.fancy-hamburger .menu-open:checked+.menu-open-button .hamburger-3{transform:translateY(0) rotate(-45deg)}.fancy-hamburger .menu{position:absolute;top:65px;left:0;background-color:var(--card-background-color);border:2px solid var(--border-color);border-radius:16px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:180px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1001}.fancy-hamburger .menu-open:checked~.menu{opacity:1;pointer-events:auto;transform:translateY(0)}.fancy-hamburger .menu-item{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:2px 0;border-radius:10px;cursor:pointer;color:var(--text-color);text-decoration:none;transition:all .2s ease;font-size:15px;font-weight:500;white-space:nowrap}.fancy-hamburger .menu-item i{font-size:16px;width:18px;text-align:center;opacity:.8}.fancy-hamburger .menu-item .menu-item-text{flex:1}.fancy-hamburger .menu-item:hover{background-color:var(--hover-background-color);transform:translateX(2px)}.fancy-hamburger .menu-item:active{transform:translateX(2px) scale(0.98)}[data-tooltip]{--arrow-size: 5px;position:relative}[data-tooltip]:before,[data-tooltip]:after{position:absolute;visibility:hidden;opacity:0;left:50%;bottom:calc(100% + var(--arrow-size));pointer-events:none;transition:.2s;will-change:transform}[data-tooltip]:before{height:20px;display:flex;align-items:center;content:attr(data-tooltip);padding:5px 5px;min-width:50px;max-width:300px;width:max-content;width:-moz-max-content;border-radius:6px;font-size:14px;background-image:linear-gradient(30deg, rgba(92, 92, 92, 0.5), rgba(59, 68, 75, 0.5), rgba(60, 82, 88, 0.5));box-shadow:0px 0px 24px rgba(0,0,0,.2);color:#fff;text-align:center;white-space:pre-wrap;transform:translate(-50%, calc(0px - var(--arrow-size))) scale(0.5)}[data-tooltip]:after{content:"";border-style:solid;border-width:var(--arrow-size) var(--arrow-size) 0px var(--arrow-size);border-color:rgba(55,64,70,.9) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transition-duration:0s;transform-origin:top;transform:translateX(-50%) scaleY(0)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;opacity:1}[data-tooltip]:hover:before{transition-delay:.3s;transform:translate(-50%, calc(0px - var(--arrow-size))) scale(1)}[data-tooltip]:hover:after{transition-delay:.5s;transition-duration:.2s;transform:translateX(-50%) scaleY(1)}[data-tooltip-location=left]:before,[data-tooltip-location=left]:after{left:auto;right:calc(100% + var(--arrow-size));bottom:50%}[data-tooltip-location=left]:before{transform:translate(calc(0px - var(--arrow-size)), 50%) scale(0.5)}[data-tooltip-location=left]:hover:before{transform:translate(calc(0px - var(--arrow-size)), 50%) scale(1)}[data-tooltip-location=left]:after{border-width:var(--arrow-size) 0px var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(55,64,70,.9);transform-origin:left;transform:translateY(50%) scaleX(0)}[data-tooltip-location=left]:hover:after{transform:translateY(50%) scaleX(1)}[data-tooltip-location=right]:before,[data-tooltip-location=right]:after{left:calc(100% + var(--arrow-size));bottom:50%}[data-tooltip-location=right]:before{transform:translate(var(--arrow-size), 50%) scale(0.5)}[data-tooltip-location=right]:hover:before{transform:translate(var(--arrow-size), 50%) scale(1)}[data-tooltip-location=right]:after{border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0px;border-color:rgba(0,0,0,0) rgba(55,64,70,.9) rgba(0,0,0,0) rgba(0,0,0,0);transform-origin:right;transform:translateY(50%) scaleX(0)}[data-tooltip-location=right]:hover:after{transform:translateY(50%) scaleX(1)}[data-tooltip-location=bottom]:before,[data-tooltip-location=bottom]:after{top:calc(100% + var(--arrow-size));bottom:auto}[data-tooltip-location=bottom]:before{transform:translate(-50%, var(--arrow-size)) scale(0.5)}[data-tooltip-location=bottom]:hover:before{transform:translate(-50%, var(--arrow-size)) scale(1)}[data-tooltip-location=bottom]:after{border-width:0px var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(55,64,70,.9) rgba(0,0,0,0);transform-origin:bottom}.text-center{text-align:center}.color-white{color:#fff}.box-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:35px 15px;width:100%}@media screen and (min-width: 1380px){.box-container{flex-direction:row}}.box-item{position:relative;width:100px;margin-bottom:35px;max-width:100%;margin-left:8px;margin-right:8px;perspective:1000px;-webkit-perspective:1000px;filter:drop-shadow(0 2px 5px rgba(0, 0, 0, 0.1))}.box-item.selected{filter:drop-shadow(0 0 5px var(--selected-card-background-color))}.box-item.selected .flip-box-front{background-color:var(--selected-card-background-color);color:#fff}.box-item.selected .flip-box-front .inner{color:#fff}.box-item.selected .flip-box-back{background-color:var(--selected-card-background-color);color:#fff}.box-item.selected .flip-box-back .inner{color:#fff}.box-item.shaking{animation:shake .5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.flip-box{position:relative;width:100%;height:150px;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-box .inner{color:#333}.flip-box-front,.flip-box-back{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;border-radius:8px;min-height:150px;-ms-transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--card-background-color);color:var(--card-text-color)}.flip-box-front{-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;background-color:var(--card-background-color)}.flip-box:hover .flip-box-front{-ms-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.flip-box.flipped .flip-box-front{-ms-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.flip-box-back{-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.flip-box:hover .flip-box-back{-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.flip-box.flipped .flip-box-back{-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.flip-box .inner{position:absolute;left:0;width:100%;outline:1px solid rgba(0,0,0,0);-webkit-perspective:inherit;perspective:inherit;z-index:2;color:var(--text-color);transform:translateY(-50%) translateZ(30px) scale(0.94);-webkit-transform:translateY(-50%) translateZ(30px) scale(0.94);-ms-transform:translateY(-50%) translateZ(30px) scale(0.94);top:50%}.flip-box .inner .name{font-size:18px;font-weight:bold;margin-bottom:10px}.flip-box .inner .score,.flip-box .inner .blankscore{font-size:40px;font-weight:bold}.flip-box-header{font-size:34px}.flip-box p{font-size:20px;line-height:1.5em}.flip-box-img{margin-top:25px}.flip-box-button{background-color:rgba(0,0,0,0);border:2px solid #fff;border-radius:2px;color:#fff;cursor:pointer;font-size:20px;font-weight:bold;margin-top:25px;padding:15px 20px;text-transform:uppercase}.lost-connection-indicator{position:absolute;top:-35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background-color:rgba(0,0,0,0);padding:4px 8px;font-size:11px;font-weight:600;white-space:nowrap;z-index:10}.connection-spinner{width:12px;height:12px;position:relative}.connection-spinner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(128,128,128,.3);border-top-color:currentColor;border-radius:50%;animation:connection-spin .8s linear infinite}@keyframes connection-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.connection-text{font-size:11px;letter-spacing:.3px}[data-theme=light] .lost-connection-indicator{color:#333}[data-theme=dark] .lost-connection-indicator{color:#fff}.box-item.disconnected{opacity:.6;filter:grayscale(30%)}.spectator-card.disconnected{opacity:.6;filter:grayscale(30%)}#loader{padding-top:100px}.preloader{color:var(--primary-color);animation:tiltSpin 8s linear infinite;flex-direction:column;justify-content:center;align-items:center;margin:auto;width:17em;height:17em}.preloader,.preloader__ring{transform-style:preserve-3d}.preloader__ring{animation-name:spin;animation-duration:4s;animation-timing-function:inherit;animation-iteration-count:inherit;font-size:2em;position:relative;height:3rem;width:1.5rem}.preloader__ring:nth-child(even){animation-direction:reverse}.preloader__sector{font-weight:600;position:absolute;top:0;left:0;text-align:center;text-transform:uppercase;transform:translateZ(7rem)}.preloader__sector,.preloader__sector:empty:before{display:inline-block;width:100%;height:100%}.preloader__sector:empty:before{background:linear-gradient(transparent 45%, currentColor 45% 55%, transparent 55%);content:""}.preloader__sector:nth-child(2){transform:rotateY(12deg) translateZ(7rem)}.preloader__sector:nth-child(3){transform:rotateY(24deg) translateZ(7rem)}.preloader__sector:nth-child(4){transform:rotateY(36deg) translateZ(7rem)}.preloader__sector:nth-child(5){transform:rotateY(48deg) translateZ(7rem)}.preloader__sector:nth-child(6){transform:rotateY(60deg) translateZ(7rem)}.preloader__sector:nth-child(7){transform:rotateY(72deg) translateZ(7rem)}.preloader__sector:nth-child(8){transform:rotateY(84deg) translateZ(7rem)}.preloader__sector:nth-child(9){transform:rotateY(96deg) translateZ(7rem)}.preloader__sector:nth-child(10){transform:rotateY(108deg) translateZ(7rem)}.preloader__sector:nth-child(11){transform:rotateY(120deg) translateZ(7rem)}.preloader__sector:nth-child(12){transform:rotateY(132deg) translateZ(7rem)}.preloader__sector:nth-child(13){transform:rotateY(144deg) translateZ(7rem)}.preloader__sector:nth-child(14){transform:rotateY(156deg) translateZ(7rem)}.preloader__sector:nth-child(15){transform:rotateY(168deg) translateZ(7rem)}.preloader__sector:nth-child(16){transform:rotateY(180deg) translateZ(7rem)}.preloader__sector:nth-child(17){transform:rotateY(192deg) translateZ(7rem)}.preloader__sector:nth-child(18){transform:rotateY(204deg) translateZ(7rem)}.preloader__sector:nth-child(19){transform:rotateY(216deg) translateZ(7rem)}.preloader__sector:nth-child(20){transform:rotateY(228deg) translateZ(7rem)}.preloader__sector:nth-child(21){transform:rotateY(240deg) translateZ(7rem)}.preloader__sector:nth-child(22){transform:rotateY(252deg) translateZ(7rem)}.preloader__sector:nth-child(23){transform:rotateY(264deg) translateZ(7rem)}.preloader__sector:nth-child(24){transform:rotateY(276deg) translateZ(7rem)}.preloader__sector:nth-child(25){transform:rotateY(288deg) translateZ(7rem)}.preloader__sector:nth-child(26){transform:rotateY(300deg) translateZ(7rem)}.preloader__sector:nth-child(27){transform:rotateY(312deg) translateZ(7rem)}.preloader__sector:nth-child(28){transform:rotateY(324deg) translateZ(7rem)}.preloader__sector:nth-child(29){transform:rotateY(336deg) translateZ(7rem)}.preloader__sector:nth-child(30){transform:rotateY(348deg) translateZ(7rem)}@keyframes tiltSpin{from{transform:rotateY(0) rotateX(30deg)}to{transform:rotateY(1turn) rotateX(30deg)}}@keyframes spin{from{transform:rotateY(0)}to{transform:rotateY(1turn)}}.confetti-container{position:fixed;top:-10px;left:0;width:100%;height:100vh;pointer-events:none;z-index:9999;overflow:hidden;perspective:1000px}.confetti{position:absolute;top:-10px;opacity:0}@keyframes confetti-fall-1{0%{transform:translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1}100%{transform:translate3d(-30px, 100vh, 0) rotateX(1080deg) rotateY(720deg) rotateZ(1440deg);opacity:0}}@keyframes confetti-fall-2{0%{transform:translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1}100%{transform:translate3d(40px, 100vh, 0) rotateX(900deg) rotateY(1080deg) rotateZ(1260deg);opacity:0}}@keyframes confetti-fall-3{0%{transform:translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1}100%{transform:translate3d(20px, 100vh, 0) rotateX(1260deg) rotateY(900deg) rotateZ(1080deg);opacity:0}}@keyframes confetti-fall-4{0%{transform:translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1}100%{transform:translate3d(-50px, 100vh, 0) rotateX(1440deg) rotateY(1260deg) rotateZ(900deg);opacity:0}}.achievement *{box-sizing:border-box}.achievement{position:fixed;pointer-events:none;width:100%;bottom:16px;z-index:100}@keyframes rotate{0%{transform:rotateY(0deg)}50%{transform:rotateY(360deg)}100%{transform:rotateY(0deg)}}@keyframes scale_circle_1{0%{transform:scale3d(0, 0, 0)}2%{opacity:1}5%{transform:scale3d(1, 1, 1);opacity:.8}6%{opacity:0}9%{opacity:0}10%{transform:scale3d(1, 1, 1);opacity:0}90%{transform:scale3d(0, 0, 0)}92%{opacity:1}95%{transform:scale3d(1, 1, 1);opacity:.8}96%{opacity:0}99%{opacity:0}100%{transform:scale3d(1, 1, 1);opacity:0}}@keyframes circle_grow_move{1%{opacity:0;transform:scale(0.1)}4%{transform:scale(1.1)}5%{transform:scale(1);opacity:1}11%{transform:translate(0);background-color:#39960c}24%{transform:translateX(-140px);background-color:#42ae0e}85%{transform:translateX(-140px);background-color:#42ae0e}89%{transform:translateX(0);background-color:#39960c}94%{transform:scale(1)}96%{transform:scale(1.1)}98%{transform:scale(0.1);opacity:1}99%{opacity:0}100%{transform:scale(0.1)}}@keyframes trophy_animate_opacity{0%{opacity:0}20%{opacity:0}24%{opacity:1}90%{opacity:1}95%{opacity:0}100%{opacity:0}}@keyframes xbox_animate_opacity{0%{opacity:1}19%{opacity:1;transform:scale3d(1, 1, 1)}23%{opacity:0}90%{opacity:0}95%{opacity:1}100%{opacity:1}}@keyframes banner-animate{0%{width:75px;opacity:0}2%{opacity:0}4%{opacity:1}11%{width:75px}24%{width:355px}85%{width:355px}89%{width:75px;opacity:1}90%{opacity:0}}@keyframes textSlide{0%{transform:translateY(85px);opacity:0}20%{transform:translateY(85px);opacity:0}25%{transform:translateY(0);opacity:1}79%{transform:translateY(0);opacity:1}84%{transform:translateY(-115px);opacity:0}100%{opacity:0}}.animation{width:355px;height:110px;padding:5px 0px 5px 0px;position:relative;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.circle.circle_animate{animation:circle_grow_move;animation-duration:10.5s;transform-origin:center}.circle.circle_animate::before{animation:scale_circle_1;animation-duration:10.5s;transform-origin:center;animation-iteration-count:2}.circle.circle_animate::after{animation:scale_circle_1;animation-duration:10.5s;animation-delay:.1s;transform-origin:center}.circle.circle_animate .trophy_animate{animation:trophy_animate_opacity;animation-duration:10.5s}.circle.circle_animate .xbox_img{animation:xbox_animate_opacity;animation-duration:10.5s;z-index:102}.circle{width:75px;height:75px;top:0;opacity:0;margin:0 auto;border-radius:100%;background:#39960c;position:relative;overflow:hidden;z-index:4}.circle::before{content:"";opacity:0;width:75px;height:75px;background-color:#40a90e;position:absolute;top:0;left:0;border-radius:50%;display:block}.circle::after{content:"";opacity:0;width:75px;height:75px;background-color:#32830a;position:absolute;top:0;left:0;border-radius:50%;display:block}.circle .img{height:50%;left:25%;top:25%;position:absolute;z-index:100}.circle .img img{height:100%;position:absolute}.circle .trophy_1{animation:rotate;animation-duration:6s;animation-iteration-count:infinite}.achieve_disp_animate{animation:textSlide;animation-duration:10.5s}.banner{width:355px;height:75px;position:relative;left:0;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;right:0;margin:0 auto;background:#39960c;overflow:hidden;border-radius:100px}.banner-outer{display:flex;align-items:center;align-content:center;width:100%;top:-75px;position:relative}.banner.banner-animate{animation:banner-animate;animation-duration:10.5s}.achieve_name::before,.achieve_score::before{display:none !important;opacity:0;content:""}.achieve_name::after,.achieve_score::after{display:none;content:""}.achieve_disp{display:flex;flex-direction:column;width:60%;position:absolute;justify-content:center;margin-left:95px;left:0;height:100%;top:0}.achieve_disp input{opacity:1 !important}.achieve_disp .score_disp{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-bottom:0 !important}.achieve_disp .achiev_name{border:none;outline:none;background:none;font-size:13pt;color:#fff;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.acheive_score{margin-left:5px;margin-right:5px;color:#fff}.unlocked{width:100%;color:#fff;font-weight:400}.gamerscore{display:flex;flex-direction:row;align-items:center;height:24px}.gamerscore input{margin-left:5px;width:30px;margin-right:5px;background:none;outline:none;border:none;color:#fff;overflow:visible;font-family:"open sans",sans-serif;font-weight:bold;font-size:13pt}.hyphen_sep{margin-right:5px;color:#fff;font-size:15pt;line-height:24px}.player-card-menu{background-color:var(--card-background-color);border:2px solid var(--primary-color);border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:10001;white-space:nowrap;pointer-events:all;animation:liquidExpand .4s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards}.player-card-menu.closing{animation:liquidCollapse .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards}.player-card-menu::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-top:10px solid var(--primary-color)}@keyframes liquidExpand{0%{transform:translateX(-50%) translateY(-100%) scale(0.3, 0.1);opacity:0}50%{transform:translateX(-50%) translateY(-100%) scale(1.1, 0.9);opacity:.8}70%{transform:translateX(-50%) translateY(-100%) scale(0.95, 1.05)}100%{transform:translateX(-50%) translateY(-100%) scale(1, 1);opacity:1}}@keyframes liquidCollapse{0%{transform:translateX(-50%) translateY(-100%) scale(1, 1);opacity:1}50%{transform:translateX(-50%) translateY(-100%) scale(1.05, 0.95);opacity:.6}100%{transform:translateX(-50%) translateY(-100%) scale(0.1, 0.1);opacity:0}}.emoji-reaction-btn{font-size:24px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.emoji-reaction-btn:hover{background-color:var(--hover-background-color);transform:scale(1.2)}.emoji-reaction-btn:active{transform:scale(0.9)}.nudge-player-btn{background-color:#ffc107;color:#212529;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:bold;transition:all .2s ease;margin-left:4px}.nudge-player-btn:hover{background-color:#e0a800;transform:scale(1.05)}.nudge-player-btn:active{transform:scale(0.95)}.nudge-player-btn:disabled{background-color:#6c757d;color:#adb5bd;cursor:not-allowed}.nudge-player-btn:disabled:hover{background-color:#6c757d;transform:scale(1)}.nudge-player-btn.cooldown{background-color:#9e9e9e;color:#fff;min-width:50px}.nudge-player-btn.cooldown:hover{background-color:#9e9e9e}.kick-player-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:bold;transition:all .2s ease;margin-left:4px}.kick-player-btn:hover{background-color:#c82333;transform:scale(1.05)}.kick-player-btn:active{transform:scale(0.95)}.floating-emoji{position:absolute;font-size:32px;pointer-events:none;z-index:999;animation:floatUp 2s ease-out forwards}@keyframes floatUp{0%{transform:translateY(0) translateX(0) scale(0.5);opacity:0}20%{opacity:1;transform:translateY(-20px) translateX(var(--random-x, 0)) scale(1)}100%{transform:translateY(-150px) translateX(var(--random-x, 0)) scale(0.8);opacity:0}}.player-card-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background-color:rgba(0,0,0,0);cursor:default}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background-color:var(--card-background-color);border:2px solid var(--primary-color);border-radius:10px;padding:16px 20px;box-shadow:0 8px 16px rgba(0,0,0,.3);min-width:300px;max-width:400px;animation:slideInRight .3s ease-out forwards;pointer-events:all;position:relative}.toast.closing{animation:slideOutRight .3s ease-in forwards}.toast.kick-vote{border-color:#dc3545}.toast.kick-vote .toast-title{color:#dc3545}.toast.success{border-color:#28a745}.toast.success .toast-title{color:#28a745}.toast.failed{border-color:#ffc107}.toast.failed .toast-title{color:#ffc107}.toast-title{font-size:16px;font-weight:bold;margin-bottom:8px;color:var(--text-color)}.toast-message{font-size:14px;color:var(--text-color);margin-bottom:8px}.toast-vote-buttons{display:flex;gap:8px;margin:8px 0}.toast-vote-btn{flex:1;padding:8px 16px;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:bold;cursor:pointer;transition:all .2s ease}.toast-vote-btn.yes{background-color:#28a745}.toast-vote-btn.yes:hover:not(:disabled){background-color:#218838;transform:scale(1.02)}.toast-vote-btn.yes.voted{background-color:#1e7e34;box-shadow:0 0 0 3px rgba(40,167,69,.3)}.toast-vote-btn.no{background-color:#6c757d}.toast-vote-btn.no:hover:not(:disabled){background-color:#5a6268;transform:scale(1.02)}.toast-vote-btn.no.voted{background-color:#545b62;box-shadow:0 0 0 3px rgba(108,117,125,.3)}.toast-vote-btn:active:not(:disabled){transform:scale(0.98)}.toast-vote-btn:disabled{cursor:not-allowed;opacity:.5}.toast-vote-btn.disabled{opacity:.3}.toast-countdown{font-size:18px;font-weight:bold;text-align:center;color:var(--primary-color);margin-top:8px}.toast-progress{width:100%;height:4px;background-color:var(--border-color);border-radius:2px;overflow:hidden;margin-top:10px}.toast-progress .toast-progress-bar{height:100%;background-color:var(--primary-color);transition:width .1s linear}.toast-progress.danger .toast-progress-bar{background-color:#dc3545}.toast-progress.success .toast-progress-bar{background-color:#28a745}.toast-votes{font-size:14px;color:var(--text-color);margin-top:8px;text-align:center;font-weight:bold}@keyframes slideInRight{0%{transform:translateX(400px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}100%{transform:translateX(400px);opacity:0}}:root{--background-color: #f0f0f0;--text-color: #333;--primary-color: #007bff;--secondary-color: #0069d9;--selected-card-background-color: #0077c2;--card-background-color: #fff;--card-text-color: #333;--button-background-color: #007bff;--button-background-hover-color: #0069d9;--button-text-color: #fff;--input-background-color: #fff;--input-text-color: #333;--border-color: #ccc;--hover-background-color: #f8f9fa;--player-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);--selected-card-box-shadow: 0 0 10px #0077c2;--spectator-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)}.dark-theme{--background-color: #181a1b;--text-color: #e8e6e3;--primary-color: #1f6feb;--secondary-color: #1a5bb8;--selected-card-background-color: #03418d;--card-background-color: #272727;--card-text-color: #e8e6e3;--button-background-color: #1f6feb;--button-background-hover-color: #0069d9;--button-text-color: #e8e6e3;--input-background-color: #242526;--input-text-color: #e8e6e3;--border-color: #3a3b3c;--hover-background-color: #0c0c0c;--player-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);--selected-card-box-shadow: 0 0 10px #004875;--spectator-box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1)}body{justify-content:center;align-items:center;background-color:var(--background-color);color:var(--text-color);font-family:"Open Sans",sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-color)}#room-code-top{font-size:18px;font-weight:bold;color:var(--text-color)}#top-title-area{display:flex;flex-direction:column;justify-content:center;align-items:center}.apptitle{margin-bottom:0px}.appversion{margin-top:0px;margin-bottom:0px;font-size:x-small;color:#666}#top-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;height:90px;padding:0 20px;margin-bottom:10px}#top-title-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}#top-title-container #top-title h2{margin:0;font-size:28px;font-weight:700;color:var(--text-color)}#top-title-container #room-code-top{padding:6px 16px;background-color:var(--card-background-color);border-radius:20px;border:2px solid var(--primary-color);box-shadow:0 2px 8px rgba(0,0,0,.1);font-family:"Courier New",monospace;letter-spacing:2px;font-size:18px;font-weight:bold;color:var(--text-color)}#play-area{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:97vh}#play-area .players-container{display:flex;flex-direction:column;align-items:center;text-align:center;flex-wrap:wrap;justify-content:space-between;width:100%}#main-content{flex-basis:70%;padding-left:10px;padding-right:10px;flex-direction:column;display:flex;height:100%;justify-content:space-between}#side-bar{display:flex;flex-direction:column;flex-basis:30%;padding-left:20px;padding-right:20px;height:97vh;border-left:2px solid var(--border-color);justify-content:space-between;background:linear-gradient(180deg, transparent 0%, var(--background-color) 100%);box-sizing:border-box;overflow-y:auto}#side-bar .side-bar-items{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-top:10px;width:100%;box-sizing:border-box}#players{display:flex;width:90%;min-height:300px;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:20px;border:2px solid var(--border-color);padding-top:2rem;padding-bottom:2rem;border-radius:20px;box-shadow:0 8px 16px rgba(0,0,0,.1);background:linear-gradient(135deg, var(--card-background-color) 0%, var(--background-color) 100%);transition:all .3s ease}#players:hover{box-shadow:0 12px 24px rgba(0,0,0,.15)}#spectators{display:flex;width:100%;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;align-items:center;margin-bottom:20px;padding-top:30px;box-sizing:border-box}#bottom-sidebar{gap:12px;display:flex;align-items:center;flex-direction:row;height:auto;width:auto;justify-content:space-evenly;position:relative;bottom:10px}.player-header{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color);box-sizing:border-box}.player-header h3{margin:0;color:var(--text-color);font-size:18px;font-weight:600}#player-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.player-card-image{max-width:100%;max-height:100%}#spectator-cards{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box}.card{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:150px;background-color:var(--card-background-color);color:var(--card-text-color);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:12px;margin:10px 10px 0;border:2px solid rgba(0,0,0,0);transition:all .3s ease}.card .name{font-size:18px;font-weight:bold;margin-bottom:10px}.card .score{font-size:40px;font-weight:bold}.card.selected{background-color:var(--selected-card-background-color);color:#fff;box-shadow:0 8px 16px rgba(0,123,255,.4);border-color:var(--primary-color)}.spectator-card{display:flex;flex-direction:row;align-items:center;gap:12px;width:calc(100% - 40px);padding:12px 16px;background-color:var(--card-background-color);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:6px 20px;transition:all .2s ease;border:2px solid rgba(0,0,0,0);box-sizing:border-box}.spectator-card:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--primary-color)}.spectator-card .name{font-size:16px;font-weight:600;color:var(--text-color);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-card.disconnected{opacity:.5;filter:grayscale(50%)}#bottom-cards{gap:20px;display:flex;align-items:center;flex-direction:column;height:auto;width:auto;position:relative;z-index:1}#control-buttons{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}#flip-cards-button{position:relative;display:flex;justify-content:center;align-items:center}.flip-card-button{display:inline-block;padding:12px 24px;border-radius:12px;background:linear-gradient(135deg, var(--button-background-color), var(--secondary-color));cursor:pointer;color:var(--button-text-color);transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);font-size:16px;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.15);border:none}.flip-card-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2)}.flip-card-button:active{transform:translateY(0) scale(0.98)}#cards{gap:10px;display:flex;align-items:center;flex-direction:row;height:auto;width:auto;justify-content:space-evenly}.card-number{display:flex;justify-content:center;align-items:center;width:20px;height:45px;padding:.5rem .75rem;border-radius:10px;background-color:var(--card-background-color);cursor:pointer;position:relative;border:2px solid var(--border-color);transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);box-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600}.card-number:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.15);border-color:var(--primary-color)}.card-number:active{transform:translateY(-2px) scale(1.02)}.card-number.selected{background:linear-gradient(135deg, var(--selected-card-background-color), var(--secondary-color));color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.15);border-color:var(--primary-color);transform:translateY(-4px)}.card-number img.card-image{max-height:100%}#create-join-area{display:flex;flex-direction:column;align-items:center;text-align:center;flex-wrap:wrap;justify-content:space-between}#create-join-area .container{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center;align-items:stretch;width:100%}#create-join-area .container #create-room-container,#create-join-area .container #join-room-container{flex-basis:40%;margin:1rem}#create-join-area h1{margin-top:0;font-size:2rem}#create-join-area #create-room-container,#create-join-area #join-room-container{margin-top:2rem;border:1px solid #ccc;padding:2rem;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1)}#create-join-area .input-group{margin-bottom:1rem;text-align:left}#create-join-area .input-group label{display:block;font-weight:bold;margin-bottom:.5rem}#create-join-area .input-group input[type=text]{padding:.5rem;font-size:1rem;border-radius:5px;border:1px solid var(--border-color);color:var(--input-text-color);background-color:var(--input-background-color);width:100%}#create-join-area .create-join-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}#create-join-area .create-join-buttons button{padding:.5rem 1rem;font-size:1rem;border-radius:5px;border:none;cursor:pointer;background-color:var(--button-background-color);color:var(--button-text-color);transition:all .2s ease-in-out}#create-join-area .create-join-buttons button:hover{background-color:var(--button-background-hover-color)}#player-name-area{display:flex;flex-direction:column;align-items:center;text-align:center;flex-wrap:wrap;justify-content:space-between}#player-name-area .container{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center;align-items:stretch;width:100%}#player-name-area .container #enter-name-container{flex-basis:40%;margin:1rem}#player-name-area h1{margin-top:0;font-size:2rem}#player-name-area #enter-name-container{margin-top:2rem;border:1px solid #ccc;padding:2rem;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1)}#player-name-area .input-group{margin-bottom:1rem;text-align:left}#player-name-area .input-group label{display:block;font-weight:bold;margin-bottom:.5rem}#player-name-area .input-group input[type=text]{padding:.5rem;font-size:1rem;border-radius:5px;border:1px solid var(--border-color);width:100%;background-color:var(--input-background-color);color:var(--input-text-color)}#player-name-area .create-join-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}#player-name-area .create-join-buttons button{padding:.5rem 1rem;font-size:1rem;border-radius:5px;border:none;cursor:pointer;background-color:#007bff;color:#fff;transition:all .2s ease-in-out}#player-name-area .create-join-buttons button:hover{background-color:#0069d9}#reset-button-container{display:flex;justify-content:center}#reset-cards-button{font-size:16px;font-weight:600;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg, #dc3545, #c82333);color:#fff;transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);box-shadow:0 2px 6px rgba(0,0,0,.15)}#reset-cards-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2)}#reset-cards-button:active{transform:translateY(0) scale(0.98)}.select-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;width:100%}.select-box{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.5rem 1rem;font-size:1rem;font-family:"Open Sans",sans-serif;border:1px solid var(--border-color);color:var(--input-text-color);background-color:var(--input-background-color);border-radius:5px;width:100%;cursor:pointer;transition:all .2s ease-in-out}.select-box::after{content:"▼";position:absolute;right:1rem;font-size:1rem;color:#666;pointer-events:none}.select-box:hover{border-color:#007bff;background-color:var(--input-background-color)}.select-box:focus{outline:none;border-color:#0069d9}.select-box option{padding:10px}.hidden{display:none !important}/*# sourceMappingURL=main.css.map */