.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;user-select:text;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.draggable{cursor:pointer;cursor:grab;user-select:none;}.slick-list.dragging{cursor:grabbing;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:1px;}[dir='rtl'] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}.slick-arrow.slick-hidden{display:none;}
@media (min-width:64em){.slick--main .slick__slide img{pointer-events:none;}.slide__caption{left:0;padding:20px;top:10%;}.slide--caption--center .slide__caption,.slide--caption--center-top .slide__caption,.slide--caption--left .slide__caption,.slide--caption--right .slide__caption{width:42%;}.slide--caption--center .slide__caption{margin-top:-16%;position:absolute;top:50%;}.slide--caption--center .slide__caption,.slide--caption--center-top .slide__caption{left:50%;padding:0;position:absolute;text-align:center;transform:translateX(-50%);}.slide--caption--center .slide__caption{transform:translate(-50%,-50%);}.slide--caption--left .slide__caption{position:absolute;}.slide--caption--right .slide__caption{left:auto;position:absolute;right:0;}.slide--caption--top .slide__caption,.slide--caption--bottom .slide__caption{position:absolute;width:100%;}.slide--caption--top .slide__caption{top:0;}.slide--caption--bottom .slide__caption{bottom:0;top:auto;}.slide--caption--stage-left .slide__caption,.slide--caption--stage-right .slide__caption,.slide--caption--stage-zebra .slide__caption{left:50%;padding:0;position:absolute;transform:translateX(-50%);width:82%;}.slick--thumbnail .slide__caption,.slide--caption--below .slide__caption{padding:20px 0;position:relative;top:auto;width:100%;}.slick--thumbnail .slide__caption{padding:5px 6px;}.slick--multiple-view .slide--caption--center .slide__caption,.slick--multiple-view .slide--caption--center-top .slide__caption{left:0;margin-left:auto;width:100%;}.slick-wrapper--tn-left .slick--thumbnail{float:left;left:0;width:20%;}.slick-wrapper--tn-left .slick--main{margin-left:20%;}.slick-wrapper--tn-right .slick--thumbnail{float:right;right:0;width:20%;}.slick-wrapper--tn-right .slick--main{margin-right:20%;}.slick-wrapper--tn-overlay .slick--main{margin-left:auto;margin-right:auto;}.slick-wrapper--tn-overlay .slick--thumbnail{height:100%;max-height:90%;overflow:hidden;position:absolute;top:0;z-index:9;}.slick-wrapper--tn-over-top .slick--thumbnail{height:auto;max-height:none;width:100%;}div[class*="slick-wrapper--tn"] .slick__slider::after{clear:none;}}
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.fieldgroup{padding:0;border-width:0;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix:after{display:table;clear:both;content:"";}
.js details:not([open]) .details-wrapper{display:none;}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.item-list__comma-list,.item-list__comma-list li{display:inline;}.item-list__comma-list{margin:0;padding:0;}.item-list__comma-list li:after{content:", ";}.item-list__comma-list li:last-child:after{content:"";}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}
.nowrap{white-space:nowrap;}
.position-container{position:relative;}
.progress{position:relative;}.progress__track{min-width:100px;max-width:100%;height:16px;margin-top:5px;border:1px solid;background-color:#fff;}.progress__bar{width:3%;min-width:3%;max-width:100%;height:16px;background-color:#000;}.progress__description,.progress__percentage{overflow:hidden;margin-top:0.2em;color:#555;font-size:0.875em;}.progress__description{float:left;}[dir="rtl"] .progress__description{float:right;}.progress__percentage{float:right;}[dir="rtl"] .progress__percentage{float:left;}.progress--small .progress__track{height:7px;}.progress--small .progress__bar{height:7px;background-size:20px 20px;}
.reset-appearance{margin:0;padding:0;border:0 none;background:transparent;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.resize-none{resize:none;}.resize-vertical{min-height:2em;resize:vertical;}.resize-horizontal{max-width:100%;resize:horizontal;}.resize-both{max-width:100%;min-height:2em;resize:both;}
table.sticky-header{z-index:500;top:0;margin-top:0;background-color:#fff;}
.system-status-counter__status-icon{display:inline-block;width:25px;height:25px;vertical-align:middle;}.system-status-counter__status-icon:before{display:block;width:100%;height:100%;content:"";background-repeat:no-repeat;background-position:center 2px;background-size:16px;}.system-status-counter__status-icon--error:before{background-image:url(/core/misc/icons/e32700/error.svg);}.system-status-counter__status-icon--warning:before{background-image:url(/core/misc/icons/e29700/warning.svg);}.system-status-counter__status-icon--checked:before{background-image:url(/core/misc/icons/73b355/check.svg);}
.system-status-report-counters__item{width:100%;margin-bottom:0.5em;padding:0.5em 0;text-align:center;white-space:nowrap;background-color:rgba(0,0,0,0.063);}@media screen and (min-width:60em){.system-status-report-counters{display:flex;flex-wrap:wrap;justify-content:space-between;}.system-status-report-counters__item--half-width{width:49%;}.system-status-report-counters__item--third-width{width:33%;}}
.system-status-general-info__item{margin-top:1em;padding:0 1em 1em;border:1px solid #ccc;}.system-status-general-info__item-title{border-bottom:1px solid #ccc;}
.tablesort{display:inline-block;width:16px;height:16px;background-size:100%;}.tablesort--asc{background-image:url(/core/misc/icons/787878/twistie-down.svg);}.tablesort--desc{background-image:url(/core/misc/icons/787878/twistie-up.svg);}
div.tree-child{background:url(/core/misc/tree.png) no-repeat 11px center;}div.tree-child-last{background:url(/core/misc/tree-bottom.png) no-repeat 11px center;}[dir="rtl"] div.tree-child,[dir="rtl"] div.tree-child-last{background-position:-65px center;}div.tree-child-horizontal{background:url(/core/misc/tree.png) no-repeat -11px center;}
.views-align-left{text-align:left;}.views-align-right{text-align:right;}.views-align-center{text-align:center;}.views-view-grid .views-col{float:left;}.views-view-grid .views-row{float:left;clear:both;width:100%;}.views-display-link + .views-display-link{margin-left:0.5em;}
.blazy,.blazy *,.blazy *::before,.blazy *::after{box-sizing:border-box;}.b-lazy,.b-responsive{display:block;height:auto;min-height:1px;}html:not(.js) .b-lazy[data-src],html:not(.js) [data-b-blur]{display:none;}.b-bg,.media--ratio .is-b-ie{background-size:cover;background-position:center center;background-repeat:no-repeat;display:block;}.b-loaded,.b-error,.b-bg.is-b-loading{opacity:1;}.litebox,.blazy iframe,.media iframe{border:0;display:block;max-width:100%;}.media--blazy iframe{position:relative;width:100%;z-index:1;}.media-wrapper--inline{margin:auto;max-width:100%;}.blazy .media{display:block;position:relative;}.media--fx{overflow:hidden;position:relative;}.media--fx img{color:transparent;display:block;width:100%;}.media--ratio .media__element,.media--fx .b-blur{bottom:0;height:100%;left:0;min-height:1px;position:absolute;right:0;top:0;width:100%;z-index:0;object-fit:cover;}.animated img,.b-bg.is-b-animated{opacity:1;}.field[data-blazy]{min-width:50%;}.blazy .media--blazy img.b-blur,.blazy .media--blazy img.media__element{margin:0;}
@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px);transform:perspective(120px);}50%{-webkit-transform:perspective(120px) rotateY(180deg);transform:perspective(120px) rotateY(180deg);}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg);transform:perspective(120px) rotateY(180deg) rotateX(180deg);}}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}}.is-b-loading:not(.is-b-loaded){-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;min-height:30px;}.is-b-loading:not(.is-b-loaded)::before{display:none;}.js .is-b-loading:not(.is-b-loaded)::before{display:block;}.is-b-loading:not(.is-b-loaded):not([data-animation])::before{content:'';width:30px;height:30px;max-width:30px;background:#2eaae0;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;font-size:0;z-index:22;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out;}
#sliding-popup{background:url(/modules/contrib/eu_cookie_compliance/images/gradient.png) center center scroll repeat-y transparent;}.sliding-popup-bottom,.sliding-popup-top{margin:0;padding:0;width:100%;z-index:99999;left:0;text-align:center;}.sliding-popup-bottom{position:fixed;}.sliding-popup-top{position:relative;}.eu-cookie-compliance-content{margin:0 auto;max-width:80%;display:inline-block;text-align:left;width:100%;position:relative;}.eu-cookie-compliance-buttons{float:right;margin:0 0 1em 0;max-width:40%;}.eu-cookie-compliance-categories-buttons{margin:0 0 1em 0;max-width:60%;float:left;}[dir="rtl"] .eu-cookie-compliance-buttons{float:left;}[dir="rtl"] .eu-cookie-compliance-categories-buttons{float:right;}.eu-cookie-compliance-more-button{cursor:pointer;display:inline;height:auto;margin:0;padding:0;border:none;text-decoration:underline;background:none;}.eu-cookie-compliance-secondary-button{cursor:pointer;border:none;background:none;margin-top:1em;padding:0 8px;vertical-align:middle;}.disagree-button.eu-cookie-compliance-more-button,.eu-cookie-compliance-agree-button,.eu-cookie-compliance-default-button,.eu-cookie-compliance-hide-button,.eu-cookie-compliance-more-button-thank-you,.eu-cookie-withdraw-button,.eu-cookie-compliance-save-preferences-button{cursor:pointer;margin-right:5px;margin-top:1em;vertical-align:middle;overflow:visible;width:auto;-moz-box-shadow:inset 0 1px 0 0 #ffffff;-webkit-box-shadow:inset 0 1px 0 0 #ffffff;box-shadow:inset 0 1px 0 0 #ffffff;background-color:#ededed;background-image:-moz-linear-gradient(top,#ededed 5%,#dfdfdf 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ededed),color-stop(100%,#dfdfdf));background-image:-webkit-linear-gradient(top,#ededed 5%,#dfdfdf 100%);background-image:-o-linear-gradient(top,#ededed 5%,#dfdfdf 100%);background-image:-ms-linear-gradient(top,#ededed 5%,#dfdfdf 100%);background-image:linear-gradient(to bottom,#ededed 5%,#dfdfdf 100%);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;color:#000;font-family:Arial,sans-serif;font-weight:bold;padding:4px 8px;text-decoration:none;text-shadow:1px 1px 0 #ffffff;}[dir="rtl"] .eu-cookie-compliance-buttons button{-moz-box-shadow:inset 0 0 0 1px #ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff;}.disagree-button.eu-cookie-compliance-more-button:hover,.eu-cookie-compliance-agree-button:hover,.eu-cookie-compliance-default-button:hover,.eu-cookie-compliance-hide-button:hover,.eu-cookie-compliance-more-button-thank-you:hover,.eu-cookie-withdraw-button:hover{background-color:#dfdfdf;background-image:-moz-linear-gradient(top,#dfdfdf 5%,#ededed 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#dfdfdf),color-stop(100%,#ededed));background-image:-webkit-linear-gradient(top,#dfdfdf 5%,#ededed 100%);background-image:-o-linear-gradient(top,#dfdfdf 5%,#ededed 100%);background-image:-ms-linear-gradient(top,#dfdfdf 5%,#ededed 100%);background-image:linear-gradient(to bottom,#dfdfdf 5%,#ededed 100%);}.disagree-button.eu-cookie-compliance-more-button:active,.eu-cookie-compliance-agree-button:active,.eu-cookie-compliance-default-button:active,.eu-cookie-compliance-hide-button:active,.eu-cookie-compliance-more-button-thank-you:active,.eu-cookie-withdraw-button:active{position:relative;top:1px;}.eu-cookie-compliance-message{float:left;margin:5px 0 0;max-width:60%;}.eu-cookie-compliance-banner--categories .eu-cookie-compliance-message{max-width:100%;}.eu-cookie-compliance-categories{clear:both;padding-top:1em;}.eu-cookie-compliance-categories label{display:inline;}[dir="rtl"] .eu-cookie-compliance-message{float:right;text-align:right;}.eu-cookie-compliance-message h1,.eu-cookie-compliance-message h2,.eu-cookie-compliance-message h3,.eu-cookie-compliance-message p{font-weight:bold;line-height:1.4;margin:0 0 5px 0;}.eu-cookie-compliance-message h1,.eu-cookie-compliance-message h2,.eu-cookie-compliance-message h3,.eu-cookie-compliance-message p,.eu-cookie-compliance-message button,.eu-cookie-compliance-category label{color:#fff;}.eu-cookie-compliance-message h1{font-size:24px;}.eu-cookie-compliance-message h2{font-size:16px;}.eu-cookie-compliance-message h3{font-size:12px;}.eu-cookie-compliance-message p{font-size:12px;display:inline;}.eu-cookie-withdraw-tab{padding:4px 7px;cursor:pointer;}.sliding-popup-bottom .eu-cookie-withdraw-tab{border-width:2px 2px 0;border-radius:5px 5px 0 0;}.sliding-popup-top .eu-cookie-withdraw-tab{border-width:0 2px 2px;border-radius:0 0 5px 5px;}.eu-cookie-withdraw-wrapper.sliding-popup-top,.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner{transform:scaleY(-1);}.eu-cookie-withdraw-tab{position:absolute;top:0;transform:translate(-50%,-100%);left:50%;}.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab{transform:translate(-50%,-100%) scaleY(-1);}.eu-cookie-compliance-close-button{background:url(/modules/contrib/eu_cookie_compliance/images/close.png);width:24px;height:24px;border-width:0;font-size:0px;position:absolute;right:2px;top:-12px;cursor:pointer;}body:not(.eu-cookie-compliance-popup-open) .eu-cookie-compliance-close-button{display:none;}@media screen and (max-width:600px){.eu-cookie-compliance-content{max-width:95%;}.eu-cookie-compliance-categories,.eu-cookie-compliance-message{max-width:100%;}.eu-cookie-compliance-buttons{clear:both;float:none;max-width:100%;margin:5px 0 1em;}.eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories{float:right;margin-top:-56px;}.eu-cookie-compliance-banner--categories .eu-cookie-compliance-buttons{position:initial;bottom:unset;right:unset;}}
.homepage-game-section{border-radius:1rem;padding:1.5rem;margin:1.5rem 0;}.homepage-game-section__grid{display:grid;grid-template-columns:1fr;gap:2rem;}@media (min-width:992px){.homepage-game-section__grid{grid-template-columns:1fr 1fr;gap:2.5rem;}}.homepage-game-section__column{display:flex;flex-direction:column;}@media (min-width:992px){.homepage-game-section__column--solo{padding-right:2.5rem;}}.homepage-game-section__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;margin-right:auto;margin-left:auto;}.homepage-game-section__icon{width:50px;height:50px;min-width:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;}.homepage-game-section__icon--solo{background:linear-gradient(135deg,#6366f1,#8b5cf6);}.homepage-game-section__icon--friends{background:linear-gradient(135deg,#f97316,#fb923c);}.homepage-game-section__icon svg{width:28px;height:28px;fill:white;}.homepage-game-section__title{margin:0;font-size:3rem;font-weight:700;color:#0b4e61;}.homepage-game-section__subtitle{margin:0.25rem 0 0;font-size:1.8rem;color:#0b4e61;}.solo-rooms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;flex:1;}@media (min-width:768px){.solo-rooms-grid{grid-template-columns:repeat(3,1fr);}}.solo-room-card{display:block;border-radius:0.75rem;border:1px solid rgba(148,163,184,0.15);text-decoration:none;transition:all 0.3s ease;position:relative;overflow:hidden;min-height:100px;}.solo-room-card:hover{transform:translateY(-3px);border-color:rgba(99,102,241,0.5);box-shadow:0 8px 25px rgba(0,0,0,0.4);text-decoration:none;}.solo-room-card__bg{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background-size:cover;background-position:center;filter:blur(7px) brightness(0.7);z-index:0;}.solo-room-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.6) 100%);z-index:1;}.solo-room-card__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0.875rem 0.5rem;}.solo-room-card__image{width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center;margin-bottom:0.5rem;transition:transform 0.3s ease,border-color 0.3s ease;}.solo-room-card:hover .solo-room-card__image{transform:scale(1.1);border-color:rgba(255,255,255,0.6);}.solo-room-card--pop:hover .solo-room-card__image{border-color:#ec4899;}.solo-room-card--rock:hover .solo-room-card__image{border-color:#ef4444;}.solo-room-card--hiphop:hover .solo-room-card__image{border-color:#eab308;}.solo-room-card--electro:hover .solo-room-card__image{border-color:#06b6d4;}.solo-room-card--fr:hover .solo-room-card__image{border-color:#3b82f6;}.solo-room-card--classic:hover .solo-room-card__image{border-color:#8b5cf6;}.solo-room-card__info{display:flex;flex-direction:column;align-items:center;text-align:center;}.solo-room-card__name{font-size:1.6rem;font-weight:600;color:#fff;margin-bottom:0.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 3px rgba(0,0,0,0.5);}.solo-room-card__players{display:flex;align-items:center;gap:0.25rem;font-size:0.7rem;color:rgba(255,255,255,0.8);text-shadow:0 1px 2px rgba(0,0,0,0.5);}.solo-room-card__players svg{width:12px;height:12px;fill:currentColor;}.homepage-game-section__footer{margin-top:1rem;text-align:center;}.homepage-game-section__cta{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.25rem;color:#fff;font-weight:600;font-size:2rem;border-radius:0.75rem;text-decoration:none;transition:all 0.3s ease;border:1px solid rgba(148,163,184,0.2);background:linear-gradient(135deg,#6366f1,#8b5cf6);}.homepage-game-section__cta:hover{color:#e2e8f0;border-color:rgba(99,102,241,0.5);text-decoration:none;}.homepage-game-section__cta svg{width:16px;height:16px;fill:currentColor;}.friends-game-visual{flex:1;display:flex;align-items:center;justify-content:center;min-height:140px;margin:1rem 0;}.homepage-game-section .gameplay-cat{background-image:url('/themes/custom/blindz/assets/picto/computercat.svg');background-size:contain;background-position:center center;background-repeat:no-repeat;margin:auto;position:relative;}.homepage-game-section .gameplay-cat .note{font-size:0px;height:20px;width:20px;background-image:url('/themes/custom/blindz/assets/picto/note-music-1.svg');background-size:contain;background-position:center center;background-repeat:no-repeat;position:absolute;top:16%;left:50%;opacity:0;animation:floatNote 2s infinite;}.homepage-game-section .gameplay-cat .note:nth-of-type(1){margin-left:-45px;animation-delay:0s;}.homepage-game-section .gameplay-cat .note:nth-of-type(2){margin-left:-32px;animation-delay:0.7s;}.homepage-game-section .gameplay-cat .note:nth-of-type(3){margin-left:-55px;animation-delay:1.4s;}@keyframes floatNote{0%{opacity:0;transform:translateY(0);}20%{opacity:1;}80%{opacity:1;}100%{opacity:0;transform:translateY(-30px);}}.friends-game-actions{display:flex;flex-direction:column;gap:0.75rem;}@media (min-width:480px){.friends-game-actions{flex-direction:row;}}.friends-game-btn{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.875rem 1.25rem;border-radius:0.75rem;font-weight:600;font-size:2rem;text-decoration:none;transition:all 0.3s ease;flex:1;position:relative;}.friends-game-btn:hover{transform:translateY(-2px);text-decoration:none;}.friends-game-btn--create{background:linear-gradient(135deg,#b7d444,#9dba2b);color:white;box-shadow:0 4px 15px rgba(16,185,129,0.3);}.friends-game-btn--create:hover{box-shadow:0 6px 20px #9dba2b;color:white;}.friends-game-btn--join{background:linear-gradient(135deg,#0cbaf5,#0cbaf5);color:white;box-shadow:0 4px 15px #0cbaf5;}.friends-game-btn--join:hover{box-shadow:0 6px 20px #0cbaf5;color:white;}.friends-game-btn__icon{width:24px;height:24px;background-size:contain;background-position:center;background-repeat:no-repeat;}.friends-game-btn--create .friends-game-btn__icon{background-image:url('/themes/custom/blindz/assets/img/start.png');}.friends-game-btn--join .friends-game-btn__icon{background-image:url('/themes/custom/blindz/assets/img/addplayer.png');}@media (max-width:640px){.homepage-game-section{padding:1rem;margin:1rem 0;border-radius:0;margin-left:-15px;margin-right:-15px;}.homepage-game-section__header{flex-direction:column;text-align:center;}.homepage-game-section__title{font-size:1.2rem;}.solo-room-card{min-height:90px;}.solo-room-card__content{padding:0.75rem 0.4rem;}.solo-room-card__image{width:40px;height:40px;}.solo-room-card__name{font-size:0.75rem;}.friends-game-visual{min-height:120px;}.homepage-game-section .gameplay-cat{height:120px;width:110px;}.friends-game-btn{padding:0.75rem 1rem;font-size:0.9rem;}}
:root{--solo-primary:#6366f1;--solo-secondary:#8b5cf6;--solo-bg:#0f0f23;--solo-surface:#1a1a2e;--solo-text:#e2e8f0;--solo-text-muted:#94a3b8;--solo-border:rgba(255,255,255,0.1);--solo-glow:rgba(99,102,241,0.3);--theme-pop:#FF6B9D;--theme-rock:#FF4444;--theme-hiphop:#9B59B6;--theme-electro:#00D4FF;--theme-french:#3498DB;--theme-classics:#F39C12;--theme-80s:#E91E63;--theme-90s:#8BC34A;--theme-2000s:#00BCD4;--theme-mixed:#9C27B0;}.page.solo-lobby{min-height:100vh;background:var(--solo-bg);background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,0.1) 0%,transparent 50%);padding-bottom:2rem;}.solo-header{padding:3rem 1.5rem 2rem;text-align:center;position:relative;overflow:hidden;}.solo-header__content{position:relative;z-index:1;}.solo-header__title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--solo-primary),var(--solo-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 0.5rem;letter-spacing:-0.02em;}.solo-header__subtitle{color:var(--solo-text-muted);font-size:1.1rem;margin:0;}.solo-header__decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.1;pointer-events:none;}.sound-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:60px;}.sound-wave span{width:6px;background:linear-gradient(to top,var(--solo-primary),var(--solo-secondary));border-radius:3px;transition:height 0.2s ease;}.solo-rooms{max-width:1200px;margin:0 auto;padding:0 1rem;}.solo-rooms__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;}.solo-rooms__empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--solo-text-muted);}.room-card{position:relative;display:flex;flex-direction:column;background:var(--solo-surface);border-radius:1rem;padding:1.5rem;text-decoration:none;color:var(--solo-text);border:1px solid var(--solo-border);overflow:hidden;transition:all 0.3s ease;}.room-card:hover{transform:translateY(-4px);border-color:var(--theme-color,var(--solo-primary));box-shadow:0 20px 40px rgba(0,0,0,0.3);}.room-card__glow{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--theme-color,var(--solo-primary)),transparent);opacity:0;transition:opacity 0.3s ease;}.room-card:hover .room-card__glow{opacity:1;}.room-card--pop{--theme-color:var(--theme-pop);}.room-card--rock{--theme-color:var(--theme-rock);}.room-card--hiphop{--theme-color:var(--theme-hiphop);}.room-card--electro{--theme-color:var(--theme-electro);}.room-card--french{--theme-color:var(--theme-french);}.room-card--classics{--theme-color:var(--theme-classics);}.room-card--80s{--theme-color:var(--theme-80s);}.room-card--90s{--theme-color:var(--theme-90s);}.room-card--2000s{--theme-color:var(--theme-2000s);}.room-card--mixed{--theme-color:var(--theme-mixed);}.room-card__icon{width:48px;height:48px;background:linear-gradient(135deg,var(--theme-color,var(--solo-primary)),rgba(255,255,255,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}.room-card__icon svg{width:24px;height:24px;fill:white;}.room-card__content{flex:1;}.room-card__name{font-size:1.25rem;font-weight:700;margin:0 0 0.5rem;color:var(--solo-text);}.room-card__description{font-size:0.875rem;color:var(--solo-text-muted);margin:0 0 1rem;line-height:1.5;}.room-card__stats{display:flex;gap:1.5rem;}.room-card__stat{display:flex;align-items:center;gap:0.375rem;font-size:0.8rem;color:var(--solo-text-muted);}.room-card__stat-icon{display:flex;}.room-card__stat-icon svg{width:14px;height:14px;fill:currentColor;opacity:0.7;}.room-card__stat-value{font-weight:600;color:var(--theme-color,var(--solo-primary));}.room-card__play{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:1rem;padding:0.75rem 1rem;background:linear-gradient(135deg,var(--theme-color,var(--solo-primary)),rgba(255,255,255,0.1));border-radius:0.5rem;font-weight:600;color:white;transition:all 0.3s ease;}.room-card:hover .room-card__play{transform:scale(1.02);}.room-card__play-icon{width:20px;height:20px;fill:white;}.solo-footer{max-width:1200px;margin:3rem auto 0;padding:0 1rem;}.solo-footer__link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--solo-text-muted);text-decoration:none;font-size:0.9rem;transition:color 0.2s ease;}.solo-footer__link:hover{color:var(--solo-primary);}.solo-footer__link svg{width:20px;height:20px;fill:currentColor;}@media (max-width:640px){.solo-header__title{font-size:2rem;}.solo-rooms__grid{grid-template-columns:1fr;}.room-card{padding:1.25rem;}}@keyframes pulse{0%,100%{opacity:0.6;}50%{opacity:1;}}.room-card__stat-value{animation:pulse 2s ease-in-out infinite;}.room-card--with-image{padding:0;min-height:200px;display:flex;flex-direction:row;align-items:stretch;}.room-card--with-image .room-card__bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(20px) brightness(0.3);transform:scale(1.1);z-index:0;}.room-card--with-image .room-card__glow{z-index:1;}.room-card--with-image .room-card__image-container{position:relative;z-index:2;width:140px;min-width:140px;padding:1rem;display:flex;align-items:center;justify-content:center;}.room-card--with-image .room-card__image{width:120px;height:120px;border-radius:8px;background-size:cover;background-position:center;box-shadow:0 8px 24px rgba(0,0,0,0.4);transition:transform 0.3s ease;}.room-card--with-image:hover .room-card__image{transform:scale(1.05);}.room-card--with-image .room-card__content{position:relative;z-index:2;flex:1;padding:1.25rem 1.25rem 1.25rem 0;display:flex;flex-direction:column;justify-content:center;}.room-card--with-image .room-card__name{font-size:1.1rem;margin-bottom:0.25rem;}.room-card--with-image .room-card__description{font-size:0.8rem;margin-bottom:0.75rem;opacity:0.9;}.room-card--with-image .room-card__stats{margin-bottom:0;}.room-card--with-image .room-card__play{position:absolute;bottom:1rem;right:1rem;margin:0;padding:0.5rem 1rem;z-index:3;border-radius:20px;font-size:0.85rem;}.nickname-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}.nickname-modal.visible{opacity:1;visibility:visible;}.nickname-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(8px);}.nickname-modal__content{position:relative;z-index:1;background:var(--solo-surface);border-radius:1.5rem;padding:2rem;width:90%;max-width:400px;text-align:center;border:1px solid var(--solo-border);box-shadow:0 25px 50px rgba(0,0,0,0.5);transform:scale(0.9) translateY(20px);transition:transform 0.3s ease;}.nickname-modal.visible .nickname-modal__content{transform:scale(1) translateY(0);}.nickname-modal__icon{width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--solo-primary),var(--solo-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;}.nickname-modal__icon svg{width:32px;height:32px;fill:white;}.nickname-modal__title{font-size:1.5rem;font-weight:700;color:var(--solo-text);margin:0 0 0.5rem;}.nickname-modal__subtitle{font-size:0.9rem;color:var(--solo-text-muted);margin:0 0 1.5rem;}.nickname-modal__input-group{position:relative;margin-bottom:1.5rem;}.nickname-modal__input{width:100%;padding:1rem 1.25rem;font-size:1.1rem;background:rgba(255,255,255,0.05);border:2px solid var(--solo-border);border-radius:0.75rem;color:var(--solo-text);outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease;box-sizing:border-box;}.nickname-modal__input:focus{border-color:var(--solo-primary);box-shadow:0 0 0 4px rgba(99,102,241,0.2);}.nickname-modal__input.error{border-color:#ef4444;animation:shake 0.4s ease;}.nickname-modal__input::placeholder{color:var(--solo-text-muted);}.nickname-modal__char-count{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:0.75rem;color:var(--solo-text-muted);pointer-events:none;}.nickname-modal__buttons{display:flex;gap:0.75rem;}.nickname-modal__btn{flex:1;padding:0.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:0.75rem;cursor:pointer;transition:all 0.2s ease;}.nickname-modal__btn--cancel{background:rgba(255,255,255,0.1);color:var(--solo-text-muted);}.nickname-modal__btn--cancel:hover{background:rgba(255,255,255,0.15);color:var(--solo-text);}.nickname-modal__btn--confirm{background:linear-gradient(135deg,var(--solo-primary),var(--solo-secondary));color:white;}.nickname-modal__btn--confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,0.4);}@keyframes shake{0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-8px);}40%,80%{transform:translateX(8px);}}@media (max-width:480px){.room-card--with-image{flex-direction:column;min-height:auto;}.room-card--with-image .room-card__image-container{width:100%;padding:1rem 1rem 0;justify-content:flex-start;}.room-card--with-image .room-card__image{width:80px;height:80px;}.room-card--with-image .room-card__content{padding:1rem;}.room-card--with-image .room-card__play{position:static;margin-top:0.75rem;width:100%;justify-content:center;border-radius:8px;}}