@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&display=swap";*{-webkit-tap-highlight-color:transparent}nav{background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px 30px;display:flex}.auth-page{justify-content:center}.auth-page h1{text-align:center;justify-content:center}.auth-page h1 a{justify-content:center;margin-top:30px;margin-left:40px}h1{align-items:center;height:60px;margin:0;display:flex}h1 a{color:#28a745;align-items:center;width:100%;height:auto;margin-top:15px;padding:20px 25px 0 0;font-size:50px;font-weight:700;line-height:40px;transition:color .5s,transform .5s;display:flex}h1 a:hover{color:#19692c;transform:scale(1.05)}.camaleon{flex-shrink:0;margin-top:10px;margin-left:15px}ul{align-items:center;margin-top:0;padding:0;list-style:none;display:flex}li{margin-left:15px}ul li a{text-align:center;color:#a9a9a9;border-radius:40px;width:100%;padding:10px 20px;font-family:Baloo,cursive;font-size:20px;font-weight:500;line-height:40px;transition:transform .3s,color .5s;display:inline-block;position:relative}ul li a,.nav-btn-style{text-align:center;color:#a9a9a9;cursor:pointer;background:0 0;border:none;border-radius:40px;justify-content:center;align-items:center;width:100%;padding:10px 20px;font-family:Baloo,cursive;font-size:20px;font-weight:500;line-height:40px;text-decoration:none;transition:transform .3s,color .5s;display:inline-flex;position:relative}ul li a:before,.nav-btn-style:before{content:"";z-index:-1;border-radius:40px;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.9)}ul li a:hover:before,.nav-btn-style:hover:before{transform:scale(1)}ul li a:before{content:"";z-index:-1;border-radius:40px;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.9)}ul li a:hover:before{transform:scale(1)}ul li a:hover,.nav-btn-style:hover{color:#0ce900;box-shadow:0 0 10px #0ce900,0 0 10px #0ce900}ul li:last-child{margin-left:10px}.language-dropdown-menu{z-index:1000;background-color:#1a1a1a;border:1px solid #0ce900;border-radius:15px;flex-direction:column;gap:5px;min-width:150px;padding:10px;display:flex;position:absolute;top:110%;left:50%;transform:translate(-50%);box-shadow:0 0 15px #0ce90033}.language-option{color:#a9a9a9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-family:Baloo,cursive;font-size:18px;transition:all .3s;display:flex}.language-option:hover{color:#0ce900;background-color:#0ce9001a}.hide-menu ul{display:none}.hide-menu{justify-content:center;align-items:center;width:85%;margin:0 auto 0 9%;display:flex}@media (max-width:1200px){h1 a{text-align:center;color:#28a745;font-size:40px}ul li a{font-size:18px}}@media (max-width:768px){nav{flex-direction:column;align-items:center;padding:10px}h1 a{text-align:center;color:#28a745;width:100%;height:60px;margin-top:3.5%;padding:0;font-family:Baloo,cursive;font-size:35px;line-height:40px;display:inline-flex}.camaleon{width:auto;height:auto;margin-top:-10px;margin-left:5px}ul{flex-direction:column;align-items:center;width:100%;padding:0}li{width:100%;margin-bottom:10px;margin-left:0}ul li a{text-align:center;border-radius:20px;width:100%;height:60px;margin-top:15px;padding:0;font-size:18px;line-height:50px;display:block}ul li:last-child{margin-left:1px}.nav-btn-style{margin-top:15px}}@media (max-width:1200px){h1 a{padding:0 20px 0 0;font-size:42px}ul li a{padding:10px 18px;font-size:17px}}@media (max-width:768px){nav{padding:10px 15px}h1{justify-content:center;height:50px}h1 a{margin-top:45px;margin-left:20px;padding:0 15px 0 0;font-size:36px}.camaleon{width:auto;height:auto;margin-top:10px;margin-left:6px}ul{margin-top:30px}ul li a{margin-top:10px;padding:8px 0;font-size:20px}.nav-btn-style{margin-top:15px}}@media (min-width:769px) and (max-width:1024px){nav{padding:1rem 1.2rem}h1 a{font-size:2.2rem}}.footer{color:#fff;background:linear-gradient(135deg,#59876a 0%,#033a18 60%);border-top:3px solid #ffd93d;min-height:320px;padding:1rem 1rem 1.5rem;position:relative}.chameleon2-gif{opacity:.7;z-index:1;width:120px;height:105px;position:absolute;bottom:5px;right:25px}.footer-container{z-index:2;max-width:1000px;margin:0 auto;position:relative}.footer-main{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.footer-brand{text-align:center;border-bottom:2px solid #ffd93d66;padding-bottom:1rem}.footer-title{color:#ffd93d;letter-spacing:.5px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.footer-tagline{color:#c8e6c9;margin:0 auto;font-size:1.1rem}.footer-details{text-align:center;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.detail-row{background:#ffffff0d;border:1px solid #ffd93d1a;border-radius:8px;flex-direction:column;align-items:center;padding:1rem;display:flex}.detail-label{color:#ffd93d;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.detail-value{color:#fff;font-size:1rem;font-weight:500;line-height:1.3}.footer-academic{text-align:center;background:#0003;border-radius:10px;padding:1.5rem}.project-info{color:#bbdefb;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.year-info{color:#ffcc80;padding:.5rem 1.5rem;font-size:1rem;font-weight:700;display:inline-block}.footer-bottom{text-align:center;border-top:1px solid #ffffff4d;padding-top:1.5rem}.copyright{color:#c3d3db;margin-bottom:.5rem;font-size:.9rem}.implementation{color:#94e498;font-size:.95rem;font-weight:600}@media (max-width:768px){.footer{min-height:auto;padding-bottom:100px;position:relative}.footer-details{grid-template-columns:1fr;gap:1rem}.footer-title{font-size:1.7rem}.chameleon2-gif{z-index:2;width:100px;height:80px;position:absolute;inset:auto 50% 20px auto;transform:translate(50%)}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";pointer-events:none;position:absolute;top:0;left:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size)/2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size)/2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size)/2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px)0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);touch-action:none;background:var(--swiper-scrollbar-bg-color,#0000001a);position:relative}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);width:100%;height:100%;position:relative;top:0;left:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{object-fit:contain;max-width:100%;max-height:100%}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{pointer-events:none;opacity:0;z-index:-1000;position:absolute;top:0;left:0}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-flow:column wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{opacity:.6;z-index:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.swiper-cube .swiper-cube-shadow:before{content:"";filter:blur(50px);background:#000;position:absolute;inset:0}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;transition-property:transform,opacity,height;overflow:hidden}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:bottom;backface-visibility:hidden;overflow:hidden}@font-face{font-family:Baloo;src:url(/assets/Baloo-De92v7Gd.ttf)format("truetype");font-weight:400;font-style:normal}::-webkit-scrollbar{width:9px;height:12px}::-webkit-scrollbar-thumb{background-color:#0ab801;border:1px solid #6b6a6a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#078101}html:before,body:before{content:"";filter:brightness(140%);z-index:-1;background:url(/assets/jungle-6qrDPptu.webp) 50%/cover no-repeat;width:100%;height:100vh;min-height:-webkit-fill-available;position:fixed;top:0;left:0}section{text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:30px;transition:opacity .5s;display:flex}#intro{justify-content:center;align-items:center;min-height:100vh;margin-top:0;padding:40px 20px;display:flex}#intro .glow{font-size:65px}#intro h3{margin-top:10px;font-size:40px}#hero-title{margin-bottom:15px;font-size:60px}.hero-subtitle{color:#fff;text-shadow:0 2px 8px #000000b3;margin-top:30px;margin-bottom:0;font-size:28px;font-weight:600}.hero-header{text-align:center;order:2;margin-bottom:0}.text-container{text-align:center;order:3;max-width:700px;margin-bottom:30px}.slider-container{order:4;width:100%;max-width:1000px;margin:0}.card-slider{border-radius:20px;width:100%;height:350px;padding:30px 0}.card-slider .swiper-pagination-bullet{opacity:.6;background:#9effcb;width:12px;height:12px}.card-slider .swiper-pagination-bullet-active{background:#9effcb}.card-slider .swiper-button-next,.card-slider .swiper-button-prev{color:#9effcb;transition:all .3s}.card-slider .swiper-button-next:hover,.card-slider .swiper-button-prev:hover{color:#9effcb;transform:scale(1.1)}.mosquito-gif{width:100px;height:auto;display:block}.mosquito-container{order:1}#intro .description{color:#a3fda3;border-radius:15px;margin:0;padding:20px 30px;font-size:22px;font-weight:500;line-height:1.6}.text-and-slider{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;max-width:1200px;display:flex}.chameleon-card{object-fit:contain;filter:drop-shadow(0 8px 16px #00000080);width:90%;height:90%;margin:0 auto;transition:transform .3s;display:block}.swiper-slide-active .chameleon-card{transform:scale(1.1)}.swiper-slide{opacity:.7;margin:0;padding:0;transform:rotateY(15deg)scale(.9)}.swiper-wrapper{padding-left:0;padding-right:0}.swiper-slide-active{opacity:1;transform:rotateY(0)scale(1)}.swiper-slide-next{opacity:.8;transform:rotateY(-10deg)scale(.95)}.glow{color:#ffffffd4;text-align:center;font-size:48px;font-weight:700;animation:1.5s infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 4px green,0 0 8px green,0 0 12px #0f0}to{text-shadow:0 0 10px green,0 0 20px green,0 0 30px #0f0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}@media (max-width:768px){#intro{min-height:calc(100vh - 60px);padding:20px 15px}.text-and-slider{flex-direction:column;gap:10px;display:flex}.mosquito-container{order:1;margin-top:-50px;margin-bottom:-10px}#hero-title{order:2;margin-top:80px}.hero-subtitle{order:3;margin-top:80px;font-size:18px}.hero-header{margin-top:0;margin-bottom:5px}.text-container{order:4;max-width:100%}#intro .description{padding:15px 20px;font-size:16px;line-height:1.5}.slider-container{max-width:100%;margin:20px 0}.card-slider{height:180px;padding:20px 0}.swiper{width:100%;padding-left:0;padding-right:0}.swiper-slide{justify-content:center;align-items:center;display:flex}.swiper-pagination{bottom:5px}.swiper-pagination-bullet{width:8px;height:8px;margin:0 4px}.chameleon-card{width:85%;height:85%}.swiper-slide-active .chameleon-card{transform:scale(1.05)}.card-slider .swiper-button-next,.card-slider .swiper-button-prev{display:none}.card-slider .swiper-pagination-bullet{width:10px;height:10px}.mosquito-gif{width:70px}.glow{font-size:32px}}@media (max-width:480px){#hero-title{font-size:32px}.hero-subtitle{font-size:16px}#intro .description{padding:12px 15px;font-size:15px}.card-slider{height:150px}.glow{font-size:28px}}@media (max-width:320px){#hero-title{font-size:28px}.hero-subtitle{font-size:14px}#intro .description{padding:10px;font-size:13px}.card-slider{height:120px}.mosquito-gif{width:50px}}@media (min-width:769px) and (max-width:1024px){#hero-title{font-size:50px}.hero-subtitle{font-size:24px}#intro .description{font-size:20px}.card-slider{height:280px}}@media (min-width:1025px) and (max-width:1440px){.card-slider{height:320px}}@media (max-height:700px) and (max-width:768px){#intro{min-height:100vh;padding:15px 10px}.text-and-slider{gap:15px}.slider-container{margin:15px 0}.card-slider{height:140px}}.modal-success{z-index:9999;background:#000000d9;justify-content:center;align-items:center;font-family:Baloo,cursive;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:linear-gradient(135deg,#2196f3,#0d47a1);border:3px solid #4caf50;border-radius:20px;width:90%;max-width:400px;padding:2rem;animation:.5s ease-out forwards popUp;box-shadow:0 10px 30px #00000080}.success-icon{color:#4caf50;background:#4caf5026;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 15px;font-size:50px;font-weight:700;display:flex}.modal-content h3{color:#fff;margin:0 0 10px;font-size:28px;font-weight:600}.modal-success .modal-content p{color:#b3e5fc;margin:0 0 25px;font-size:18px;line-height:1.4}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-content{max-width:320px;padding:1.5rem}.success-icon{width:60px;height:60px;font-size:40px}.modal-content h3{font-size:24px}.modal-success .modal-content p{font-size:16px}}@media (max-width:480px){.modal-content{max-width:280px;padding:1.2rem}.success-icon{width:50px;height:50px;font-size:32px}.modal-content h3{font-size:20px}.modal-success .modal-content p{font-size:14px}}.register-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#181818,#363636) 50%;border-radius:15px;width:420px;margin:10% auto;padding:20px 30px;font-family:Baloo,cursive}.input-label{display:none}.register-header{text-align:center;width:100%;margin-bottom:5px}#register-title{text-align:center;color:#fff;width:100%;margin:10px 0 0;font-size:26px;display:block}#fullname,#username{padding-left:9px}.input-wrapper{flex-direction:row;align-items:center;width:100%;height:50px;margin-bottom:3px;display:flex;position:relative}.input-wrapper input{color:#fff;background:#282828;border:1px solid #333;border-radius:5px;width:100%;height:40px;padding:0 45px 0 10px;font-size:14px;transition:border-color .3s;box-shadow:0 4px 8px #0003}.input-wrapper input:focus{border-color:#fff;outline:none}.error-message{color:#f44;text-align:center;border-radius:5px;margin-bottom:15px;padding:10px;font-size:16px}.submit-button{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:5px;width:100%;height:40px;margin-top:10px;font-size:15px}.submit-button:hover:not(:disabled){background:#218838}.submit-button:disabled{cursor:not-allowed;background:#666}.submit-button.loading{background:#20c997}.spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-footer{background:0 0;border:none;margin-top:15px}.login-link{color:#fff;text-align:center;margin-bottom:5px;font-size:15px}@media (max-width:360px){.register-container{width:95%;margin:5% auto;padding:20px 15px}#register-title{margin:20px 0 0;font-size:22px}.input-wrapper input{height:42px;padding:0 45px 0 15px;font-size:14px}.input-icon{font-size:13px;right:12px}.submit-button{height:42px;font-size:15px}.login-link{font-size:14px}}@media (min-width:769px) and (max-width:1024px){.register-container{width:450px;margin:8% auto;padding:35px 40px}#register-title{margin:25px 0 0;font-size:28px}.input-wrapper input{height:45px;padding:0 45px 0 15px;font-size:16px}.submit-button{height:45px;font-size:17px}.login-link{font-size:16px}}@media (min-width:1200px){.register-container{width:440px;margin:5% auto;padding:35px}#register-title{font-size:28px}.input-wrapper input{height:42px;padding:0 45px 0 15px;font-size:15px}.submit-button{height:44px;font-size:16px}}@media (max-height:600px){.register-container{min-height:auto;margin:2% auto;padding:20px 25px}#register-title{margin:15px 0 0;font-size:24px}.input-wrapper{margin-bottom:2px}.register-footer{margin-top:15px}}@media (max-width:768px) and (orientation:landscape){.register-container{width:85%;margin:2% auto;padding:20px 25px}#register-title{margin:15px 0 0;font-size:24px}.input-wrapper{height:45px;margin-bottom:2px}.input-wrapper input{height:38px;padding:0 45px 0 15px}}@media (max-width:360px){.register-container{width:95%;margin:20px auto;padding:20px 15px 25px}#register-title{margin-bottom:20px;font-size:22px}.input-wrapper{margin-bottom:20px}.input-wrapper input{height:46px;font-size:14px}.submit-button{height:46px;font-size:15px}}@media (min-width:768px){.register-container{width:450px;margin:50px auto;padding:30px 35px 40px}#register-title{margin-bottom:30px;font-size:28px}.input-wrapper input{height:52px;font-size:16px}.submit-button{height:52px;font-size:17px}}@media (min-width:1025px){.register-container{width:440px;margin:60px auto;padding:35px 40px 45px}#register-title{font-size:30px}}@media (max-width:768px) and (orientation:landscape){.register-container{width:85%;margin:15px auto;padding:20px 25px}.input-wrapper{margin-bottom:18px}.input-wrapper input{height:46px}}@media (max-height:600px){.register-container{margin:15px auto;padding:20px 25px}#register-title{margin-bottom:20px;font-size:22px}}*{box-sizing:border-box}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#181818,#363636) 50%;border-radius:15px;width:420px;margin:13% auto;padding:20px 30px 30px;font-family:Baloo,cursive}.login-header{text-align:center;width:100%;margin-bottom:10px}.login-header h1{text-align:center;width:100%;margin:0;padding:0}#login-title{text-align:center;color:#fff;width:100%;margin:15px 0 0;font-size:26px;display:block}#username-login{color:#fff;background-color:#282828;border:1px solid #333;border-radius:5px;width:100%;padding:10px;transition:border-color .3s ease-in-out;box-shadow:0 4px 8px #0003}#username-login:focus,.input-wrapper input:focus{border-color:#fff;outline:none}.input-wrapper input::placeholder{color:#a5a5a5}.input-icon{color:#a5a5a5;font-size:14px;position:absolute;right:15px}.input-wrapper input:focus+.input-icon{color:#ff9900e6}.input-error{border-color:#f44}.field-error{color:#f44;text-align:center;margin-top:15px;font-size:15px;display:block}.error-message{color:#f44;text-align:center;border-radius:5px;padding:10px;font-size:16px}.submit-button{color:#fff;cursor:pointer;background:#ff99009b;border:none;border-radius:5px;width:100%;height:40px;font-size:15px;font-weight:600;transition:all .2s ease-in-out}.submit-button:hover{background-color:#28a745}.login-footer{background:0 0;border:none;margin-top:10px}.register-link{text-align:center;font-size:15px}.link{color:#ff9900e6;text-decoration:none}.link:hover{color:#28a745}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:360px){.login-container{width:95%;margin:5% auto;padding:20px 15px}#login-title{margin:20px 0 0;font-size:22px}.input-wrapper input{height:42px;padding:0 40px 0 12px;font-size:14px}.input-icon{font-size:13px;right:12px}.submit-button{height:42px;font-size:15px}.register-link{font-size:14px}}@media (min-width:769px) and (max-width:1024px){.login-container{width:450px;margin:8% auto;padding:35px 40px}#login-title{margin:25px 0 0;font-size:28px}.input-wrapper input{height:45px;font-size:16px}.submit-button{height:45px;font-size:17px}.register-link{font-size:16px}}@media (min-width:1200px){.login-container{width:440px;margin:5% auto;padding:35px}#login-title{font-size:28px}.input-wrapper input{height:42px;font-size:15px}.submit-button{height:44px;font-size:16px}}@media (max-height:600px){.login-container{min-height:auto;margin:2% auto;padding:20px 25px}#login-title{margin:15px 0 0;font-size:24px}.input-wrapper{margin-bottom:2px}.login-footer{margin-top:15px}}@media (max-width:768px) and (orientation:landscape){.login-container{width:85%;margin:2% auto;padding:20px 25px}#login-title{margin:15px 0 0;font-size:24px}.input-wrapper{height:45px;margin-bottom:2px}.input-wrapper input{height:38px}}.loading-container{justify-content:center;align-items:center;height:40vw;display:flex}.circle{border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;animation:2s ease-in-out infinite pulse-shadow;display:flex;position:relative}@keyframes pulse-shadow{0%{box-shadow:0 0 20px #16a1feb3,0 0 20px #16a1fe80}50%{box-shadow:0 0 80px #16a1fe,0 0 60px #16a1fecc}to{box-shadow:0 0 20px #16a1feb3,0 0 20px #16a1fe80}}.circle h1{z-index:2;margin:0 0 0 3px;font-size:3.3rem;position:relative}@media (max-width:1023px){.loading-container{height:50vh;min-height:250px}.circle{width:200px;height:200px}.circle h1{font-size:2.8rem}}@media (max-width:767px){.loading-container{height:80vh;min-height:200px}.circle{width:180px;height:180px}.circle h1{font-size:2.2rem}}@media (max-width:479px){.loading-container{height:60vh;min-height:180px}.circle{width:150px;height:150px}.circle h1{margin:0;font-size:1.8rem}}.profile-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:linear-gradient(#101010,#282828) 50%;border-radius:10px;flex-direction:column;align-items:center;width:90%;max-width:620px;margin:5% auto;padding:20px;display:flex;box-shadow:0 0 10px #0000004d}h2{text-align:center;color:#fff;margin-top:10px;font-size:30px}.profile-info{width:100%}.user-details,.profile-picture{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.photo{object-fit:cover;object-position:center;cursor:pointer;border:2px solid #28a745;border-radius:50%;width:150px;height:150px}.connection-status{justify-content:center;align-items:center;margin-top:15px;display:flex}.connection-status p{margin:0;font-size:18px}.status-icon{color:#28a745;margin-right:8px;font-size:24px}.user-data{text-align:center;background-color:#1e1e1ee6;border:1px solid #333;border-radius:10px;width:100%;max-width:500px;margin-top:5px;padding:20px;line-height:1.6;display:inline-block;box-shadow:4px 4px 10px #0009}.update-icon{cursor:pointer;color:#ff9900e6;margin-left:10px}.update-icon:hover{color:#298296}.user-data p{color:#dcdcdc;border-bottom:1px solid #686868;margin:10px 0;padding:10px;font-size:18px}.user-data p:last-child{border-bottom:none}.user-stats{text-align:center;color:#ddd;background-color:#282828e6;border:1px solid #444;border-radius:10px;width:100%;max-width:500px;margin-top:40px;padding:20px;box-shadow:4px 4px 10px #000000b3}.games{color:#dcdcdc;border-radius:5px;margin:10px 0;padding:10px;font-size:18px;transition:background-color .2s;box-shadow:inset 2px 2px 5px #0000004d}.user-stats .icon-game{color:#ff9900e6;margin-bottom:10px;font-size:27px}.user-actions{justify-content:center;gap:30px;width:100%;margin-top:30px;display:flex}.user-actions .button-password{color:#fff;cursor:pointer;background-color:#ff9900e6;border:none;border-radius:5px;padding:12px 24px;font-size:16px;transition:background-color .3s}.user-actions .button-delete{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:5px;padding:12px 24px;font-size:16px;transition:background-color .3s}.user-actions .button-password:hover{background-color:#e68900}.user-actions .button-delete:hover{background-color:#c82333}.alert{text-align:center;color:#fff;background:#28a745;border-radius:5px;margin-bottom:20px;padding:15px}@media (min-width:481px){.profile-container{width:90%;margin:8% auto;padding:20px}.photo{width:140px;height:140px}.user-data p{font-size:16px}}@media (max-width:480px){.user-data p{font-size:14px}}@media (min-width:769px){.profile-container{width:80%;max-width:620px;margin:6% auto;padding:25px}.photo{width:150px;height:150px}.user-actions{flex-direction:row;justify-content:center}.user-actions .button-password,.user-actions .button-delete{width:auto}}@media (min-width:1025px){.profile-container{margin:5% auto;padding:30px}h2{font-size:28px}}.email-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#181818,#363636) 50%;border-radius:10px;width:420px;margin:8% auto;padding:30px;box-shadow:0 0 10px #0000004d}h2{text-align:center;text-shadow:2px 2px 4px #00000080;margin-bottom:20px;font-size:27px}form{flex-direction:column;gap:15px;padding:20px 45px;display:flex}input[type=password],input[type=email]{color:#fff;background-color:#282828;border:1px solid #333;border-radius:5px;width:100%;padding:10px;transition:all .3s ease-in-out;box-shadow:0 4px 8px #0003}.inputsEmailUpdate .icon{margin-top:12px;font-size:12px;position:absolute;right:85px}input:focus{border:1px solid #ebe9e9;outline:none}.button-updateEmail,.button-cancelEmail{color:#fff;cursor:pointer;background-color:#ff99009b;border:none;border-radius:5px;flex:1;max-width:120px;padding:10px 20px;font-weight:700;transition:all .2s ease-in-out}.button-updateEmail:hover{background-color:#28a745}.button-cancelEmail:hover{background-color:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#121613;min-height:100vh;font-family:Baloo,cursive}.form-header{text-align:center;width:100%;display:block}.form-header h1{text-align:center;width:100%;font-size:24px;display:block;transform:translateY(25px)}.password-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#181818,#363636) 50%;border-radius:10px;width:420px;margin:8% auto;padding:20px;box-shadow:0 0 10px #0000004d}.inputsPasswordUpdate .icon{margin-top:12.5px;font-size:12px;position:absolute;right:85px}.button-group{justify-content:center;gap:10px;margin-top:20px;display:flex}.button-updatePassword,.button-cancelPassword{color:#fff;cursor:pointer;background-color:#ff99009b;border:none;border-radius:5px;flex:1;max-width:140px;padding:10px 20px;font-weight:700;transition:all .2s ease-in-out}.button-updatePassword:hover:not(:disabled){background-color:#28a745}.button-cancelPassword:hover:not(:disabled){background-color:#e74c3c}.button-updatePassword:disabled{cursor:not-allowed;background-color:#666}.input-wrapper{position:relative}.input-icon{color:#fff;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.validation-rules{text-align:center;background-color:#282828;border-radius:5px;margin-top:10px;padding:10px}.valid{color:#28a745}.invalid{color:#e74c3c}.validation-title{text-align:center;margin-bottom:5px}.validation-list{text-align:center;flex-direction:column;gap:10px;list-style:none;display:flex}:root{--error-p:#e74c3c;--update-u:#28a745}.modal{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:linear-gradient(#181818,#363636);border-radius:10px;padding:20px;box-shadow:0 0 10px #0000004d}.modal-content h2{color:#fff;margin-bottom:20px}.modal-content p{color:var(--error-p);margin-bottom:15px}.modal-content label{color:#fff;margin-bottom:5px;display:block}.file-input-container{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.custom-file-label{color:#fff;cursor:pointer;background-color:#ff99009b;border-radius:5px;padding:10px 20px;transition:background-color .2s ease-in-out;display:inline-block}.custom-file-label:hover{background-color:#ad591c}.custom-file-input{display:none}.file-selected{color:#fff;margin-top:10px;font-size:14px}.button-container{justify-content:center;gap:10px;margin-top:10px;display:flex}.button-updatePicture,.button-cancelPicture{color:#fff;cursor:pointer;background-color:#ff99009b;border:none;border-radius:5px;padding:10px 20px;font-weight:700;transition:all .2s ease-in-out}.button-updatePicture:hover{background-color:var(--update-u)}.button-cancelPicture:hover{background-color:var(--error-p)}a{color:#ff9900e6;text-decoration:none;transition:all .2s ease-in-out}a:hover{color:var(--update-u)}.chat-container{border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;height:100vh;margin:0 auto;padding:5px;display:flex;overflow:hidden}.messages-and-users{background-image:url(/assets/chat-dlMv5UPD.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;flex-direction:column;flex-grow:1;gap:15px;width:100%;margin-top:10px;padding:15px;display:flex;overflow:hidden}.messages-section{border-radius:10px;flex-direction:column;flex:1;max-width:100%;min-height:400px;max-height:60vh;padding:10px;display:flex;overflow-y:auto}.message-list{scrollbar-width:thin;scrollbar-color:#4b8af8 #1e2832cc;border-radius:10px;flex-direction:column;gap:8px;max-height:100%;padding:8px;display:flex;overflow-y:auto}.connected-users-panel::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar{width:6px}.connected-users-panel::-webkit-scrollbar-track{background:#1e2832cc;border-radius:10px}.message-list::-webkit-scrollbar-track{background:#1e2832cc;border-radius:10px}.connected-users-panel::-webkit-scrollbar-thumb{background-color:#4b8af8;border:none;border-radius:10px}.message-list::-webkit-scrollbar-thumb{background-color:#4b8af8;border:none;border-radius:10px}.connected-users-panel::-webkit-scrollbar-thumb:hover{background-color:#3a7ae0}.message-list::-webkit-scrollbar-thumb:hover{background-color:#3a7ae0}.connected-users-panel,.message-list{scrollbar-width:thin;scrollbar-color:#4b8af8 #1e2832cc}.message-item{color:#eaeaea;background-color:#1e2832cc;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px;padding:12px 10px;transition:background-color .3s;display:flex}.message-item:hover{background-color:#28323ce6}.message-item:hover .reaction-button{opacity:1}.reaction-button{color:#fff;cursor:pointer;opacity:0;background-color:#0000;border:none;outline:none;margin-left:5px;transition:transform .2s,opacity .2s}.reaction-button:hover{transform:scale(1.1)}.reaction-button i{font-size:1.5em}.reaction-picker{box-shadow:0 4px 12px #0000004d}.message-item:not(:has(.reaction-button:hover)) .reaction-picker{opacity:0;visibility:hidden;display:none}.message-item .reaction-button:focus+.reaction-picker,.reaction-picker:focus-within{opacity:1;visibility:visible;display:block}.reaction-picker:not(:hover):not(:focus-within){opacity:0;visibility:hidden;display:none}.message-text{border-radius:8px;flex-grow:1;width:100%;padding-left:3px;position:relative}.message-header{align-items:center;gap:15px;width:100%;margin-bottom:10px;display:flex}.message-sender{margin-right:auto;font-size:.9rem;font-weight:700}.profile-pic{object-fit:cover;border-radius:50%;width:35px;height:35px}.message-time{color:#e6e6e6;white-space:nowrap;padding-bottom:10px;font-size:.9em}.message-content{color:#eaeaea;word-wrap:break-word;overflow-wrap:break-word;width:100%;margin-top:15px;font-size:.95em;line-height:1.4}.message-reactions{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-top:12px;padding-top:12px;display:flex}.reaction{background:#ffffff1a;border-radius:10px;align-items:center;padding:3px 6px;display:flex}.reaction span{margin:0 2px;font-size:.85em}.connected-users-panel{background-color:#1e2832cc;border:1px solid #000;border-radius:12px;order:-1;width:100%;max-width:100%;height:auto;max-height:200px;margin-top:0;margin-bottom:10px;padding:15px 10px;overflow-y:auto}.connected-users-panel h2{color:#fff;text-align:center;border-bottom:2px solid #fff;margin-bottom:10px;font-size:1.1rem}.connected-users-panel ul{flex-direction:column;align-items:center;margin:0 auto;padding:0;list-style:none;display:flex}.user-item{color:#fff;justify-content:center;align-items:center;width:100%;margin-left:0;padding:6px;font-size:.95rem;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-indicator.online{background-color:#4caf50}.status-indicator.offline{background-color:#f44336}.chat-form{border-radius:0 0 10px 10px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:8px;display:flex;position:relative}.input-container{flex-grow:1;position:relative}.chatInput{color:#fff;background-color:#282828;border:1px solid #333;border-radius:12px;width:100%;padding:10px 45px 10px 12px;font-size:.95rem;transition:border .3s}.emoticon-button{cursor:pointer;color:#fff;background:0 0;border:none;font-size:1.3em;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.emoticon-picker{cursor:pointer;text-align:center;max-width:250px;padding:8px;font-size:24px;line-height:1;position:absolute;bottom:50px;left:50%;overflow-y:auto;transform:translate(-50%)}.emoticon-list{background-color:#6da0f8;border:1px solid #ddd;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(35px,1fr));gap:8px;max-width:250px;max-height:200px;padding:10px;display:grid;overflow-y:auto}.emoticon-item{cursor:pointer;text-align:center;background:0 0;border:none;padding:6px;font-size:24px;transition:transform .2s,background-color .2s}.emoticon-item:hover{transform:scale(1.2)}.chat-form .submitChat{color:#fff;cursor:pointer;white-space:nowrap;background-color:#4b8af8;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:background-color .3s}.chat-form .submitChat:hover{background:#4caf50}.typing-indicator{opacity:0;visibility:hidden;color:#eaeaea;background-color:#1e2832cc;border-radius:8px;justify-content:center;align-items:center;margin:8px auto 0;padding:6px 10px;font-size:13px;animation:2.5s infinite blink;display:flex}.typing-indicator.visible{visibility:visible;opacity:1}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}@media (min-width:768px){.chat-container{max-width:1200px;height:100vh;padding:10px}.messages-and-users{border-radius:40px;flex-direction:row;gap:20px;margin-top:20px;padding:20px}.connected-users-panel{flex:1;order:2;max-width:200px;height:97%;max-height:97%;margin-top:10px;margin-bottom:0;padding:20px 10px}.messages-section{max-width:900px;min-height:600px;max-height:70vh;padding:15px}.message-list{gap:10px;max-height:70vh;padding:10px}.message-item{gap:10px;padding:20px 15px}.message-header{gap:15px;margin-bottom:10px}.message-sender{font-size:1em}.profile-pic{width:40px;height:40px}.message-time{margin-top:7px;font-size:.9em}.message-content{margin-top:25px;font-size:1em;line-height:1.5}.message-reactions{gap:10px;margin-top:12px;padding-top:12px}.chat-form{gap:10px;padding:10px}.chatInput{padding:12px 50px 12px 15px;font-size:1rem}.emoticon-button{font-size:1.5em;right:15px}.emoticon-picker{max-width:300px;font-size:28px}.emoticon-list{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:10px;max-width:300px;max-height:250px;padding:12px}.emoticon-item{padding:8px;font-size:28px}.chat-form .submitChat{padding:10px 20px;font-size:1rem}.typing-indicator{margin-top:10px;padding:8px 12px;font-size:14px}}@media (min-width:1025px){.chat-container{padding:15px}.messages-and-users{padding:25px}}@media (max-width:768px) and (orientation:landscape){.chat-container{height:calc(100vh - 60px)}.messages-and-users{flex-direction:row;min-height:70vh}.connected-users-panel{order:2;max-width:180px;max-height:70vh}.messages-section{max-height:60vh}}@media (max-width:320px){.messages-and-users{border-radius:15px;padding:10px}.connected-users-panel{max-height:150px;padding:10px 8px}.messages-section{min-height:350px}.message-item{padding:10px 8px}.message-sender{font-size:.85rem}.message-content{margin-top:12px;font-size:.9rem}.chat-form .submitChat{padding:8px 12px;font-size:.9rem}}.container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 400px);margin:0 auto;padding-top:80px;display:flex}.buttons{flex-wrap:wrap;justify-content:center;gap:50px;width:100%;max-width:500px;margin-top:30px;display:flex}.create-game,.join-game{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex:1;min-width:160px;max-width:220px;min-height:54px;padding:16px 32px;font-family:Baloo,cursive;font-size:1rem;transition:transform .3s,background-color .3s,opacity .3s}.create-game:active,.join-game:active{transform:scale(.98)}.create-game:hover,.join-game:hover{opacity:.9}h1{text-align:center;margin-top:0;margin-bottom:20px;padding:0 20px;font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.3}@media (max-height:600px){.container{justify-content:flex-start;padding-top:60px}}@media (max-width:480px){.buttons{flex-direction:column;align-items:center;gap:15px}.create-game,.join-game{width:100%;min-width:200px;max-width:280px}}@media (max-width:768px){.container{justify-content:flex-start;padding-top:10px}.create-game,.join-game{min-height:50px;padding:14px 28px;font-size:.95rem}h1{margin-bottom:10px}}@media (min-width:769px) and (max-width:1024px){.container{padding-top:90px}.buttons{gap:30px}}@media (min-width:1400px){.container{padding-top:100px}.buttons{gap:40px;max-width:600px}.create-game,.join-game{min-height:60px;padding:18px 36px;font-size:1.1rem}}.create-game-container{background:linear-gradient(#181818,#363636);border:1px solid #333;border-radius:15px;flex-direction:column;align-items:center;max-width:450px;margin:5% auto;padding:40px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.create-game-container .inputs label{color:#fff;grid-template-columns:1fr auto;align-items:center;padding:10px 0;font-weight:500;display:grid}.create-game-container:before{content:"";background:linear-gradient(90deg,#ff99009b,#4caf50);height:5px;position:absolute;top:0;left:0;right:0}.create-game-container h1{color:#fff;text-align:center;text-shadow:0 2px 4px #00000080;margin-bottom:5px;font-size:2.2rem;font-weight:600}.inputs{width:100%;margin:20px 0}.inputs input[type=text]{color:#fff;background-color:#282828;border:1px solid #333;border-radius:5px;width:100%;padding:12px 15px;font-size:1rem;transition:border-color .3s ease-in-out}.inputs input[type=text]:focus{border-color:#fff;outline:none}.inputs input[type=text]::placeholder{color:#aaa}.inputsPlayers{width:100%;margin:20px 0 0}.inputsPlayers label{color:#fff;flex-direction:column;gap:8px;width:100%;font-weight:500;display:flex}.inputsPlayers{flex-direction:column;display:flex}.counter-controls{pointer-events:none;background:#ffffff09;border-radius:8px;align-items:center;height:46px;margin-top:8px;padding:0;display:flex}.counter-controls>:not(.counter-btn){pointer-events:none}.counter-controls .minus-btn,.plus-btn{border:1px solid #332}.player-display{pointer-events:none;flex:1;justify-content:center;align-items:center;display:flex}.counter-value{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;font-size:1.3rem;font-weight:600}.counter-btn{color:#ddd;cursor:pointer;pointer-events:auto;background:#ffffff14;justify-content:center;align-items:center;width:46px;height:100%;font-size:20px;font-weight:300;transition:all .2s;display:flex}.counter-btn:disabled{color:#666;cursor:not-allowed;background:#ffffff08}.counter-btn:not(:disabled):hover{background:#f906}.counter-btn:not(:disabled):active{background:#f90}.inputs label{color:#fff;justify-content:space-between;align-items:center;padding:10px 0;font-weight:500;display:flex}input[type=checkbox]{accent-color:#ff99009b;cursor:pointer;width:20px;height:20px;transform:scale(1.1)}.inputsLevel{width:100%;margin:0 0 20px}.inputsLevel #titleLevel{color:#fff;flex-direction:column;gap:8px;font-weight:500;display:flex}.inputsLevel select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #333;border-radius:8px;width:100%;padding:12px 15px;font-family:inherit;font-size:1rem;transition:border-color .3s}.inputsLevel select:focus{border-color:#ff99009b;outline:none}.inputsLevel option{color:#fff;background-color:#282828;padding:10px}.createGame{color:#fff;cursor:pointer;background:#ff99009b;border:none;border-radius:8px;width:100%;margin-top:5px;padding:15px;font-size:1.1rem;font-weight:600;transition:background-color .3s ease-in-out}.createGame:hover{background-color:#4caf50}.error{color:#f44;text-align:center;width:100%;margin-bottom:10px;padding:12px 15px;font-weight:500}.gameCreate{color:#4caf50;text-align:center;border-radius:8px;width:100%;margin-top:20px;padding:15px;font-size:1.2rem;font-weight:600}@media (max-width:768px){.create-game-container{width:90%;margin:20px auto;padding:30px 20px}}.counter-controls{height:54px}.counter-btn{width:54px;min-height:54px;font-size:24px}.inputs input[type=text],.inputsLevel select,.createGame{min-height:50px;font-size:1.1rem}:root{--color-primary:#2d5a3d;--color-secondary:#8b4513;--color-accent:#ffd93d;--color-success:#4caf50;--color-danger:#f44336;--color-warning:#d35400;--color-info:#5928ae;--color-background:#f5f1e6;--color-card:#e8dfca;--color-border:#a1887f;--color-text-dark:#3e2723;--color-text-light:#fff;--color-text-muted:#4e362e;--color-summary-brown:#faeec1;--color-summary-violet:#eaeef6;--mobile-max:767px;--tablet-min:768px;--tablet-max:1023px;--desktop-min:1024px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:15px;--spacing-xl:20px;--spacing-xxl:25px;--z-overlay:10000;--z-modal:10001;--z-tooltip:10002}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.game-page ::-webkit-scrollbar{width:6px;height:6px}.game-page::-webkit-scrollbar{width:6px;height:6px}.game-page ::-webkit-scrollbar-thumb{background-color:#b35817}.game-page::-webkit-scrollbar-thumb{background-color:#b35817}.game-page ::-webkit-scrollbar-thumb:hover{background-color:#71370e}.game-page::-webkit-scrollbar-thumb:hover{background-color:#71370e}.game-page{padding:var(--spacing-md);width:100%;color:var(--color-text-dark);background:linear-gradient(135deg,#2d5a3d 0%,#1a3c27 100%);min-height:100vh;overflow-x:hidden}.game-container{width:100%;height:100%;padding:var(--spacing-lg);box-sizing:border-box;background:#f5f1e6f2;border-radius:12px;flex-direction:column;margin:0 auto;display:flex}.game-main-area{gap:var(--spacing-lg);flex:1;grid-template:"sidebar""columns""players""chat"/1fr;width:100%;min-height:0;display:grid}.body-no-scroll{width:100%;height:100%;position:fixed;overflow:hidden}.card-loading{justify-content:center;gap:10px;margin-top:20px;display:flex}.loading-card{border-radius:6px;width:60px;height:84px;animation:1.5s infinite loadingBounce}.loading-card:first-child{background:linear-gradient(45deg,#4caf50,#66bb6a)}.loading-card:nth-child(2){background:linear-gradient(45deg,#388e3c,#4caf50);animation-delay:.2s}.loading-card:nth-child(3){background:linear-gradient(45deg,#2e7d32,#388e3c);animation-delay:.4s}.loading-card:nth-child(4){background:linear-gradient(45deg,#1b5e20,#2e7d32);animation-delay:.6s}@keyframes loadingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-secondary);margin-bottom:var(--spacing-lg);color:var(--color-text-light);text-align:center;border-radius:10px;flex-direction:column;display:flex}.game-title{text-align:center;width:100%}.game-title h2{color:var(--color-accent);word-break:break-word;margin:0;font-size:1.5rem;line-height:1.3}.owner-crown{vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex}.crown-icon{object-fit:contain;vertical-align:middle;width:20px;height:20px;transition:transform .2s;animation:3s ease-in-out infinite crownFloat}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.turn-info{text-align:center;width:100%;font-size:1rem;font-weight:700}.turn-info .your-turn{color:#66eb6b;animation:3s infinite pulseGlow;display:inline-block}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.turn-info .ai-turn,.turn-info .other-turn{color:var(--color-accent)}.turn-info .waiting-turn{color:#9effcb}.game-sidebar{background:var(--color-card);height:180px;padding:var(--spacing-md);border:2px solid var(--color-border);gap:var(--spacing-lg);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-radius:10px;flex-direction:row;flex-shrink:0;grid-area:sidebar;width:100%;min-height:180px;margin-bottom:0;display:flex}.deck-section,.summary-section,.end-round-section,.game-info-section{scroll-snap-align:start;text-align:center;border-radius:8px;flex-direction:column;flex:none;justify-content:space-between;align-items:center;width:160px;padding:10px;display:flex}.deck-section{text-align:center;flex-direction:column;flex-shrink:0;order:1;justify-content:center;align-items:center;padding:10px;display:flex}.deck-stack{perspective:1000px;width:120px;height:100px;margin:0 auto 10px;position:relative}.deck-card{width:120px;height:120px;transition:transform .3s;position:absolute;top:0;left:0}.deck-count{color:#4e362e;border:1px solid var(--color-border);background:#ffffffb3;border-radius:20px;margin-top:8px;padding:5px 12px;font-size:.95rem;font-weight:700;display:inline-block}.summary-section{text-align:center;opacity:.8;border:2px dashed #000;border-radius:8px;flex-shrink:0;order:3;margin:0;padding:10px}.summary-section.summary_brown{background:var(--color-summary-brown);border:2px solid var(--color-secondary)}.summary-section.summary_violet{background:var(--color-summary-violet);border:2px solid var(--color-info)}.summary-section.summary_brown h4{color:#5d4037}.summary-section.summary_violet h4{color:var(--color-info)}.summary-section h4{color:var(--color-text-muted);margin:0 0 8px;font-size:.9rem;font-weight:700}.summary-cards{justify-content:center;align-items:center;min-height:70px;display:flex}.summary-cards img{width:88px;height:120px}.end-round-section{text-align:center;background:#d354000d;border:2px dashed #672900;border-radius:8px;flex-direction:column;flex-shrink:0;order:3;justify-content:flex-start;min-height:140px;margin-bottom:0;padding:10px 10px 8px;transition:all .3s;display:flex}.end-round-placeholder{justify-content:center;align-items:center;min-height:98px;display:flex;position:relative}.end-round-placeholder:after{content:"Not revealed yet.";color:#4d413db3;text-align:center;width:100%;padding:0 8px;font-size:.8rem;font-weight:500}.end-round-section h4{color:#4d413d;margin:0 0 6px;font-size:.75rem}.end-round-section:not(.visible){opacity:.7}.end-round-section.visible{border:2px solid var(--color-warning);opacity:1;background:#d3540026;justify-content:flex-start;min-height:140px}.end-round-section.visible h4{color:var(--color-warning);font-size:.9rem;font-weight:700}.end-round-card{border-radius:8px;width:70px;height:98px;margin:0 auto}.game-info-section{text-align:center;border:2px solid var(--color-secondary);background:#8b451326;border-radius:8px;flex-direction:column;order:2;align-items:center;margin-bottom:0;padding:10px;display:flex}.game-info-section h4{color:#4a342c;margin:0 0 8px;font-size:.9rem;font-weight:700}.info-grid{grid-template-columns:repeat(2,1fr);justify-items:center;gap:10px;width:100%;display:grid}.info-item{text-align:center;flex-direction:column;align-items:center;margin-bottom:0;display:flex}.info-label{color:#4a342c;margin-bottom:4px;font-size:.75rem;font-weight:700}.info-value{color:var(--color-text-dark);background:#ffffff80;border-radius:6px;min-width:40px;padding:3px 8px;font-size:.85rem;font-weight:700}.game-center{background:var(--color-card);padding:var(--spacing-md);border:2px solid var(--color-border);box-sizing:border-box;border-radius:10px;flex-shrink:0;grid-area:columns;width:100%;height:350px;margin-bottom:0;display:flex;position:relative}.columns-container{align-items:stretch;gap:var(--spacing-lg);box-sizing:border-box;flex-flow:row;width:max-content;min-width:100%;height:100%;padding:5px 10px;display:flex}.column{border:2px solid var(--color-secondary);padding:var(--spacing-md)8px;text-align:center;cursor:pointer;box-sizing:border-box;background:#f5f1e6;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:250px;height:100%;transition:all .2s;display:flex}.column:hover{background:var(--color-card);border-color:#4e362e}.column.selected{background:#ffe5be}.column.empty{opacity:.35;cursor:not-allowed;justify-content:center;align-items:center;display:flex}.column-name{color:var(--color-text-muted);justify-content:center;align-items:center;min-height:22px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:flex}.column-cards{flex-direction:column;flex-grow:1;align-items:center;gap:4px;width:100%;min-height:250px;max-height:250px;padding:0 2px;display:flex;overflow-y:auto}.column-cards .card{flex-shrink:0;width:60px;height:84px;margin-top:2px}.players-sidebar{background:var(--color-card);padding:var(--spacing-md);border:2px solid var(--color-border);box-sizing:border-box;border-radius:10px;flex-shrink:0;grid-area:players;gap:10px;height:200px;min-height:200px;margin-bottom:0;display:flex}.player-card{cursor:pointer;box-sizing:border-box;background:#ffe0b2;border:2px solid #ffc673;border-radius:8px;flex-direction:column;flex-shrink:0;width:250px;min-height:150px;padding:10px;transition:background-color .2s,border-color .2s;display:flex}.player-card:hover{background:#ffcc80;border-color:#ff9100}.player-card.current-user{border-color:var(--color-success);background:#c8e6c9}.player-card.current-user:hover{background:#a5d6a7;border-color:#2e7732}.player-card.ai-player{background:#ffe0b2;border-color:#ffc673}.player-card.ai-player:hover{background:#ffcc80;border-color:#ff9100}.player-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding-bottom:4px;display:flex}.player-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:60%;padding-right:5px;font-size:.85rem;font-weight:700;line-height:1.2;overflow:hidden}.card-count{color:#5a3f36;text-align:center;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:.75rem;display:flex}.extra-cards-badge{color:#71380f;border-radius:4px;padding:1px 4px;font-size:.75rem;font-weight:600}.player-cards-grid{flex-grow:1;grid-template-columns:2fr 1fr;gap:8px;height:100px;min-height:0;display:grid}.collection-section{flex-direction:column;grid-area:1/1;min-height:0;display:flex}.collection-section h5{color:#5a3f36;text-align:center;margin:0 0 4px;font-size:.8rem;font-weight:700;line-height:1}.collection-stack{flex-wrap:wrap;flex-grow:1;place-content:flex-start center;align-items:flex-start;gap:2px;min-height:0;max-height:100px;padding:2px;display:flex}.collection-stack img{flex-shrink:0;width:25px;height:35px}.wild-section{flex-direction:column;grid-area:1/2;min-height:0;padding-left:8px;display:flex;position:relative;overflow:hidden}.wild-section:before{content:"";background:linear-gradient(to bottom,transparent 0%,var(--color-border)20%,var(--color-border)80%,transparent 100%);width:2px;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.wild-section h5{color:#5a3f36;text-align:center;margin:0 0 4px;font-size:.8rem;font-weight:700;line-height:1}.wild-stack{flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;gap:2px;min-height:0;max-height:100px;padding:2px;display:flex}.wild-stack:has(img:only-child) img{width:22px;height:31px;margin:auto}.wild-stack:has(img:nth-child(2)) img{width:20px;height:28px}.wild-stack:has(img:nth-child(3)) img{width:18px;height:25px}.wild-stack:has(img:nth-child(4)) img{width:18px;height:25px}.player-expanded-overlay{z-index:9998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.player-expanded-container{background:linear-gradient(135deg,#f5f1e6 0%,#e8dfca 100%);border-radius:15px;width:90%;max-width:1000px;max-height:85vh;padding:25px;overflow-y:auto}.expanded-header{border-bottom:2px solid var(--color-secondary);justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex;position:relative}.expanded-header h3{color:var(--color-text-muted);margin:0;font-size:1.8rem;position:absolute;left:50%;transform:translate(-50%)}.close-expanded{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;font-size:1.8rem;transition:background-color .2s;display:flex}.close-expanded:hover{background-color:#d32f2f}.expanded-sections{grid-template-columns:1fr;gap:25px;display:grid}.expanded-section{border:2px solid var(--color-border);background:#ffffffe6;border-radius:10px;padding:20px}.expanded-section h4{color:#5a3f36;text-align:center;margin:0 0 15px;font-size:1.2rem}.expanded-cards-grid{flex-wrap:wrap;justify-content:center;gap:15px;max-width:100%;display:flex}.expanded-card{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:140px;transition:transform .2s;display:flex}.expanded-card img{object-fit:contain;width:100%;height:100%}.expanded-card:hover{z-index:1;transform:scale(1.05)}.empty-expanded{text-align:center;color:var(--color-secondary);border-radius:8px;grid-column:1/-1;width:100%;padding:20px}.empty-collection{color:#4f433e;flex-grow:1;justify-content:center;align-items:center;min-height:40px;padding:2px;font-size:.7rem;display:flex}.empty-summary{content:"Not revealed yet.";color:#0c0a09b3;font-size:.85rem}.players-sidebar:has(>:nth-child(5)) .player-card{min-height:140px}.players-sidebar:has(>:nth-child(5)) .collection-stack img{width:28px;height:39px}.players-sidebar:has(>:nth-child(5)) .wild-stack img{width:23px;height:32px}.players-sidebar:has(>:first-child:last-child){justify-content:center;align-items:center}.players-sidebar:has(>:first-child:last-child) .player-card{flex-direction:column;justify-content:center;margin:auto;display:flex}.players-sidebar:has(>:first-child:last-child) .player-cards-grid{grid-template-columns:2.5fr 1fr;height:140px}.players-sidebar:has(>:first-child:last-child) .collection-stack img{width:40px;height:56px}.players-sidebar:has(>:first-child:last-child) .wild-stack img{width:35px;height:49px}.players-sidebar:has(>:nth-child(2):last-child) .player-card{min-height:170px}.players-sidebar:has(>:nth-child(2):last-child) .player-cards-grid{height:120px}.players-sidebar:has(>:nth-child(2):last-child) .collection-stack img{width:35px;height:49px}.players-sidebar:has(>:nth-child(2):last-child) .wild-stack img{width:35px;height:49px}:is(.players-sidebar:has(>:nth-child(2):last-child),.players-sidebar:has(>:nth-child(3):last-child),.players-sidebar:has(>:nth-child(4):last-child)){justify-content:center;align-items:center;gap:10px}.players-sidebar:has(>:nth-child(2):last-child) .player-card{width:250px}.players-sidebar:has(>:nth-child(3):last-child) .player-card{width:250px}.players-sidebar:has(>:nth-child(4):last-child) .player-card .players-sidebar:has(>:nth-child(5):last-child) .player-card{width:250px}.chat-section{background:var(--color-card);border:2px solid var(--color-border);padding:var(--spacing-lg);border-radius:10px;grid-area:chat;height:300px}.chat-section .chat-container{flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;display:flex;overflow:hidden}.chat-section .messages-section{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.chat-section .message-list{flex-direction:column;flex:1;display:flex}.chat-section .message-item{flex-shrink:0;width:100%}.chat-section .message-content{word-break:break-word;overflow-wrap:break-word;width:100%}.chat-section .connected-users-panel{min-width:120px;max-width:140px;padding:10px 8px}.chat-section .chatInput{max-width:100%}.gamepage-actions{padding:var(--spacing-lg);background:var(--color-secondary);box-sizing:border-box;border-radius:10px;flex-flow:column wrap;gap:10px;display:flex}.action-btn{background:var(--color-success);color:var(--color-text-light);cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;width:100%;min-height:1px;padding:16px 20px;font-size:1.1rem;font-weight:700;transition:all .2s}.action-btn:disabled{color:#fff;cursor:not-allowed;background:#2e602e;font-weight:700;transform:none}.action-btn:hover:not(:disabled){background:#145514}.action-btn.leave{background:var(--color-danger)}.action-btn.leave:hover:not(:disabled){background:#d32f2f}.action-btn.leave:disabled{color:#fff;cursor:not-allowed;background:#b43128;font-weight:700;transform:none}.action-btn.scores-btn{color:#4a2c1a;background:linear-gradient(135deg,#d4af37,#ffd93d)}.action-btn.scores-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd93d,#ffed4e);transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}.finished-simple{color:var(--color-accent);font-weight:700;animation:.5s fadeIn}.scores-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0;overflow:hidden}.scores-container{background:linear-gradient(135deg,#2d1b0e 0%,#4a2c1a 100%);border:4px solid #d4af37;border-radius:20px;flex-direction:column;gap:0;width:95%;max-width:1400px;max-height:90vh;padding:30px;display:flex;overflow:hidden;box-shadow:0 0 50px #d4af374d}.scores-header{border-bottom:2px solid #d4af37;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex;position:relative}.scores-table-wrapper{border-radius:10px;flex:1;max-height:calc(90vh - 150px);margin-top:15px;overflow-y:auto}.scores-table-wrapper::-webkit-scrollbar{width:8px}.scores-table-wrapper::-webkit-scrollbar:horizontal{height:8px}.scores-table-wrapper::-webkit-scrollbar-track{background:#d4af371a;border-radius:4px}.scores-table-wrapper::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.scores-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ffd93d}.scores-header h2{color:#ffd93d;text-shadow:0 0 10px #ffd93d80;text-align:center;margin:0;font-size:2.5rem;position:absolute;left:50%;transform:translate(-65%)}.scores-summary-card-image{justify-content:flex-start;align-items:center;margin-left:20px;display:flex}.summary-card-display{cursor:pointer;flex-direction:column;align-items:center;gap:5px;display:flex}.scores-summary-img{width:60px;height:84px}.summary-card-label{color:#ffd93d;text-align:center;text-shadow:0 0 5px #ffd93d80;font-size:.8rem;font-weight:700}.card-zoom-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10002;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.card-zoom-container{flex-direction:column;align-items:center;gap:20px;animation:.3s zoomIn;display:flex;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-zoomed-img{border:3px solid #d4af37;border-radius:12px;width:300px;height:400px}.card-zoom-title{color:#ffd93d;text-align:center;text-shadow:0 0 8px #ffd93d80;font-size:1.5rem;font-weight:700}.card-zoom-close{background:var(--color-danger);color:#fff;cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.8rem;transition:background-color .2s;display:flex;position:absolute;top:-40px;right:-40px}.card-zoom-close:hover{background-color:#d32f2f}.summary-card-display:hover .scores-summary-img{transition:transform .2s;transform:scale(1.05)}.scores-close-btn{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:50%;grid-column:3;justify-content:center;justify-self:end;align-items:center;width:40px;height:40px;margin-right:15px;font-size:1.8rem;transition:background-color .2s;display:flex}.scores-close-btn:hover{background-color:#d32f2f}.scores-player-row.winner{background:linear-gradient(135deg,#d4af374d,#ffd93d1a);border-color:#ffd93d;position:relative;overflow:hidden}.scores-player-row.winner:before{content:"";z-index:-1;background:linear-gradient(45deg,#0000,#ffd93d4d,#0000);animation:2s linear infinite scores-glow;position:absolute;inset:-10px}@keyframes scores-glow{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.scores-player-name{color:#fff;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.scores-player-cards-section{background:#ffffff0d;border-radius:10px;flex-direction:column;gap:15px;min-height:120px;padding:15px;display:flex}.scores-collection-cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:60px;display:flex}.scores-color-group{flex-direction:column;align-items:center;gap:5px;display:flex}.scores-color-count{color:#fff;background:#00000080;border-radius:10px;padding:2px 8px;font-size:.9rem;font-weight:700}.scores-color-card{width:50px;height:70px;transition:transform .2s}.scores-color-card:hover{transform:scale(1.1)}.scores-wild-cards{border-top:1px dashed #ffffff4d;margin-top:5px;padding-top:15px}.scores-wild-section{justify-content:center;align-items:center;gap:15px;display:flex}.scores-wild-label{color:#ff9800;font-size:1.1rem;font-weight:700}.scores-wild-converted{gap:10px;display:flex}.scores-wild-card{width:50px;height:70px}.scores-table{border-collapse:collapse;table-layout:fixed;grid-column:1/-1;width:100%;min-height:500px;display:table}.scores-table-header{background:#d4af374d;display:table-row}.scores-table-body{display:table-row-group}.scores-table-row{height:160px;transition:all .3s;display:table-row}.scores-table-row:hover{background:#ffffff0d}.scores-table-col{vertical-align:middle;word-break:break-word;border-bottom:1px solid #ffffff1a;padding:20px 15px;display:table-cell}.scores-table-header .scores-table-col{color:#ffd93d;text-align:center;border-bottom:2px solid #d4af37;padding:15px;font-size:1.2rem;font-weight:700}.players-col{width:200px;min-width:220px;max-width:220px}.cards-col{width:auto;min-width:400px}.points-col{width:280px;min-width:320px}.scores-player-info{flex-direction:column;align-items:center;gap:10px;display:flex}.scores-winner-badge{color:#ffd93d;background:linear-gradient(135deg,#4a2c1a,#5d4037);border-radius:20px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:.85rem;font-weight:700;animation:2s ease-in-out infinite badge-glow;display:flex}.scores-winner-badge img{width:18px;height:18px}.scores-points-breakdown{flex-direction:column;gap:10px;display:flex}.scores-points-item{color:#fff;background:#ffffff1a;border-radius:6px;align-items:center;gap:10px;padding:5px 10px;font-size:.85rem;display:flex}.scores-points-count{text-align:center;color:#ffd93d;min-width:30px;font-weight:700}.scores-points-color{text-transform:capitalize;flex:1;font-weight:500}.scores-points-value{color:#68ef6d;font-weight:700}.scores-cotton-points .scores-points-value{color:#b4deff}.scores-negative-points{background:#f4433633}.scores-negative-points .scores-points-value{color:#ffc2be}.scores-points-total{background:#d4af3733;border:1px solid #d4af37;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px;display:flex}.scores-total-label{color:#ffe57c;font-size:1.1rem;font-weight:700}.scores-total-value{color:#fff;font-size:1.2rem;font-weight:700}.wild-conversion-pair{align-items:center;gap:5px;margin-bottom:5px;display:flex}.conversion-arrow{color:#ffd93d;margin:0 5px;font-size:1.2rem;font-weight:700}.scores-wild-card.original,.scores-wild-card.converted{width:50px;height:70px}.scores-wild-section{flex-direction:column;align-items:center;gap:10px;display:flex}.scores-wild-converted{flex-direction:column;align-items:center;gap:8px;display:flex}@keyframes badge-glow{0%,to{box-shadow:-5px 0 8px #ffd93d66,5px 0 8px #ffd93d66}50%{box-shadow:-8px 0 15px #ffd93db3,8px 0 15px #ffd93db3}}@keyframes scores-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-reveal-animation{pointer-events:none;transform-origin:50%;border-radius:10px;width:140px;height:140px;transition:all .8s cubic-bezier(.68,-.55,.27,1.55);position:absolute}.card-reveal-animation.from-deck{animation:.8s forwards drawFromDeck}@keyframes drawFromDeck{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.card-fly-to-column{animation:1s cubic-bezier(.25,.46,.45,.94) forwards flyToColumn}@keyframes flyToColumn{0%{transform:translate(0)scale(1)}to{transform:translate(var(--target-x,0),var(--target-y,0))scale(.5);opacity:0}}.card-fly-to-sidebar{z-index:10001;pointer-events:none;transform-origin:50%;will-change:transform,opacity;position:fixed}.card-fly-to-player{z-index:9999;pointer-events:none;transform-origin:50%;border-radius:10px;width:140px;height:140px;animation:.8s cubic-bezier(.25,.46,.45,.94) forwards flyToPlayer;position:fixed}@keyframes flyToPlayer{0%{opacity:1;transform:translate(0)scale(1)}70%{opacity:.8}to{transform:translate(var(--target-x,0),var(--target-y,0))scale(.3);opacity:0}}.countdown-overlay{width:100%;height:100%;z-index:var(--z-overlay);background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.countdown-container{text-align:center;background:#fffffff2;border:4px solid gold;border-radius:20px;padding:40px;position:relative;overflow:hidden}.countdown-container h2{color:#2e7d32;margin-bottom:30px;font-size:2.5rem;font-weight:700}.countdown-number{color:#d32f2f;margin:20px 0;font-size:6rem;font-weight:700}.countdown-container h3{color:#28642a;margin-bottom:20px;font-size:2rem}.countdown-container p{color:#388e3c;margin-top:20px;font-size:1.3rem;font-weight:500}.flying-cards{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.flying-card{opacity:.7;border-radius:8px;width:80px;height:112px;animation:3s linear infinite flyAround;position:absolute}.flying-card:first-child{background:linear-gradient(45deg,#dc2626,#ef4444);animation-delay:0s;top:20%;left:10%}.flying-card:nth-child(2){background:linear-gradient(45deg,#1e40af,#3b82f6);animation-delay:.5s;top:60%;left:80%}.flying-card:nth-child(3){background:linear-gradient(45deg,#15803d,#22c55e);animation-delay:1s;top:80%;left:20%}.flying-card:nth-child(4){background:linear-gradient(45deg,#7e22ce,#a855f7);animation-delay:1.5s;top:30%;left:70%}@keyframes flyAround{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translate(100px,-100px)rotate(360deg)}}.final-card-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.final-card-container{text-align:center;border-radius:20px;padding:30px}.final-card-container img{width:280px;height:auto;margin:0 auto 20px;display:block}.final-card-title{color:var(--color-accent);text-shadow:0 0 8px #ffd93d80;margin:0;font-size:2.5rem;font-weight:700}@media screen and (max-width:767px){.game-page{padding:10px}.game-main-area{grid-template-columns:auto auto;grid-template-areas:"header header""sidebar players""columns columns""actions actions""chat chat"}.game-header{text-align:center;flex-direction:column;order:0;justify-content:space-between;align-items:center;gap:8px;min-height:60px;padding:10px 15px;display:flex;position:relative}.game-title{order:1;width:100%;margin:0;padding:0;position:static;transform:none}.game-title h2{white-space:nowrap;max-width:100%;margin:0;font-size:1.4rem;display:block;overflow:hidden}.turn-info{text-align:center;order:2;width:100%;margin-left:0;font-size:.85rem}.game-sidebar{flex-direction:column;order:-1;justify-content:flex-start;align-items:center;gap:15px;width:100%;height:auto;padding:15px 10px;display:flex;overflow-x:auto}.deck-section,.summary-section,.end-round-section,.game-info-section{text-align:center;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:150px;padding:8px;display:flex}.deck-stack{width:110px;height:90px}.deck-card{width:110px;height:110px}.summary-cards img,.end-round-card{width:70px;height:98px}.info-grid{grid-template-columns:repeat(2,1fr);gap:12px;height:55px}.info-item{margin-bottom:35px}.game-center{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:5px;display:flex;overflow-x:auto}.columns-container{box-sizing:border-box;transform-origin:50%;place-content:center;gap:12px;width:fit-content;height:100%;margin:0 auto;padding:5px;display:grid;transform:scale(.95)}.columns-container[data-columns="2"]{grid-template-rows:285px;grid-template-columns:repeat(2,150px);width:322px;height:285px}.columns-container[data-columns="3"]{grid-template-rows:285px;grid-template-columns:repeat(3,150px);width:477px;height:285px}.columns-container[data-columns="4"]{grid-template-rows:repeat(2,285px);grid-template-columns:repeat(2,150px);align-content:center;gap:20px 12px;width:322px;height:590px}.columns-container[data-columns="5"]{grid-template-rows:285px 285px;grid-template-columns:repeat(3,150px);place-content:center;justify-items:center;gap:20px 15px;width:477px;height:585px}.columns-container[data-columns="5"] .column:nth-child(4){grid-area:2/1/auto/span 2;justify-self:center}.columns-container[data-columns="5"] .column:nth-child(5){grid-area:2/2/auto/span 2;justify-self:center}.column{width:150px;height:285px}.column-cards{min-height:242px;max-height:242px}.column-cards .card{width:34px;height:48px}:is(.column-cards:has(.card:nth-child(3):last-child) .card,.column-cards:has(.card:nth-child(2):last-child) .card,.column-cards:has(.card:first-child:last-child) .card,.column-cards:has(.card:nth-child(4)) .card){width:38px;height:53px}.column-cards:has(.card:nth-child(5):last-child) .card{width:28px;height:40px}.players-sidebar{flex-direction:column;gap:8px;width:100%;height:auto;display:flex}.player-card{width:auto;height:auto;padding:8px}.player-cards-grid{height:80px}.collection-stack img{width:25px;height:35px}.wild-stack:has(img:only-child) img{width:25px;height:35px}.players-sidebar:has(.player-card:nth-child(5):last-child){gap:5px;padding:6px}.players-sidebar:has(.player-card:nth-child(5):last-child) .player-card{min-height:115px;padding:6px}.players-sidebar:has(.player-card:nth-child(5):last-child) .player-cards-grid{gap:5px;height:90%}.players-sidebar:has(.player-card:nth-child(5):last-child) .collection-stack img{width:22px;height:31px}.players-sidebar:has(.player-card:nth-child(5):last-child) .wild-stack:has(img:only-child) img{width:20px;height:28px}.gamepage-actions{flex-direction:row;grid-area:actions;justify-content:center;gap:10px;margin-top:10px}.action-btn{width:auto;min-width:120px;min-height:auto;padding:10px 20px;font-size:.9rem}.chat-section{height:100%;margin-top:0}.chat-section .connected-users-panel{width:100%;min-width:auto;min-height:50px;max-width:auto;order:-1;margin:0 auto;padding:3px 6px;display:block;overflow:auto}.chat-section .message-list{border-radius:8px;flex-direction:column;flex:1;gap:3px;max-height:100%;padding:4px;display:flex;overflow-y:auto}.chat-section .message-item{width:auto}.chat-section .messages-section{flex-direction:column;flex:1;max-width:100%;min-height:auto;max-height:75vh;margin-top:4px;padding:4px;display:flex;overflow-y:auto}.chat-section .message-list{flex-direction:column;flex:1;gap:2px;min-height:0;max-height:100%;margin-bottom:auto;padding:3px;display:flex;overflow-y:auto}.chat-section .message-time{margin-top:5px}.chat-section .typing-indicator{flex-shrink:0;height:35px;min-height:35px;max-height:35px}.scores-container{width:95%;max-width:95%;max-height:85vh;padding:15px}.scores-header{flex-direction:column;gap:15px;margin-bottom:15px;padding-bottom:15px}.scores-header h2{text-align:center;order:1;font-size:1.8rem;position:static;transform:none}.scores-summary-card-image{order:2;justify-content:center;margin-left:0}.scores-close-btn{order:3;margin-right:0;position:absolute;top:15px;right:15px}.scores-table{flex-direction:column;min-height:auto;display:flex}.scores-table-header{display:none}.scores-table-body{flex-direction:column;gap:15px;display:flex}.scores-table-row{background:#d4af371a;border:2px solid #d4af374d;border-radius:12px;flex-direction:column;height:auto;margin-bottom:10px;padding:15px;display:flex}.scores-table-col{border-bottom:1px solid #ffffff1a;width:100%;padding:10px 0;display:block}.scores-table-col:last-child{border-bottom:none}.players-col,.cards-col,.points-col{width:100%;max-width:100%}.scores-player-cards-section{min-height:auto;padding:10px}.scores-collection-cards{gap:8px}.scores-color-card,.scores-wild-card{width:40px;height:56px}.scores-player-name{text-align:center;justify-content:center;font-size:1rem}.scores-winner-badge{padding:4px 10px;font-size:.75rem}.scores-points-breakdown{gap:6px}.scores-points-item{padding:4px 8px;font-size:.75rem}.scores-points-total{margin-top:8px;padding:8px}.scores-total-label{font-size:.9rem}.scores-total-value{font-size:1rem}.scores-table-wrapper{max-height:calc(85vh - 120px)}}@media screen and (min-width:480px) and (max-width:599px){.game-header{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;display:flex}.game-title{order:1;width:100%;margin:0;padding:0;position:static;transform:none}.game-title h2{white-space:normal;word-break:break-word;font-size:1.3rem}.turn-info{text-align:center;order:2;width:100%;margin:0 auto;font-size:.9rem}.game-sidebar{flex-direction:column;order:-1;justify-content:flex-start;align-items:center;gap:25px;width:100%;padding:12px 8px;display:flex;overflow-x:auto}.deck-section,.summary-section,.end-round-section,.game-info-section{text-align:center;border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:150px;min-width:150px;max-width:150px;height:15vh;min-height:15vh;padding:6px;display:flex}.deck-stack{width:85px;height:70px}.deck-card{width:85px;height:85px}.summary-cards img,.end-round-card{width:55px;height:80px;margin-top:5px}.info-grid{justify-content:center;gap:20px;display:flex}.info-item{margin-top:10px}.info-label,.info-value{font-size:.6rem}.deck-section h4,.summary-section h4,.game-info-section h4{margin-bottom:1px;padding:0;font-size:.75rem}.end-round-section h4{margin-top:25px;font-size:.75rem}.end-round-placeholder:after{margin-bottom:30px;font-size:.75rem}.deck-count,.summary-cards .empty-summary,.end-round-placeholder:before{font-size:.7rem}.game-center{min-width:0;max-width:93vw;padding:0 5px}.columns-container{gap:10px;transform:scale(.9)}.columns-container[data-columns="2"]{grid-template-rows:255px;grid-template-columns:repeat(2,135px);width:290px;height:255px}.columns-container[data-columns="3"]{grid-template-rows:255px;grid-template-columns:repeat(3,135px);width:425px;height:255px}.columns-container[data-columns="4"]{grid-template-rows:repeat(2,255px);grid-template-columns:repeat(2,135px);width:290px;height:530px}.columns-container[data-columns="5"]{grid-template-rows:255px 255px;grid-template-columns:repeat(3,135px);width:425px;height:530px}.columns-container[data-columns="5"] .column:nth-child(4){grid-area:2/1/auto/span 2;justify-self:center}.columns-container[data-columns="5"] .column:nth-child(5){grid-area:2/2/auto/span 2;justify-self:center}.column{width:135px;height:255px}.column-cards{min-height:195px;max-height:195px}.column-cards .card{width:30px;height:42px}:is(.column-cards:has(.card:nth-child(3):last-child) .card,.column-cards:has(.card:nth-child(2):last-child) .card,.column-cards:has(.card:first-child:last-child) .card,.column-cards:has(.card:nth-child(4)) .card){width:34px;height:47px}.column-cards:has(.card:nth-child(5):last-child) .card{width:28px;height:39px}:is(.players-sidebar:has(>:nth-child(2):last-child) .player-card,.players-sidebar:has(>:nth-child(3):last-child) .player-card,.players-sidebar:has(>:nth-child(4):last-child) .player-card){width:100%;min-width:100%;max-width:100%}}@media screen and (min-width:375px) and (max-width:479px){.game-header{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;display:flex}.game-title{order:1;width:100%;margin:0;padding:0;position:static;transform:none}.game-title h2{white-space:normal;word-break:break-word;font-size:1.3rem}.turn-info{text-align:center;order:2;width:100%;margin:0 auto;font-size:.9rem}.game-sidebar{flex-direction:column;order:-1;justify-content:flex-start;align-items:center;gap:30px;width:38vw;height:auto;padding:12px 8px;display:flex;overflow-x:auto}.deck-section,.summary-section,.end-round-section,.game-info-section{text-align:center;border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:120px;padding:6px;display:flex}.deck-stack{width:85px;height:70px}.deck-card{width:85px;height:85px}.summary-cards img,.end-round-card{width:55px;height:80px;margin-top:5px}.info-grid{justify-content:center;gap:10px;display:flex}.info-item{margin-top:10px}.info-label,.info-value{font-size:.6rem}.deck-section h4,.summary-section h4,.game-info-section h4{margin-bottom:1px;padding:0;font-size:.75rem}.end-round-section h4{font-size:.75rem}.end-round-placeholder:after{margin-bottom:15px;font-size:.7rem}.deck-count,.summary-cards .empty-summary,.end-round-placeholder:before{font-size:.7rem}.game-center{min-width:0;max-width:87vw;height:55vh;padding:0 5px}.columns-container{gap:10px;transform:scale(.75)}.columns-container[data-columns="2"]{grid-template-rows:255px;grid-template-columns:repeat(2,135px);width:290px;height:255px}.columns-container[data-columns="3"]{grid-template-rows:255px;grid-template-columns:repeat(3,135px);width:425px;height:255px}.columns-container[data-columns="4"]{grid-template-rows:repeat(2,255px);grid-template-columns:repeat(2,135px);width:290px;height:530px}.columns-container[data-columns="5"]{grid-template-rows:255px 255px;grid-template-columns:repeat(3,135px);width:425px;height:530px}.columns-container[data-columns="5"] .column:nth-child(4){grid-area:2/1/auto/span 2;justify-self:center}.columns-container[data-columns="5"] .column:nth-child(5){grid-area:2/2/auto/span 2;justify-self:center}.column{width:135px;height:255px}.column-cards{min-height:195px;max-height:195px}.column-cards .card{width:30px;height:42px}:is(.column-cards:has(.card:nth-child(3):last-child) .card,.column-cards:has(.card:nth-child(2):last-child) .card,.column-cards:has(.card:first-child:last-child) .card,.column-cards:has(.card:nth-child(4)) .card){width:34px;height:47px}.column-cards:has(.card:nth-child(5):last-child) .card{width:28px;height:39px}.players-sidebar{gap:5px;width:45vw;padding:8px 6px}:is(.players-sidebar:has(>:nth-child(2):last-child) .player-card,.players-sidebar:has(>:nth-child(3):last-child) .player-card,.players-sidebar:has(>:nth-child(4):last-child) .player-card,.players-sidebar:has(>:nth-child(5):last-child) .player-card){width:150px}.player-cards-grid{grid-template-columns:1fr 1fr;overflow-y:auto}.collection-stack img{width:20px;height:30px}.card-count{font-size:.65rem}.chat-section{width:87vw}.gamepage-actions{flex-direction:column;gap:8px;width:87vw;margin-top:0}}@media screen and (max-width:374px){.game-header{flex-direction:column;justify-content:center}.game-title{width:100%;position:static;left:auto;transform:none}.turn-info{text-align:center;width:100%;margin-left:0}.game-sidebar{gap:20px;width:42vw;padding:10px 6px}.deck-section,.summary-section,.end-round-section,.game-info-section{width:100px;padding:5px}.deck-stack{width:75px;height:60px}.deck-card{width:75px;height:75px}.summary-cards img,.end-round-card{width:45px;height:63px}.info-grid{grid-template-columns:repeat(2,1fr);gap:5px;height:55px}.info-label{font-size:.6rem}.game-center{min-width:0;max-width:87vw;height:55vh;padding:0 5px}.columns-container{gap:8px;transform:scale(.75)}.players-sidebar{gap:4px;width:39vw;padding:6px 4px}:is(.players-sidebar:has(>:nth-child(2):last-child) .player-card,.players-sidebar:has(>:nth-child(3):last-child) .player-card,.players-sidebar:has(>:nth-child(4):last-child) .player-card,.players-sidebar:has(>:nth-child(5):last-child) .player-card){width:130px;min-height:100px;padding:4px}.player-cards-grid{gap:4px;height:60px;overflow:auto}.collection-stack img{width:18px;height:25px}.wild-stack img{width:16px;height:22px}.player-name{font-size:.6rem}.card-count{padding:1px 4px;font-size:.5rem}.chat-section{width:87vw}.gamepage-actions{gap:6px;width:87vw}.action-btn{min-width:110px;padding:8px 15px;font-size:.85rem}.scores-container{width:98%;max-height:75vh;padding:10px}.scores-header h2{font-size:1.3rem}.scores-summary-img{width:45px;height:63px}.scores-close-btn{width:30px;height:30px;font-size:1.5rem;top:10px;right:10px}.scores-table-body{width:min-content}.scores-color-card,.scores-wild-card{width:30px;height:42px}.scores-collection-cards{gap:5px}.scores-color-group{gap:2px}.scores-color-count{padding:1px 5px;font-size:.7rem}.scores-player-name{font-size:.85rem}.scores-winner-badge{padding:3px 8px;font-size:.7rem}.scores-points-item{padding:3px 6px;font-size:.65rem}.scores-total-label{font-size:.8rem}.scores-total-value{font-size:.9rem}.scores-table-wrapper{max-height:calc(75vh - 100px)}.card-zoomed-img{width:200px;height:267px}.card-zoom-close{width:30px;height:30px;font-size:1.3rem;top:-25px;right:-25px}.card-zoom-title{font-size:1.2rem}}@media screen and (min-width:768px) and (max-width:1023px){.game-page{padding:15px}.game-container{max-width:1200px;padding:20px;overflow-y:auto}.game-main-area{grid-template:"header header header header""sidebar sidebar players players""columns columns columns columns""actions actions actions actions""chat chat chat chat"/auto auto;gap:12px;height:calc(100vh - 180px);min-height:0;display:grid}.game-header{flex-direction:row;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:relative}.game-title{text-align:center;pointer-events:none;width:auto;max-width:60%;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.game-title h2{white-space:nowrap;max-width:100%;margin:0;font-size:1.8rem;display:block}.turn-info{text-align:right;width:auto;margin-left:auto;font-size:1rem}.game-sidebar{flex-direction:column;order:-1;justify-content:center;align-items:center;width:auto;height:auto;padding:20px 12px;display:flex}.deck-section,.summary-section,.end-round-section,.game-info-section{text-align:center;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:160px;padding:10px;display:flex}.deck-stack{width:140px;height:120px}.deck-card{width:140px;height:140px}.summary-cards img,.end-round-card{width:90px;height:126px}.info-grid{grid-template-columns:repeat(2,1fr);gap:15px;height:55px}.info-item{margin-bottom:45px}.game-center{grid-area:columns;justify-content:center;align-items:center;height:100%;min-height:0;padding:5px;display:flex}.columns-container{box-sizing:border-box;transform-origin:50%;place-content:center;gap:15px;width:fit-content;height:100%;margin:0 auto;padding:5px;display:grid;transform:scale(.9)}.columns-container[data-columns="2"]{grid-template-rows:380px;grid-template-columns:repeat(2,200px);width:430px;height:380px}.columns-container[data-columns="3"]{grid-template-rows:380px;grid-template-columns:repeat(3,200px);width:636px;height:380px}.columns-container[data-columns="4"]{grid-template-rows:repeat(2,380px);grid-template-columns:repeat(2,200px);align-content:center;gap:25px 15px;width:430px;height:785px}.columns-container[data-columns="5"]{grid-template-rows:380px 380px;grid-template-columns:repeat(3,200px);place-content:center;justify-items:center;gap:25px 18px;width:636px;height:780px}.columns-container[data-columns="5"] .column:nth-child(4){grid-area:2/1/auto/span 2;justify-self:center}.columns-container[data-columns="5"] .column:nth-child(5){grid-area:2/2/auto/span 2;justify-self:center}.column{width:200px;height:380px}.column-cards{min-height:322px;max-height:322px}.column-cards .card{width:45px;height:63px}:is(.column-cards:has(.card:nth-child(3):last-child) .card,.column-cards:has(.card:nth-child(2):last-child) .card,.column-cards:has(.card:first-child:last-child) .card,.column-cards:has(.card:nth-child(4)) .card){width:50px;height:70px}.column-cards:has(.card:nth-child(5):last-child) .card{width:42px;height:58px}.players-sidebar{flex-direction:column;gap:10px;height:100%;display:flex;overflow:hidden}.player-card{width:100%;min-height:150px}.player-cards-grid{height:100px}.collection-stack img{width:30px;height:42px}.wild-stack:has(img:only-child) img{width:30px;height:42px}.players-sidebar:has(.player-card:nth-child(5):last-child){gap:6px;padding:8px}.players-sidebar:has(.player-card:nth-child(5):last-child) .player-card{min-height:146px;padding:8px}.players-sidebar:has(.player-card:nth-child(5):last-child) .player-cards-grid{gap:6px;height:100%}.players-sidebar:has(.player-card:nth-child(5):last-child) .collection-stack img{width:27px;height:38px}.players-sidebar:has(.player-card:nth-child(5):last-child) .wild-stack:has(img:only-child) img{width:25px;height:35px}.gamepage-actions{flex-direction:row;grid-area:actions;justify-content:center;gap:12px}.action-btn{width:auto;min-width:140px;min-height:auto;padding:12px 25px;font-size:1rem}.chat-section{grid-column:1/-1;height:100%;margin-top:0}.chat-section .message-list{border-radius:8px;flex-direction:column;flex:1;gap:3px;max-height:100%;padding:4px;display:flex;overflow-y:auto}.chat-section .message-item{width:auto}.chat-section .messages-section{flex-direction:column;flex:1;max-width:100%;min-height:auto;max-height:75vh;margin-top:4px;padding:4px;display:flex;overflow-y:auto}.chat-section .message-list{flex-direction:column;flex:1;gap:2px;min-height:0;max-height:100%;margin-bottom:auto;padding:3px;display:flex;overflow-y:auto}.chat-section .typing-indicator{flex-shrink:0;height:35px;min-height:35px;max-height:35px}}@media screen and (min-width:1024px){.game-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;height:calc(100vh - 25px);padding:10px;display:flex;overflow:hidden}.game-main-area{flex:auto;grid-template:"header header header header""sidebar columns players chat""actions actions actions actions"/200px minmax(400px,1fr);gap:12px;min-height:0;display:grid}.game-header{grid-area:header;justify-content:space-between;align-items:center;margin-bottom:0;padding:15px 20px;display:flex;position:relative}.game-title{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.turn-info{text-align:right;margin-top:1px;margin-left:auto;font-size:1.09rem}.game-sidebar{flex-direction:column;grid-area:sidebar;gap:20px;height:auto;min-height:0;max-height:100%;padding:10px;overflow-y:auto}.deck-section{padding-top:20px}.game-center{grid-area:columns;justify-content:center;align-items:center;height:auto;min-height:0;max-height:100%;padding:10px;display:flex;overflow-x:auto}.columns-container{box-sizing:border-box;place-content:center;gap:30px;width:fit-content;margin:0 auto;padding:5px;display:grid;transform:scale(.95)}.columns-container[data-columns="2"]{grid-template-rows:100%;grid-template-columns:repeat(2,220px);place-items:center;height:100%}.columns-container[data-columns="3"]{grid-template-rows:100%;grid-template-columns:repeat(3,220px);place-items:center;height:100%}.columns-container[data-columns="4"]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,220px);place-items:center;height:100%}.columns-container[data-columns="5"]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,220px);place-items:center;height:100%}.columns-container[data-columns="5"] .column:nth-child(4){grid-area:2/1/auto/span 2;justify-self:center}.columns-container[data-columns="5"] .column:nth-child(5){grid-area:2/2/auto/span 2;justify-self:center}.column{background:#f5f1e6;border:2px solid #8b4513;border-radius:10px;width:200px;height:360px;padding:12px}.column.empty .column-name{position:absolute;top:6%;left:50%;transform:translate(-50%,-50%)}.column.empty{position:relative}.column-cards{min-height:322px;max-height:322px}.column-cards .card{width:45px;height:63px}:is(.column-cards:has(.card:nth-child(3):last-child) .card,.column-cards:has(.card:nth-child(2):last-child) .card,.column-cards:has(.card:first-child:last-child) .card,.column-cards:has(.card:nth-child(4)) .card){width:47px;height:68px}.column-cards:has(.card:nth-child(5):last-child) .card{width:40px;height:55px}.players-sidebar{flex-direction:column;grid-area:players;gap:10px;height:auto;min-height:0;max-height:100%}.player-cards-grid{flex-grow:1;grid-template-columns:2fr 1fr;gap:1px;height:5px;min-height:0;display:grid}.players-sidebar:has(>:nth-child(5)) .collection-stack img{width:22px;height:32px}:is(.players-sidebar .wild-stack:has(img:only-child) img,.players-sidebar .wild-stack:has(img:nth-child(2)) img,.players-sidebar .wild-stack:has(img:nth-child(3)) img,.players-sidebar .wild-stack:has(img:nth-child(4)) img){width:22px;height:34px}.chat-section{grid-area:chat;width:100%;height:100%;min-height:0;max-height:100%;padding:7px;overflow:auto}.chat-section .chat-container{border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;height:77vh;min-height:0;padding:5px;display:flex}.chat-section .messages-and-users{border-radius:15px;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:8px;width:100%;height:65vh;min-height:0;margin-top:5px;padding:8px;display:flex}.chat-section .connected-users-panel{order:-1;width:100%;min-height:50px;max-height:90px;margin:0 0 6px;padding:3px 6px;display:block;overflow:auto}.chat-section .connected-users-panel h2{text-align:center;margin-bottom:6px;padding-bottom:4px;font-size:.9rem}.chat-section .connected-users-panel ul{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:100%;margin:0;padding:0;display:flex}.chat-section .user-item{color:#fff;white-space:nowrap;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:auto;margin-left:0;padding:6px 8px;font-size:.85rem;display:flex}.chat-section .status-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:5px;display:inline-block}.chat-section .messages-section{border-radius:10px;flex-direction:column;flex:1;max-width:100%;height:calc(100% - 90px);min-height:120px;padding:6px;display:flex;overflow-y:auto}.chat-section .message-list{border-radius:8px;flex-direction:column;flex:1;gap:3px;width:14vw;max-height:100%;padding:4px;display:flex;overflow-y:auto}.chat-section .message-item{color:#eaeaea;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:4px;margin-left:0;padding:5px 6px;display:flex}.chat-section .message-header{align-items:center;gap:10px;width:100%;margin-bottom:3px;display:flex}.chat-section .profile-pic{object-fit:cover;border-radius:50%;width:28px;height:28px}.chat-section .message-sender{margin-right:auto;font-size:.8rem;font-weight:700}.chat-section .message-time{color:#e6e6e6;white-space:nowrap;margin-right:4px;padding-bottom:12px;font-size:.75rem}.chat-section .message-content{color:#eaeaea;word-wrap:break-word;overflow-wrap:break-word;width:100%;margin-top:6px;font-size:.8rem;line-height:1.25}.chat-section .reaction-button{margin-top:6px;font-size:.7rem}.gamepage-actions{flex-direction:row;grid-area:actions;justify-content:center;align-items:center;gap:20px;padding:13px;display:flex}.action-btn{width:auto;min-width:160px;font-size:1rem}.deck-section,.summary-section,.end-round-section,.game-info-section{width:100%;height:auto;margin-bottom:10px}.deck-stack{width:110px;height:90px}.deck-card{width:110px;height:110px}.summary-cards img{width:90px;height:126px}.end-round-card{width:80px;height:112px}}.game-list-container{flex-direction:column;align-items:center;max-width:1200px;min-height:80vh;margin:0 auto;padding:20px;display:flex}.no-games-message{text-align:center;color:#fff;margin-top:50px;font-size:1.5rem}.games-list{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;width:100%;max-width:1200px;margin:30px 0;padding:0;list-style:none;display:grid}.game-card{background-image:url(/assets/card-CBg18Cwj.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;border:3px solid #2a6e8372;border-radius:12px;flex-direction:column;align-items:center;padding:25px 20px;display:flex;position:relative;overflow:hidden}.game-item{align-items:center;gap:20px;display:flex}.game-info{z-index:2;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex;position:relative}.game-name{color:#fff;text-align:center;font-size:1.8rem;font-weight:700}.game-owner{color:#fff;font-size:1.1rem}.status-time{color:#8de4ff;text-align:center;width:100%;margin:10px 0;font-size:1.2rem;font-weight:500}.time{text-align:center;color:#8de4ff;order:1;width:100%;font-size:1.2rem;font-weight:500}.players-line{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.players-count{color:#8de4ff;flex-wrap:wrap;font-size:1.3rem}.ai-count{color:#7c62ff;opacity:.9;font-size:1.3rem;font-weight:600}.deleting-countdown{color:#8de4ff;text-align:center;width:100%;font-size:1.3rem}.endRound{color:#fe9;font-size:1.2rem}.finished{color:#85ff87;text-align:center;width:100%;font-size:1.3rem}.time,.endRound,.deleting-countdown,.finished{text-align:center;box-sizing:border-box;width:100%;min-width:280px;max-width:350px;min-height:25px;font-size:1.2rem;font-weight:500;display:block}.game-actions{justify-content:center;width:100%;margin-top:15px;display:flex}.join-game-button{color:#050505;cursor:pointer;background:#3ba3c3;border:none;border-radius:8px;min-width:140px;padding:12px 30px;font-size:1.1rem;font-weight:600;transition:all .3s}.join-game-button:hover{background:#2cb54c;transform:scale(1.05)}.join-game-button:disabled{cursor:not-allowed;opacity:.75;transform:none}.join-game-button:disabled:hover{transform:none}.game-content{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.arrow-button{cursor:pointer;background:0 0;border:none;padding:12px 16px;transition:all .3s}.arrow-button:disabled{cursor:not-allowed}.arrow-button:disabled .left-arrow,.arrow-button:disabled .right-arrow{color:#ffffff4d}.arrow-button:hover:enabled .left-arrow,.arrow-button:hover:enabled .right-arrow{color:#8de4ff}.left-arrow,.right-arrow{color:#fff;font-size:20px;transition:color .3s}.page{color:#fff;text-align:center;min-width:50px;font-size:1.2rem;font-weight:600}@media screen and (max-width:768px){.games-list{grid-template-columns:1fr;gap:20px}.game-card{padding:20px 15px}.game-name{font-size:1.5rem}.players-info{font-size:1.1rem}}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:.2s ease-in-out animate-fade-in}.driver-fade .driver-popover{animation:.2s animate-fade-in}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer button{all:unset;box-sizing:border-box;text-shadow:1px 1px #fff;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{margin-left:-5px;left:50%}.driver-popover-arrow-none{display:none}@keyframes pulse{0%,to{box-shadow:0 0 #4caf50b3}50%{box-shadow:0 0 0 10px #4caf5000}}@keyframes buttonGlow{0%,to{border-color:#4caf50;box-shadow:0 0 10px #4caf5080}50%{border-color:#66eb6b;box-shadow:0 0 20px #66eb6bcc}}.tutorial-mode .game-page{position:relative}.tutorial-banner{color:#fff;z-index:1000;box-sizing:border-box;background:#8b4513;border-bottom:3px solid #ffd93d;border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:1200px;margin:0 auto;padding:15px 25px;display:flex;position:relative}.tutorial-progress{justify-content:center;align-items:center;gap:30px;width:100%;margin-left:20px;display:flex}.progress-step{opacity:.5;flex-direction:column;align-items:center;gap:10px;transition:all .3s;display:flex}.progress-step.active{opacity:1}.progress-step.active .step-number{background:#4caf50;transform:scale(1.1)}.step-number{color:#fff;background:#8b4513;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;transition:all .3s;display:flex}.step-label{color:#fff;font-size:.9rem;font-weight:500}.tutorial-controls{gap:15px;display:flex}.tutorial-btn{cursor:pointer;border:none;border-radius:25px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .3s}.skip-btn{color:#fff;background:#f44336}.skip-btn:hover{background:#d32f2f;transform:scale(1.05)}.play-btn{color:#fff;background:#4caf50;animation:2s infinite pulse}.play-btn:hover{background:#2e7d32;transform:scale(1.05)}.tutorial-mode .gamepage-actions .action-btn:not(:disabled){position:relative}.tutorial-mode .gamepage-actions .action-btn:not(:disabled):after{content:"";border:2px solid #4caf50;border-radius:10px;animation:2s infinite buttonGlow;position:absolute;inset:-5px}@media (min-width:768px) and (max-width:1023px){.tutorial-banner{width:95%;margin:0 auto;padding:12px 20px}.tutorial-popover{max-width:350px;padding:15px}.tutorial-popover .driver-popover-title{font-size:1.4rem}.tutorial-popover .driver-popover-description{font-size:1rem}.tutorial-popover .cards-grid{grid-template-columns:repeat(2,1fr);max-height:300px}}@media (max-width:767px){.tutorial-banner{border-radius:8px 8px 0 0;width:100%;margin:0;padding:10px 15px}.tutorial-progress{flex-wrap:wrap;gap:15px;margin-left:0}.progress-step{gap:5px}.step-label{font-size:.7rem}.tutorial-controls{gap:10px}.tutorial-btn{padding:8px 15px;font-size:.85rem}.tutorial-popover{max-width:280px;margin:10px;padding:12px}.tutorial-popover .driver-popover-title{font-size:1.2rem}.tutorial-popover .driver-popover-description{font-size:.9rem;line-height:1.4}.tutorial-popover .welcome-list li{padding:10px 15px;font-size:1rem}.tutorial-popover .cards-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:250px}.tutorial-popover .card-image{width:40px;height:56px}.tutorial-popover .card-desc{width:70px;font-size:.7rem}.tutorial-popover .scoring-cards{grid-template-columns:repeat(2,1fr)}.tutorial-popover .scoring-card{width:35px;height:52px}.driver-popover-footer{flex-direction:column;gap:8px}.driver-popover-footer button{width:100%}}@media (max-width:479px){.tutorial-banner{padding:8px 10px}.tutorial-progress{gap:8px}.progress-step{min-width:60px}.step-number{width:25px;height:25px;font-size:.8rem}.step-label{font-size:.65rem}.tutorial-popover{max-width:250px;padding:10px}.tutorial-popover .driver-popover-title,.tutorial-popover .welcome-content strong{font-size:1.1rem}.tutorial-popover .welcome-list li{padding:8px 12px;font-size:.9rem}.tutorial-popover .cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tutorial-popover .card-image{width:35px;height:49px}.tutorial-popover .card-desc{width:65px;font-size:.65rem}}@media (min-width:1024px){.tutorial-banner{width:1000px;margin:0 auto}.tutorial-popover{max-width:400px}.tutorial-popover[data-position=center]{max-width:500px}}.tutorial-popover{color:#fff;background:linear-gradient(135deg,#2d5a3d 0%,#1a3c27 100%);border:3px solid #ffd93d;border-radius:15px;width:100%}.tutorial-popover *{box-sizing:border-box;font-family:"Baloo 2"}.tutorial-popover .driver-popover-title{color:#ffd93d;text-align:center;margin-bottom:10px;font-size:1.6rem;font-weight:700}.tutorial-popover .driver-popover-description{color:#f0f0f0;font-size:1.05rem;line-height:1.5}.driver-popover .driver-popover-footer{z-index:1000;border-top:1px solid #fff3;margin-top:15px;padding-top:15px;position:relative}.tutorial-popover .driver-popover-footer{background:0 0;border-top:1px solid #ffd93d4d;flex-direction:column;align-items:center;gap:10px;margin-top:20px;padding-top:15px;display:flex}.driver-popover-footer button{text-shadow:none}.tutorial-popover .driver-popover-progress-text{text-align:center;color:#ffd93d;order:2;margin-top:10px;font-size:1rem;font-weight:700}.tutorial-popover .driver-popover-prev-btn{color:#fff;cursor:pointer;background:#8b4513;border:none;border-radius:6px;padding:10px 20px;font-weight:700;transition:all .3s}.tutorial-popover .driver-popover-prev-btn:hover{background:#6d3409}.tutorial-popover .driver-popover-next-btn{color:#fff;cursor:pointer;background:#2b5f2e;border:none;border-radius:6px;padding:10px 20px;font-weight:700;transition:all .3s}.tutorial-popover .driver-popover-next-btn:hover{background:#143916}.tutorial-popover .driver-popover-footer .driver-popover-prev-btn,.tutorial-popover .driver-popover-footer .driver-popover-next-btn{margin:0 10px;display:inline-block}.tutorial-popover .driver-popover-btn{color:#fff;background:#4caf50;border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:all .2s}.tutorial-popover .driver-popover-btn:hover{background:#2e7d32;transform:scale(1.05)}.driver-popover-close-btn{visibility:hidden}.driver-popover{max-width:400px;padding:20px}.driver-popover.driverjs-theme .driver-popover-footer{justify-content:space-between;gap:10px;display:flex}.tutorial-popover .cards-grid{grid-template-columns:repeat(3,1fr);gap:15px;max-height:400px;margin-bottom:15px;padding:5px;display:grid;overflow-y:auto}.tutorial-popover .card-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;align-items:center;padding:6px;transition:transform .2s;display:flex}.tutorial-popover .card-item.special-card{background:#ffd70014;border-color:#ffd70033}.tutorial-popover .card-item:hover{background:#ffffff14;transform:translateY(-2px)}.tutorial-popover .card-image{border-radius:4px;width:50px;height:70px;margin-bottom:6px}.tutorial-popover .card-info{text-align:center;width:100%}.tutorial-popover .card-title{flex-direction:column;align-items:center;gap:2px;margin-bottom:3px;font-size:.8em;font-weight:700;display:flex}.tutorial-popover .card-count{color:#bbdefb;text-align:center;background:#0000004d;border-radius:4px;margin:10px 0;padding:1px 5px;font-size:.75em;font-weight:700;display:block}.tutorial-popover .card-desc{color:#edf7ff;opacity:.9;width:80px;margin-top:10px;font-size:.75em;line-height:1.2}.tutorial-popover .card-color{text-align:center;border-radius:4px;width:100%;padding:2px 6px;font-size:.75rem;font-weight:700;display:inline-block}.tutorial-popover .card-color.red{color:#fff0ef;background:#f4433633}.tutorial-popover .card-color.blue{color:#abdaff;background:#2196f333}.tutorial-popover .card-color.green{color:#1eff27;background:#4caf5033}.tutorial-popover .card-color.brown{color:#fff0ea;background:#79554833}.tutorial-popover .card-color.orange{color:#ffecd1;background:#ff980033}.tutorial-popover .card-color.purple{color:#fadeff;background:#9c27b033}.tutorial-popover .card-color.yellow{color:#ffee59;background:#ffeb3b33}.tutorial-popover .card-color.cotton{color:#fff;background:#fff3}.tutorial-popover .card-color.wild{color:#ffe69c;background:#ffc10733}.tutorial-popover .card-color.goldenWild{color:#ffec84;background:#ffd70033}.tutorial-popover .card-color.endround{color:#f0e8ff;background:#673ab733}.tutorial-popover .welcome-content{text-align:center;padding:10px 0}.tutorial-popover .welcome-content strong{color:#ffd93d;border-top:2px solid #ffd93d4d;border-bottom:2px solid #ffd93d4d;margin-bottom:25px;padding:15px 0;font-size:1.3rem;display:block}.tutorial-popover .welcome-list{flex-direction:column;padding:0;list-style:none;display:flex}.tutorial-popover .welcome-list li{text-align:left;background:#ffffff1a;border-radius:10px;margin-bottom:15px;padding:12px 20px;font-size:1.2rem;transition:transform .2s;position:relative}.tutorial-popover .welcome-list li:hover{background:#ffffff26;transform:translate(-5px)}.tutorial-popover .welcome-list li:before{color:#4caf50;margin-right:10px;font-weight:700}.tutorial-popover .welcome-content em{color:#ffa218;background:#ff98001a;border:2px solid #ff9800;border-radius:10px;margin-top:15px;padding:15px;font-size:1.3rem;font-style:normal;font-weight:700;display:block}.tutorial-popover[data-position=center] .welcome-content strong{font-size:1.8rem}.tutorial-popover[data-position=center] .welcome-list li{padding:15px 25px;font-size:1.3rem}.tutorial-popover[data-position=center] .welcome-content em{padding:20px;font-size:1.4rem}.tutorial-popover .game-header-info{flex-direction:column;gap:10px;width:100%;display:flex}.tutorial-popover .game-header-info .info-row{justify-content:space-between;align-items:center;width:100%;display:flex}.tutorial-popover .game-header-info strong{color:#ffd93d;min-width:80px;font-weight:600}.tutorial-popover .game-header-info .info-value{color:#f0f0f0;text-align:left;background:0 0;flex:1;margin-left:15px;font-size:1rem}.tutorial-popover .game-header-info .your-turn{color:#66eb6b;text-align:center;border:1px solid #66eb6b;border-radius:6px;width:100%;margin-top:10px;padding:8px;font-weight:700}.tutorial-popover .deck-info ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tutorial-popover .deck-info li{color:#f0f0f0;text-align:left;width:100%;margin:0 auto;line-height:1.5}.tutorial-popover .cards-intro{text-align:center;margin-bottom:15px}.tutorial-popover .cards-intro strong{color:#ffd93d;width:50%;font-size:1.2rem}.tutorial-popover .tutorial-cards-deck{text-align:left}.tutorial-popover .cards-explanations{flex-direction:column;gap:12px;margin-bottom:15px;display:flex}.tutorial-popover .explanation-section{background:#ffffff0d;border-radius:8px;padding:10px}.tutorial-popover .explanation-title{color:#ffd93d;align-items:center;gap:6px;margin-bottom:6px;font-size:.9em;font-weight:700;display:flex}.tutorial-popover .explanation-text{color:#e0e0e0;font-size:.85em;line-height:1.3}.tutorial-popover .explanation-text strong{color:#58ff5f}.tutorial-popover .tutorial-summary-content{text-align:left;padding:10px}.tutorial-popover .tutorial-summary-content .title-summary{color:#ffd93d}.tutorial-popover .summary-cards-comparison{align-items:flex-start;gap:15px;margin:10px 0;display:flex}.tutorial-popover .summary-card-type{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.tutorial-popover .summary-card-title{border-radius:4px;margin-bottom:5px;padding:3px 8px;font-size:.9em;font-weight:700}.tutorial-popover .summary-card-title.brown{color:#ffe1cc;background-color:#8b45131a;border:1px solid #8b45134d}.tutorial-popover .summary-card-title.violet{color:#e7d9ff;background-color:#5928ae1a;border:1px solid #5928ae4d}.tutorial-popover .summary-card-image{width:100px}.tutorial-popover .summary-card-points{background:#0003;border-radius:6px;width:100%;margin-top:8px;padding:8px;font-size:.85em;line-height:1.4}.tutorial-popover .summary-card-points strong{color:#ffd93d;display:block}.tutorial-popover .tutorial-columns-content{padding:5px 5px 0}.tutorial-popover .columns-main-info{margin-bottom:15px}.tutorial-popover .columns-main-info strong{color:#ffd93d;text-align:center;border-bottom:2px solid #ffd93d4d;margin-bottom:10px;padding-bottom:8px;font-size:1.1em;display:block}.tutorial-popover .columns-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tutorial-popover .columns-list li{text-align:left;width:100%;padding:6px 0 6px 3px;line-height:1.4;display:block}.tutorial-popover .columns-list li strong{color:#66eb6b;border:none;padding:0;font-size:1em;display:inline}.tutorial-popover .tutorial-players-content{text-align:left;padding:10px}.tutorial-popover .players-explanation{margin-bottom:15px}.tutorial-popover .player-type{align-items:center;margin-bottom:8px;padding:5px 0;display:flex}.tutorial-popover .player-color{border:2px solid #ffffff4d;border-radius:50%;width:12px;height:12px;margin-right:5px}.tutorial-popover .player-color.green{background-color:#4caf50}.tutorial-popover .player-color.orange{background-color:#ff9800}.tutorial-popover .player-text{font-size:1rem;line-height:1.3}.tutorial-popover .player-text strong{color:#ffd93d}.tutorial-popover .players-actions{background:#2196f31a;border:1px solid #2196f333;border-radius:8px;margin-bottom:15px;padding:10px}.tutorial-popover .action-item{align-items:center;display:flex}.tutorial-popover .action-icon{margin-right:10px;font-size:1.2em}.tutorial-popover .action-text{color:#d0eaff;font-size:1rem}.tutorial-popover .players-card-types{flex-direction:column;gap:10px;display:flex}.tutorial-popover .card-type{background:#ffffff0d;border-radius:6px;padding:10px}.tutorial-popover .card-type-title{color:#ffd93d;margin-bottom:4px;font-size:.95em;font-weight:700}.tutorial-popover .card-type-description{color:#e4e4e4;font-size:.9rem;line-height:1.3}.tutorial-popover .owner-info{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;align-items:flex-start;gap:12px;margin-top:15px;padding:12px;display:flex}.tutorial-popover .owner-icon-img{filter:drop-shadow(0 2px 4px #0000004d);flex-shrink:0;width:24px;height:24px}.tutorial-popover .owner-text{color:#ffeb3b;font-size:.9em;line-height:1.4}.tutorial-popover .owner-text strong{color:gold}.tutorial-popover .tutorial-interface-complete{text-align:center;padding:15px}.tutorial-popover .complete-title{color:#57c95c;border-bottom:2px solid #4caf504d;margin-bottom:20px;padding-bottom:15px;font-size:1.4em;font-weight:700}.tutorial-popover .next-steps{margin-bottom:20px}.tutorial-popover .next-title{color:#ffd93d;margin-bottom:15px;font-size:1.1em;font-weight:700}.tutorial-popover .next-items{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.tutorial-popover .next-item{background:#ffffff12;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:1.2rem;transition:transform .3s;display:flex}.tutorial-popover .next-item:hover{background:#ffffff1a;transform:translate(5px)}.tutorial-popover .next-text{color:#f0f0f0;font-size:1em;font-weight:500}.tutorial-popover .continue-section{background:#2196f31a;border:2px solid #2196f34d;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:15px;display:flex}.tutorial-popover .continue-text{color:#bae0ff;font-size:1.3rem;font-weight:700}.tutorial-popover .tutorial-mechanics-intro{text-align:center;padding:10px}.tutorial-popover .mechanics-title{color:#ffd93d;margin-bottom:10px;font-size:1.3rem;font-weight:700}.tutorial-popover .mechanics-subtitle{color:#bfe2ff;margin-top:20px;font-size:1.05rem;font-weight:700}.tutorial-popover .tutorial-actions-content{text-align:left;padding:10px 10px 0}.tutorial-popover .actions-intro{border-bottom:2px solid #ffd93d4d;margin-bottom:15px;padding-bottom:10px}.tutorial-popover .actions-intro strong{color:#ffd93d;text-align:center;font-size:1.1em;display:block}.tutorial-popover .action-steps{flex-direction:column;gap:12px;margin-bottom:15px;display:flex}.tutorial-popover .action-step{background:#ffffff0d;border-radius:8px;align-items:flex-start;gap:12px;padding:10px;display:flex}.tutorial-popover .step-number{color:#1a3c27;background:#ffd93de6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9em;font-weight:700;display:flex}.tutorial-popover .step-content{flex:1}.tutorial-popover .step-title{color:#ffd93d;margin-bottom:4px;font-size:1em;font-weight:700}.tutorial-popover .step-description{color:#e0e0e0;font-size:.9em;line-height:1.3}.tutorial-popover .tutorial-reveal-card{text-align:left;padding:10px}.tutorial-popover .reveal-steps{margin-bottom:20px}.tutorial-popover .reveal-step{background:#2196f31a;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:10px;display:flex}.tutorial-popover .step-icon{flex-shrink:0;font-size:1.2em}.tutorial-popover .step-content strong{color:#d5edff}.tutorial-popover .reveal-purpose{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;padding:15px}.tutorial-popover .purpose-title{color:#8aff8f;margin-bottom:10px;font-size:1.05rem;font-weight:700}.tutorial-popover .purpose-items{flex-direction:column;gap:8px;display:flex}.tutorial-popover .purpose-item{color:#e0e0e0;padding-left:20px;font-size:.9em;line-height:1.3;position:relative}.tutorial-popover .purpose-item:before{content:"✓";color:#8aff8f;position:absolute;top:0;left:0}.tutorial-popover .tutorial-reveal-action{text-align:left;max-width:500px;padding:10px}.tutorial-popover .reveal-action-demo{background:#0003;border:1px solid #ffd93d33;border-radius:10px;margin-bottom:20px;padding:15px}.tutorial-popover .demo-title{color:#ffd93d;text-align:center;margin-bottom:15px;font-size:1em;font-weight:700}.tutorial-popover .demo-before-after{justify-content:center;align-items:center;gap:20px;margin-bottom:15px;display:flex}.tutorial-popover .demo-before,.tutorial-popover .demo-after{text-align:center}.tutorial-popover .demo-label{color:#bbdefb;margin-bottom:8px;font-size:.9em;font-weight:500}.tutorial-popover .demo-column{flex-direction:column;align-items:center;gap:10px;display:flex}.tutorial-popover .demo-card{border:2px solid #ffffff4d;border-radius:6px;width:50px;height:75px}.tutorial-popover .demo-card.new-card{border:2px solid #4caf50;animation:2s infinite glowTutorial;box-shadow:0 0 10px #4caf5080}@keyframes glowTutorial{0%,to{box-shadow:0 0 10px #4caf5080}50%{box-shadow:0 0 20px #4caf50cc}}.tutorial-popover .demo-card-placeholder{color:#4caf50;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:6px;justify-content:center;align-items:center;width:50px;height:75px;font-size:1.2em;font-weight:700;display:flex}.tutorial-popover .demo-arrow{color:#ffd93d;font-size:2em;animation:2s infinite slide}@keyframes slide{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.tutorial-popover .reveal-action-tip{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.tutorial-popover .tip-icon{flex-shrink:0;font-size:1.3em}.tutorial-popover .tip-content{color:#ffd79a;font-size:.9em;line-height:1.3}.tutorial-popover .tip-content strong{color:#ffe4bb}.tutorial-popover .tutorial-take-column{text-align:left;padding:10px}.tutorial-popover .take-important{background:#ff980026;border:2px solid #ff98004d;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px;display:flex}.tutorial-popover .important-icon{flex-shrink:0;font-size:1.4em}.tutorial-popover .important-text{color:#fff5e6;font-size:.85em;font-weight:700}.tutorial-popover .important-text strong{color:#fff2ee}.tutorial-popover .take-steps{margin-bottom:20px}.tutorial-popover .take-step{background:#9c27b01a;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:10px;display:flex}.tutorial-popover .take-step .step-content strong{color:#f8cdff}.tutorial-popover .take-timing{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;padding:15px}.tutorial-popover .timing-title{color:#ffc107;margin-bottom:10px;font-size:1em;font-weight:700}.tutorial-popover .timing-items{flex-direction:column;gap:8px;display:flex}.tutorial-popover .timing-item{color:#e6e6e6;padding-left:20px;font-size:.9em;line-height:1.3;position:relative}.tutorial-popover .timing-item:before{content:"→";color:#ffc107;position:absolute;top:0;left:0}.tutorial-popover .tutorial-strategy{text-align:left}.tutorial-popover .strategy-core{margin-bottom:20px}.tutorial-popover .core-title{color:#ffd93d;text-align:center;border-bottom:2px solid #ffd93d4d;margin-bottom:15px;padding-bottom:10px;font-size:1.2em;font-weight:700}.tutorial-popover .core-principles{flex-direction:column;gap:15px;display:flex}.tutorial-popover .principle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:flex-start;gap:15px;padding:12px;display:flex}.tutorial-popover .principle-content{flex:1}.tutorial-popover .principle-content strong{color:#a2ffa6;margin-bottom:5px;font-size:1em;display:block}.tutorial-popover .principle-desc{color:#daeeff;font-size:.9em;line-height:1.3}.tutorial-popover .strategy-advanced{background:#673ab71a;border:1px solid #673ab74d;border-radius:8px;padding:15px}.tutorial-popover .advanced-title{color:#e0ceff;margin-bottom:10px;font-size:1em;font-weight:700}.tutorial-popover .advanced-tips{flex-direction:column;gap:8px;display:flex}.tutorial-popover .tip{color:#e0e0e0;font-size:1rem;line-height:1.3;position:relative}.tutorial-popover .takeColumn{margin-top:15px;padding-left:10px;padding-right:15px;font-size:.95rem}.tutorial-popover .tutorial-game-info{text-align:left;max-width:500px}.tutorial-popover .info-intro{text-align:center;margin-bottom:20px}.tutorial-popover .info-title{color:#ffd93d;margin-bottom:8px;font-size:1.2em;font-weight:700}.tutorial-popover .info-description{color:#fff;font-size:.95em;line-height:1.4}.tutorial-popover .detail-item{align-items:flex-start;gap:12px;display:flex}.tutorial-popover .detail-text{flex:1}.tutorial-popover .detail-text strong{color:#d7edff;text-align:center;margin-bottom:4px;font-size:.95em;display:block}.tutorial-popover .detail-subtext{color:#fff;margin-top:8px;margin-bottom:8px;font-size:.85em;line-height:1.3}.tutorial-popover .info-round-end{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;margin-bottom:20px;padding:12px}.tutorial-popover .round-end-title{color:#ffe9c9;align-items:center;gap:8px;margin-bottom:12px;font-size:1em;font-weight:700;display:flex}.tutorial-popover .round-end-conditions{flex-direction:column;gap:15px;display:flex}.tutorial-popover .condition{align-items:flex-start;gap:12px;display:flex}.tutorial-popover .condition-number{color:#fff;background:#ff9800;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9em;font-weight:700;display:flex}.tutorial-popover .condition-text{flex:1}.tutorial-popover .condition-text strong{color:#ffe7c4;margin-bottom:4px;font-size:.95em;display:block}.tutorial-popover .condition-example{color:#ffe7c4;opacity:.9;font-size:.85em;line-height:1.3}.tutorial-popover .info-round-transition{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin-bottom:20px;padding:12px}.tutorial-popover .transition-title{color:#73ff79;align-items:center;gap:8px;margin-bottom:12px;font-size:1em;font-weight:700;display:flex}.tutorial-popover .transition-steps{flex-direction:column;gap:10px;display:flex}.tutorial-popover .transition-step{align-items:center;gap:10px;padding:6px 0;display:flex}.tutorial-popover .step-marker{color:#73ff79;flex-shrink:0;font-size:1.1em;font-weight:700}.tutorial-popover .step-content{color:#e0e0e0;font-size:.9em;line-height:1.3}.tutorial-popover .tutorial-scoring-example{max-height:450px;padding-right:5px;overflow-y:auto}.tutorial-popover .scoring-intro{text-align:center;margin-bottom:15px}.tutorial-popover .scoring-intro strong{color:#ffd93d;font-size:1.1em}.tutorial-popover .scoring-cards{background:#ffffff0d;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;padding:10px;display:grid}.tutorial-popover .card-group{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.tutorial-popover .card-group.special{border-radius:6px;padding:8px}.tutorial-popover .group-title{color:#ddf0ff;align-items:center;gap:8px;font-size:.9em;font-weight:700;display:flex}.tutorial-popover .group-cards{gap:8px;display:flex}.tutorial-popover .scoring-card{border:2px solid #ffffff4d;border-radius:4px;width:45px;height:68px}.tutorial-popover .scoring-card.new{border:2px solid #4caf50;box-shadow:0 0 8px #4caf5066}.tutorial-popover .scoring-card.special{border:2px solid gold;box-shadow:0 0 8px #ffd70066}.tutorial-popover .scoring-calculation{background:#7955481a;border:1px solid #7955484d;border-radius:8px;margin-bottom:15px;padding:15px}.tutorial-popover .calculation-step{margin-bottom:15px}.tutorial-popover .calculation-step:last-child{margin-bottom:0}.tutorial-popover .step-label{color:#c5e5ff;margin-bottom:8px;font-size:.9em;font-weight:500}.tutorial-popover .step-values{padding-left:10px}.tutorial-popover .color-value{background:#ffffff0d;border-radius:4px;align-items:center;gap:8px;margin-bottom:6px;padding:5px 10px;display:flex}.tutorial-popover .color-dot{border:2px solid #ffffff4d;border-radius:50%;width:12px;height:12px}.tutorial-popover .color-dot.red{background-color:#f44336}.tutorial-popover .color-dot.green{background-color:#4caf50}.tutorial-popover .color-dot.blue{background-color:#2196f3}.tutorial-popover .color-dot.yellow{background-color:#ffeb3b}.tutorial-popover .color-name{color:#ececec;min-width:60px;font-size:.9em;font-weight:500}.tutorial-popover .color-count{color:#def0ff;margin-left:auto;font-size:.85em}.tutorial-popover .point-breakdown{flex-direction:column;gap:6px;display:flex}.tutorial-popover .breakdown-item{background:#ffffff0d;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.tutorial-popover .breakdown-item.total{background:#8b451333;border:1px solid #8b451366}.tutorial-popover .item-name{color:#e0e0e0;font-size:.9em}.tutorial-popover .item-value{color:#ffd93d;font-size:.9em;font-weight:700}.tutorial-popover .breakdown-item.total .item-name,.tutorial-popover .breakdown-item.total .item-value{color:#ffd18e;font-size:1em}.tutorial-popover .breakdown-divider{background:#ffffff1a;height:1px;margin:4px 0}.tutorial-popover .breakdown-divider.total{background:#ff98004d;height:2px;margin:8px 0}.tutorial-popover .scoring-note{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.tutorial-popover .tutorial-completed{text-align:center;max-height:400px;overflow-y:auto}.tutorial-popover .completed-trophy{filter:drop-shadow(0 4px 8px #ffd70066);width:80px;height:50px;margin:15px auto;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-popover .completed-title{color:gold;text-shadow:0 2px 4px #0000004d;margin-bottom:20px;font-size:1.6em;font-weight:700}.tutorial-popover .completed-skills{background:#ffffff0d;border:1px solid #ffd93d33;border-radius:10px;margin-bottom:25px;padding:15px}.tutorial-popover .skills-title{color:#ffd93d;margin-bottom:15px;font-size:1.1em;font-weight:700}.tutorial-popover .skills-list{flex-direction:column;gap:12px;display:flex}.tutorial-popover .skill-item{background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.tutorial-popover .skill-check{color:#69f16e;background:#4caf501a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2em;font-weight:700;display:flex}.tutorial-popover .skill-text{color:#f0f0f0;font-size:1em;font-weight:500}.tutorial-popover .completed-action{margin-bottom:20px}.tutorial-popover .action-title-final{color:#55c359;margin-bottom:15px;font-size:1.2em;font-weight:700}.tutorial-popover .action-finals{flex-direction:column;gap:12px;display:flex}.tutorial-popover .action-final{background:#2196f31a;border-radius:8px;align-items:center;gap:15px;padding:12px;display:flex}.tutorial-popover .step-number-final{color:#fff;background:#2196f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9em;font-weight:700;display:flex}.tutorial-popover .step-content-final{text-align:left;flex:1}.tutorial-popover .step-title-final{color:#c3e4ff;margin-bottom:4px;font-size:1em;font-weight:700}.tutorial-popover .step-desc-final{color:#fff;font-size:.9em;line-height:1.3}.tutorial-popover .completed-encouragement{background:#ff98001a;border:1px solid #ff98004d;border-radius:10px;padding:15px}.tutorial-popover .encouragement-text{color:#ff9800;font-size:1.1em;font-weight:700}@media (min-width:768px) and (max-width:1023px){.tutorial-banner{width:95%;margin:0 auto;padding:12px 20px}.tutorial-popover{max-width:350px;padding:15px}.tutorial-popover .driver-popover-title{font-size:1.4rem}.tutorial-popover .driver-popover-description{font-size:1rem}.tutorial-popover .cards-grid{grid-template-columns:repeat(2,1fr);max-height:300px}}@media (max-width:767px){.tutorial-banner{border-radius:8px 8px 0 0;width:100%;margin:0;padding:10px 15px}.tutorial-progress{flex-wrap:wrap;gap:15px;margin-left:0}.progress-step{gap:5px}.step-label{font-size:.7rem}.tutorial-controls{gap:10px}.tutorial-btn{padding:8px 15px;font-size:.85rem}.tutorial-popover{max-width:280px;margin:10px;padding:12px}.tutorial-popover .driver-popover-title{font-size:1.2rem}.tutorial-popover .driver-popover-description{font-size:.9rem;line-height:1.4}.tutorial-popover .welcome-list li{padding:10px 15px;font-size:1rem}.tutorial-popover .cards-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:250px}.tutorial-popover .card-image{width:40px;height:56px}.tutorial-popover .card-desc{width:70px;font-size:.7rem}.tutorial-popover .scoring-cards{grid-template-columns:repeat(2,1fr)}.tutorial-popover .scoring-card{width:35px;height:52px}.driver-popover-footer{flex-direction:column;gap:8px}.driver-popover-footer button{width:100%}}@media (max-width:479px){.tutorial-banner{padding:8px 10px}.tutorial-progress{gap:8px}.progress-step{min-width:60px}.step-number{width:25px;height:25px;font-size:.8rem}.step-label{font-size:.65rem}.tutorial-popover{max-width:250px;padding:10px}.tutorial-popover .driver-popover-title,.tutorial-popover .welcome-content strong{font-size:1.1rem}.tutorial-popover .welcome-list li{padding:8px 12px;font-size:.9rem}.tutorial-popover .cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tutorial-popover .card-image{width:35px;height:49px}.tutorial-popover .card-desc{width:65px;font-size:.65rem}}@media (min-width:1024px){.tutorial-banner{width:1000px;margin:0 auto}.tutorial-popover{max-width:400px}.tutorial-popover[data-position=center]{max-width:500px}}
/*$vite$:1*/