:root{--filiere-bg: rgba(10, 6, 30, .95);--text: #ffffff;--subtext: #aaaaaa;--background: linear-gradient(135deg, #0f0b28 0%, #100426 100%);--section-bg: #18112c;--form-bg: #1e1532;--form-button: #8a55d8;--form-button-hover: #553c9a;--form-fg: rgba(255, 255, 255, .04);--form-fg-hover: rgba(255, 255, 255, .075);--section-fg: rgba(255, 255, 255, .09);--section-fg-hover: rgba(192, 192, 193, .15)}[data-theme=light]{--text: #222730;--subtext: #38404a;--background: linear-gradient(135deg, #eaeced 0%, #e2e5e7 100%);--section-bg: #f1f1f1;--form-bg: #fafafa;--form-button: #b1cddb;--form-button-hover: #87bedf;--filiere-bg: linear-gradient(135deg, #282a2b 0%, #252b2f 100%);--form-fg: rgba(232, 238, 238, .85);--form-fg-hover: rgba(198, 212, 223, .5);--section-fg: rgba(248, 248, 248, .8);--section-fg-hover: rgba(250, 250, 255, .4)}.theme-toggle-btn{position:fixed;bottom:20px;right:20px;z-index:1000;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}.theme-toggle-btn.dark{background:linear-gradient(135deg,#0a061e,#14082c);color:#b8a0ff;box-shadow:0 5px 15px #0a061e99,inset 0 2px 4px #ffffff1a}.theme-toggle-btn.light{background:linear-gradient(135deg,#f0f4f8,#babec0);color:#38404a;box-shadow:0 5px 15px #babec066,inset 0 2px 4px #0000000d}.theme-toggle-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);transform:rotate(45deg);transition:transform .8s ease;pointer-events:none}.theme-toggle-btn:hover:before{transform:translate(100%) rotate(45deg)}.theme-toggle-btn:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 8px 25px #8a55d880,inset 0 4px 8px #fff3}.theme-toggle-btn:active{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #8a55d84d,inset 0 2px 4px #ffffff26}.theme-toggle-btn .icon{transition:transform .4s ease;transform-origin:center}.theme-toggle-btn:hover .icon{transform:rotate(30deg) scale(1.1)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;opacity:.9;background:var(--filiere-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #86848426}.header-container{max-width:1200px;margin:0 auto;padding:.5rem;display:flex;text-align:center;justify-content:space-between;align-items:center;opacity:1!important;gap:1rem}.logo-container{flex-shrink:0}.header-logo{height:50px;width:auto}.header-logo:hover{transform:scale(1.05);transition:transform .3s ease}.main-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{color:#eee;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;font-size:.95rem;padding:.5rem 0;letter-spacing:.5px}.nav-link.button{border:none;border-radius:10px;padding:.5rem;cursor:pointer;color:var(--text);background-color:var(--form-button)}.nav-link:hover{color:#fff}.nav-link.button:hover{color:var(--text);background-color:var(--form-button-hover)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#eee;transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--text)}.nav-link.active:after{width:100%;background:linear-gradient(90deg,#4c6e80,#9b6fea)}.header .divider{height:2px;background:linear-gradient(to right,transparent,var(--form-button),transparent);width:100%}@media(max-width:1199px){.header-container{padding:1.5rem;gap:1.5rem}.main-nav{gap:2rem}.nav-link{font-size:.9rem;padding:.4rem 0}}@media(max-width:767px){.header-container{padding:1rem;justify-content:center;gap:.5rem}.logo-container{flex-basis:30%}.main-nav{gap:1rem}.nav-link{font-size:.8rem;padding:.3rem 0;letter-spacing:.2px}.header-logo{height:40px;max-width:100%}}@media(max-width:480px){.header-container{padding:.75rem;align-items:center;gap:.25rem}.logo-container{width:100%;text-align:center}.main-nav{width:100%;justify-content:center;gap:.5rem}.nav-link{font-size:.7rem;padding:.2rem 0;letter-spacing:.1px}.header-logo{height:35px}}.hero-background-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.15;-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 65%,rgba(0,0,0,0) 100%);mask:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 65%,rgba(0,0,0,0) 100%);filter:sepia(.7) hue-rotate(-45deg) saturate(.7) brightness(.8) contrast(1.2);background:radial-gradient(circle at 50% 0%,rgba(138,43,226,.48) 0%,rgba(147,112,219,.4) 20%,rgba(123,104,238,.32) 35%,rgba(72,61,139,.25) 50%,transparent 65%);background-blend-mode:overlay}[data-theme=light] .hero-background-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.65;filter:brightness(.25) contrast(1.5) saturate(.6) hue-rotate(180deg);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.2) 90%,transparent 100%);mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.2) 90%,transparent 100%);background:radial-gradient(circle at 50% 0%,rgba(20,20,30,.9) 0%,rgba(40,40,60,.85) 60%,rgba(60,60,90,.8) 80%,rgba(46,46,59,.6) 90%,transparent 85%);background-blend-mode:overlay}.hero-content{max-width:1200px;margin:3rem auto 0;position:relative;z-index:10}.logo-image{padding:0;width:425px;height:120px;opacity:.9}.hero-title{color:var(--text);text-align:center;margin:1.5rem 0 .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title p{color:var(--text);font-size:1.75rem;margin-top:.5rem;font-style:italic;font-weight:600}.hero-lead{font-size:1.5rem;color:var(--text);max-width:700px;margin:1rem auto 2.5rem;font-weight:400;line-height:1.1;text-align:center}.hero-highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;box-sizing:border-box;margin:2rem auto 1rem}.highlight-card{min-width:350px;max-width:600px;flex:1 1 0;border-radius:16px;padding:1.8rem;box-shadow:0 12px 28px #00000024;background:var(--section-fg);border:2px solid rgba(255,255,255,.1);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;position:relative;overflow:hidden}.highlight-card:hover{transform:translateY(-8px);background:var(--section-fg-hover);box-shadow:0 6px 20px #1e1e1e33;border:2px solid rgba(255,255,255,.2)}.highlight-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto 1.4rem;border-radius:50%;position:relative;transition:all .3s}.highlight-icon img{width:90%;height:90%}.highlight-card:hover .highlight-icon{transform:scale(1.1) rotate(15deg)}.highlight-card h3{color:var(--text);font-size:1.4rem;margin:0 0 1rem;font-weight:700}.highlight-card p{color:var(--subtext);font-size:1.1rem;line-height:1.6;margin:0}.hero-cta-group{margin-top:3rem}.hero-subtext{font-style:italic;color:var(--subtext);font-weight:400;font-size:1.1rem;margin:0 auto 1.5rem;text-align:center;max-width:600px}.cta-buttons{display:flex;flex-direction:row;gap:2.5rem;align-items:center;justify-content:center;padding:1rem}.start-btn,.join-btn{display:inline-block;background-color:#7e94f5;color:#fff;border:none;border-radius:10px;padding:1.2rem 2.2rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.1,.25,1);box-shadow:0 4px 14px #7e94f54d;animation:btn-pulse 2s infinite;position:relative;overflow:hidden}.start-btn:hover,.join-btn:hover{background-color:#5145ac;transform:translateY(-3px)}.start-btn:active,.join-btn:active{transform:translateY(1px)}@keyframes btn-pulse{0%,to{transform:scale(1);box-shadow:0 0 #667eea66;opacity:1}50%{transform:scale(1.045);box-shadow:0 0 0 12px #667eea00;opacity:.9}}.hero-game-modes-section{margin:5rem 0 1rem;text-align:center}.hero-game-modes-title{font-size:1.8rem;margin-bottom:1rem;color:var(--text);font-weight:600;letter-spacing:.5px}.hero-game-modes-intro{margin:2rem auto 1rem;color:var(--text);font-size:1.1rem;line-height:1.6;opacity:.9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero-game-modes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;justify-items:center;max-width:1200px;margin:0 auto}.hero-game-mode-card{display:flex;flex-direction:column;position:relative;border-radius:16px;padding:1.5rem;width:100%;max-width:600px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 12px 28px #00000024;background:var(--section-fg);border:2px solid rgba(255,255,255,.1)}.hero-game-mode-card:hover{transform:translateY(-6px);background:var(--section-fg-hover);box-shadow:0 6px 20px #1e1e1e33;border:2px solid rgba(255,255,255,.2)}.hero-game-mode-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.hero-game-mode-header h4{color:var(--text);font-size:1.5rem;margin:0;flex:1;text-align:left;font-weight:600}.hero-game-mode-icon{flex-shrink:0;width:68px;height:68px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#92a0dd1a,#a5b2ef0d);padding:6px;transition:all .3s}.hero-game-mode-icon img{width:90%;height:90%}.hero-game-mode-card:hover .hero-game-mode-icon{transform:scale(1.1) rotate(15deg)}.hero-game-mode-icon svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.4;transition:stroke .3s}.hero-game-mode-description{color:var(--subtext);font-size:1.05rem;line-height:1.65;margin:.4rem 0 .6rem;text-align:left}.hero-game-mode-details{text-align:left;color:var(--subtext);font-size:.95rem;margin:.4rem 0 .6rem}.hero-game-mode-details strong{color:var(--text);font-weight:600}.hero-game-mode-details ul{list-style:none;padding-left:0}.hero-game-mode-details ul li{padding:8px 0;border-bottom:1px solid rgba(156,163,175,.15);line-height:1.45}.hero-game-mode-details ul li:last-child{border-bottom:none}.hero-game-mode-tip{margin-top:auto;padding:16px;background:#ffffff0d;border-radius:8px;border-left:4px solid #9b6fea;color:var(--subtext);font-size:.95rem;line-height:1.5;text-align:left}.hero-game-mode-tip em{color:var(--text);font-weight:600}.hero-room-roles{max-width:1200px;margin:3rem auto 1rem;text-align:center}.hero-desc-title{font-size:1.8rem;margin-bottom:32px;color:var(--text);font-weight:600;letter-spacing:.5px}.hero-role-card{display:flex;flex-direction:column;align-items:center;width:auto;margin:0 auto 1.5rem;padding:2rem;box-shadow:0 12px 28px #00000024;background:var(--section-fg);border:2px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.hero-role-card:hover{transform:translateY(-4px);background:var(--section-fg-hover);box-shadow:0 6px 20px #1e1e1e33;border:2px solid rgba(255,255,255,.2)}.hero-role-card h4{font-size:1.6rem;margin:0 0 20px;color:var(--text);font-weight:600;text-align:center}.hero-feature-list{list-style:none;padding-left:0;width:100%;margin:10px 0;text-align:left}.hero-feature-list li{position:relative;padding:1rem 0 1rem 3rem;color:var(--text);font-size:1.05rem;line-height:1.125}.hero-feature-list li:before{content:"•";position:absolute;left:0;color:var(--form-button-hover);font-weight:700}.hero-mode-desc{color:var(--text);font-size:1rem;line-height:1.6;text-align:center;margin-top:16px;font-style:italic}.room-types-section{max-width:1200px;margin:3rem auto 1rem;text-align:center}.room-types-grid{display:grid;margin:1rem auto .5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;justify-items:center}.room-type-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 20px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 28px #00000024;background:var(--section-fg);border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:all .3s ease}.room-type-card:hover{transform:translateY(-6px);background:var(--section-fg-hover);box-shadow:0 6px 20px #1e1e1e33;border:2px solid rgba(255,255,255,.2)}.room-type-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:18px;padding:12px;transition:all .3s ease;position:relative;overflow:hidden}.room-type-card.open .room-type-icon{color:#667eea}.room-type-card.private .room-type-icon{color:#4ade80}.room-type-card.closed .room-type-icon{color:#ec4899}.room-type-card h4{color:var(--text);font-size:1.4rem;margin:0 0 16px;font-weight:600;line-height:1.3}.room-type-card p{color:var(--subtext);font-size:1.05rem;line-height:1.6;margin:0}.note{margin-top:40px;padding:20px;background:#ffffff0d;border-radius:12px;border-left:4px solid #9b6fea;color:var(--subtext);font-size:1rem;line-height:1.6;text-align:center}.hero-benefits{max-width:1200px;margin:80px auto 0;padding:0 16px;text-align:center}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;justify-items:center}.benefit-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 20px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 28px #00000024;background:var(--section-fg);border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.benefit-card:hover{transform:translateY(-6px);background:var(--section-fg-hover);box-shadow:0 6px 20px #1e1e1e33;border:2px solid rgba(255,255,255,.2)}.benefit-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:18px;padding:12px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 0 2px currentColor,0 4px 15px #0000001a}.benefit-icon img{width:85%;height:85%;transition:transform .3s ease}.benefit-card.thinking .benefit-icon{background:#667eea0d;color:#667eea}.benefit-card.communication .benefit-icon{background:#4caf500d;color:#4ade80}.benefit-card.ai-experience .benefit-icon{background:#f59e0b0d;color:#f59e0b}.benefit-card.social .benefit-icon{background:#ec48990d;color:#ec4899}.benefit-card.creativity .benefit-icon{background:#10b9810d;color:#10b981}.benefit-card.fun .benefit-icon{background:#667eea0d;color:#586abc}.benefit-card:hover .benefit-icon{transform:scale(1.1) rotate(15deg);box-shadow:0 0 0 3px currentColor,0 0 20px currentColor,0 8px 25px #0003}.benefit-card:hover .benefit-icon img{transform:scale(1.05)}.benefit-card h4{color:var(--text);font-size:1.4rem;margin:0 0 16px;font-weight:600;line-height:1.3}.benefit-card p{color:var(--text);font-size:1.05rem;line-height:1.6;margin:0}.ai-settings-section{max-width:1200px;margin:3rem auto 1rem;text-align:center}.ai-settings-grid{display:grid;margin:1rem auto 0rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;justify-items:center}.ai-setting-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 28px #00000024;background:var(--section-fg);border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:all .3s ease}.ai-setting-card:hover{transform:translateY(-6px);background:var(--section-fg-hover);box-shadow:0 6px 20px #1e1e1e33;border:2px solid rgba(255,255,255,.2)}.ai-setting-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:1rem;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden}.ai-setting-card.intelligence .ai-setting-icon{color:#667eea}.ai-setting-card.originality .ai-setting-icon{color:#f59e0b}.ai-setting-card.politeness .ai-setting-icon{color:#4ade80}.ai-setting-card h4{color:var(--text);font-size:1.4rem;margin:0 0 1rem;font-weight:600;line-height:1.3}.ai-setting-card p{color:var(--subtext);font-size:1.05rem;line-height:1.6;margin:0}@media(max-width:1199px){.ai-settings-section{margin:1.5rem auto 0;padding:0 12px}.ai-settings-grid{gap:20px;margin-top:28px}.ai-setting-card{padding:24px 16px}.ai-setting-icon{width:80px;height:80px;margin-bottom:14px}.ai-setting-card h4{font-size:1.3rem}.ai-setting-card p{font-size:1rem}}@media(max-width:767px){.ai-settings-section{margin:1rem auto 0;padding:0 8px}.ai-settings-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.ai-setting-card{padding:20px 12px}.ai-setting-icon{width:70px;height:70px;margin-bottom:12px}.ai-setting-card h4{font-size:1.2rem}.ai-setting-card p{font-size:.95rem}}@media(max-width:480px){.ai-settings-section{margin:1rem auto 0}.ai-setting-card{padding:16px 8px}.ai-setting-icon{width:60px;height:60px}.ai-setting-card h4{font-size:1.1rem}.ai-setting-card p{font-size:.85rem}}@media(max-width:768px){.header-container{gap:1rem;align-items:flex-start}.main-nav{gap:1rem}.hero-highlights,.benefit-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;gap:1rem}.start-btn,.join-btn{width:100%;max-width:300px}.hero-role-card{max-width:100%;padding:24px}}@media(max-width:480px){.hero-title h1{font-size:3.5rem}.hero-lead{font-size:1.1rem}.highlight-card,.benefit-card,.hero-game-mode-card{padding:20px}.hero-desc-title,.hero-game-modes-title{font-size:1.5rem}}.action-btn-group{display:flex;gap:1rem;justify-content:center;text-align:center;flex-wrap:wrap;width:100%}.action-btn{max-width:350px;margin:1.5rem 2rem 1rem;display:inline-block;background-color:var(--form-button);color:var(--text);border:none;border-radius:10px;padding:1rem 1.6rem;font-size:1rem;font-weight:600;text-transform:uppercase;text-align:center;cursor:pointer;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease}.action-btn:hover{background-color:var(--form-button-hover);box-shadow:0 0 10px var(--form-button);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn.small{padding:.6rem 1rem;font-size:.9rem}.icon-btn{width:36px;height:36px;color:var(--text);font-weight:700;border:1px solid var(--form-button-hover);background-color:var(--form-button);border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background-color:var(--form-button-hover);border-color:var(--form-button);transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)}.icon{width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain}.non-clickable{cursor:default!important}.non-clickable:hover{background-color:unset!important;opacity:unset!important;transform:unset!important}@media(max-width:360px){.action-btn{font-size:.85rem;padding:.6rem .9rem}}.notifications-container{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px;width:100%;padding:0 16px}.notification{position:relative;display:flex;align-items:flex-start;gap:16px;padding:16px 20px;margin:5px 0;border-radius:12px;background:var(--filiere-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(145,122,213,.5);box-shadow:0 4px 12px #00000026,0 0 0 1px #8364ae20;color:#d6c4e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;opacity:0;transform:translate(100%);transition:opacity .2s ease,transform .4s ease,box-shadow .3s ease;animation:fadeIn .2s ease-out}.notification:hover{box-shadow:0 0 8px 2px #6366f166}.notification-show{opacity:1;transform:translate(0)}.notification-hide{opacity:0;transform:translate(150%)}.notification-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent}.notification-icon:before{content:"ℹ";font-size:18px;color:currentColor}.notification-info .notification-icon{color:#60a5fa}.notification-success .notification-icon{color:#10b981}.notification-warning .notification-icon{color:#f59e0b}.notification-error .notification-icon{color:#ef4444}.notification-content{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.notification-message{font-size:1rem;color:#e8e2ec;word-break:break-word;text-align:center}.notification-close{width:2rem;height:2rem;text-align:center;background:none;color:#9ca3af;font-size:20px;font-weight:700;cursor:pointer;padding:4px;margin-left:auto;border-radius:5px;border:none;transition:color .2s ease,box-shadow .2s ease}.notification-close:hover{color:#e8e2ec;border:1px solid rgba(187,158,185,.5);box-shadow:0 0 8px 2px #6366f166}.notification-info{border-left:4px solid #3b82f6}.notification-success{border-left:4px solid #10b981}.notification-warning{border-left:4px solid #f59e0b}.notification-error{border-left:4px solid #ef4444}@media(max-width:600px){.notifications-container{right:12px;left:12px;max-width:none}.notification{padding:14px 18px;border-radius:10px}}section{border-radius:16px;background-color:var(--section-bg);color:var(--text);box-shadow:0 12px 30px #0006;margin:1rem auto;padding:1.5rem 2rem;animation:fadeIn 1s ease-out forwards,moveIn 1s ease-out forwards;border:2px solid rgba(145,122,213,.5)}section.hero{background-color:transparent;box-shadow:none;border:none}.form-group{padding:24px;margin-bottom:24px;background-color:var(--form-bg);border-radius:16px;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a;border:1.5px solid rgba(155,111,234,.3)}.bordered{margin:1rem 0;padding:2rem;border-radius:12px;border:1.5px solid rgba(145,122,213,.5);box-shadow:0 4px 12px #3a2a604d}.form-group h2,section h2{font-size:1.8rem;margin:.5rem 0 1.5rem;font-weight:600;text-align:center;color:var(--text)}.form-group h3,section h3{font-size:1.6rem;margin:.3rem 0 1rem;font-weight:550;color:var(--text)}.form-group ul,section ul{list-style:none}.form-group label{display:block;margin:.1rem 0 .4rem;font-weight:525;font-size:1.4rem;color:var(--text)}.form-group p{font-size:1.25rem;line-height:1.4;font-weight:450;margin:.2rem 0 .6rem;opacity:.9;color:var(--subtext)}.form-group input,.form-group select{width:100%;padding:.9rem 1rem;border:2px solid rgba(145,122,213,.5);border-radius:10px;font-size:1.1rem;outline:none;background:var(--background);color:var(--text)}.form-group input:focus,.form-group select:focus{border-color:#b59ae7;box-shadow:0 0 0 3px #9981df40,0 2px 8px #9b6fea26;background:var(--section-bg)}.input-btn-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.input-btn-container input{flex:1;word-break:break-all}.input-btn-container .action-btn{width:100%;max-width:300px;margin:0 auto;text-align:center}.section-description{color:var(--text);font-style:italic;margin-bottom:1rem;padding:.8rem 1rem;background-color:var(--background);border-left:4px solid rgba(145,122,213,.5);border-radius:6px;line-height:1.5;font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes moveIn{0%{transform:translate(-20px)}to{transform:translate(0)}}@media(max-width:768px){.input-btn-container{justify-content:center}.input-btn-container input{flex:1;min-width:auto;width:100%}}@media(max-width:768px){.input-btn-container .action-btn{max-width:100%}.input-btn-container{gap:.5rem}}@media(max-width:360px){.form-group input,.form-group select{font-size:.85rem;padding:.6rem .8rem}section{margin:1.25rem auto;padding:1rem 1.25rem}.section-description{padding:.6rem .8rem;font-size:.85rem}}.rooms-list{margin:2rem}.loading-message,.no-rooms-message{text-align:center;padding:1rem 1.25rem;font-style:italic;color:var(--subtext);border:1.5px solid rgba(145,122,213,.3);border-radius:10px;background-color:var(--background);font-size:1rem}.room-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;margin-bottom:12px;border:1.5px solid rgba(145,122,213,.3);border-radius:10px;background-color:var(--form-bg);transition:all .3s ease;animation:fadeIn .5s ease-out forwards}.room-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003;border-color:#9b6fea80}.room-info{flex:1}.room-name{margin:0 0 .4rem;font-size:1.3rem;font-weight:600;color:var(--text)}.room-status{font-size:1rem;color:var(--subtext);margin-bottom:.3rem}.players-info{font-size:1rem;color:var(--text);font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:24px}.pagination-btn{padding:.7rem 1.2rem;background-color:transparent;color:#007bff;border:1.5px solid #007bff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:#007bff;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#ddd;color:#666}.page-info{font-size:1rem;color:var(--text);font-weight:500}.search-form{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.search-btn.loading{background-color:#6c757d;cursor:not-allowed}.search-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:360px){.search-form{flex-direction:column}.room-card{flex-direction:column;align-items:flex-start;gap:.8rem}.pagination{flex-direction:column;gap:.5rem}.page-info{font-size:1rem;color:var(--text);font-weight:500}}@media(min-width:361px)and (max-width:768px){.search-form{gap:8px}.room-card{padding:.8rem 1rem;gap:.6rem}.room-name{font-size:1.2rem}.players-info,.room-status{font-size:.95rem}.pagination{gap:12px}.pagination-btn{padding:.6rem 1rem;font-size:.95rem}}.slider-group{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.percent-setting{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.percent-setting input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:linear-gradient(to right,#9c6de3 50%,#fbf8fb 50%);margin:0;padding:0;cursor:pointer}.percent-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#9c6de3;border:2px solid #8257c3;margin:auto 0;cursor:pointer;transition:background .2s}.percent-setting input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#9c6de3;border:2px solid #8257c3;cursor:pointer;transition:background .2s}.percent-setting span{font-weight:700;font-size:1.2rem;color:#9c6de3;padding:.4rem .6rem;min-width:60px;text-align:center;white-space:nowrap;display:inline-block}.percent-setting input[type=range]:hover::-webkit-slider-thumb,.percent-setting input[type=range]:hover::-moz-range-thumb{background:#9c6de3}.avatar-settings{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.avatar-grid{height:auto;width:100%;display:grid;grid-template-columns:repeat(10,1fr);gap:1rem;margin-top:1rem;padding:2rem;margin:2rem 1rem;border-radius:10px;border:2px solid rgba(145,122,213,.5);justify-items:center;align-items:center}.avatar-option{width:60px;height:60px;border-radius:50%;color:var(--subtext);object-fit:cover;border:3px solid transparent;cursor:pointer}.avatar-option:hover{transform:scale(1.05);box-shadow:0 10px 25px #0006}.avatar-option.selected{border-color:var(--text)}.selected-avatar-preview{text-align:left;margin-bottom:1.5rem}.avatar-option.large{width:120px;height:120px;border-radius:50%;object-fit:cover}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:8px}.location-item{border:2px solid rgba(162,137,235,.5);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;height:200px;display:flex;flex-direction:column}.location-item.excluded{border-color:#f44336;opacity:.7;transform:scale(.98)}.location-image-container{width:100%;height:calc(100% - 40px);overflow:hidden}.location-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.location-item:hover .location-image{transform:scale(1.05)}.location-name{padding:8px;font-weight:500;background-color:var(--background);color:var(--text);text-align:center;flex-shrink:0;height:40px;line-height:1.2;display:flex;align-items:center;justify-content:center;font-size:.9rem}.other-players-items-section{margin:24px 0;padding:16px;background:var(--section-bg);border-radius:8px;border:1px solid rgba(145,122,213,.5);box-shadow:0 2px 6px #906ad314}.other-players-items-section .section-title{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:var(--text);text-align:center}.players-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}.persones-player-item-card{padding:14px;background:var(--form-bg);border:2px solid rgba(162,137,235,.3);border-radius:8px;overflow:hidden;transition:all .2s ease;position:relative}.persones-player-item-card:hover{border-color:#667eea99;transform:translateY(-2px);box-shadow:0 4px 12px #906ad326}.persones-player-name-badge{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(145,122,213,.3)}.persones-item-info{font-size:.9rem;line-height:1.4;color:var(--subtext);min-height:20px}.persones-unknown-item{color:#95a5a6;font-style:italic;font-size:.85rem}.persones-category-header{margin:1rem 0 .5rem;padding:.8rem 1rem;border-radius:8px;color:var(--text);background:var(--section-bg);border:1px solid #281f40;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #906ad314}.persones-category-header:hover{background:var(--form-bg);border-color:#3a2e5a;transform:translateY(-1px);box-shadow:0 4px 12px #906ad326}.persones-category-header.excluded{background:#4a1a22;border-color:#6a2230;color:#ebc0ae;box-shadow:0 2px 6px #e632321a}.persones-category-header.excluded:hover{background:#5a1e28;border-color:#7a2838;transform:translateY(-1px);box-shadow:0 4px 12px #e632322e}.persones-category-header.partially-excluded{background:#554a2f;border-color:#726240;color:#e9ebae;box-shadow:0 2px 6px #ffa5001a}.persones-category-header.partially-excluded:hover{background:#4d3529;border-color:#6d4539;transform:translateY(-1px);box-shadow:0 4px 12px #ffa5002e}.persones-category-hint{font-size:.85rem;color:#eee;opacity:.8;margin-left:.5rem}.persones-tags-container{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.persones-tag{padding:.4rem .8rem;border-radius:20px;background:var(--form-bg);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(102,126,234,.2);box-shadow:0 1px 4px #0000000d;display:inline-flex;align-items:center;gap:.3rem}.persones-tag.excluded{background:var(--section-bg);color:var(--subtext);text-decoration:line-through;opacity:.7;border-color:#a053fa4d;box-shadow:none}.persones-tag:hover:not(.excluded){background:var(--section-bg);color:var(--text);transform:scale(1.05);border-color:#667eea66;box-shadow:0 2px 8px #667eea33}.persones-tag.active{background:var(--form-bg);color:var(--text);border-color:#5a6fd9;box-shadow:0 2px 6px #667eea4d}.persones-no-data{padding:1rem;text-align:center;color:var(--text);font-style:italic;border:1px dashed #dcd3f3;border-radius:8px}.persones-category-wrapper{margin-bottom:1rem}.trait-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:1.1rem}.players-traits-table-container{margin-top:20px;overflow-x:auto}.players-traits-table{width:100%;border-collapse:collapse;font-size:1em}.players-traits-table th,.players-traits-table td{border:1px solid #ddd;padding:10px;text-align:center;justify-content:center}.players-traits-table th{font-weight:600}.player-name-cell.ejected{color:#d45757}.category-block{margin-bottom:24px;border:1px solid rgba(145,122,213,.5);border-radius:8px;overflow:hidden}.category-toggle-hint{font-size:.8em;opacity:.7}.category-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:8px 16px 16px}.category-item-card{padding:10px;text-align:center;border:1px solid rgba(145,122,213,.9);border-radius:4px;cursor:pointer;transition:all .2s}.category-item-card.excluded{background:var(--text);border-color:#d32f2f;color:#b71c1c}.action-mode-switcher{display:inline-flex;gap:5;border-radius:6px;overflow:hidden;margin:0 auto 16px;width:fit-content;background:var(--form-bg);box-shadow:0 2px 6px #906ad31a;border:1px solid rgba(145,122,213,.5);cursor:pointer;justify-content:center}.action-mode-toggle,.action-mode-answer{padding:8px 24px;border:none;font-weight:500;font-size:.95rem;color:var(--text);background:transparent;transition:all .3s ease}.action-mode-toggle.active,.action-mode-answer.active{background:var(--form-button);color:var(--text);font-weight:600}.action-mode-switcher:hover .action-mode-toggle:not(.active),.action-mode-switcher:hover .action-mode-answer:not(.active){background:var(--form-fg)}.action-mode-toggle{border-right:1px solid #b793c1}.action-mode-toggle.active{border-right:none}.action-mode-toggle.active:hover,.action-mode-answer.active:hover{background:var(--form-button-hover)!important}.chat-container{margin-top:20px}.chat-layout{display:flex;gap:24px;min-height:75vh;height:600px;overflow:hidden}.chat-panel{flex:1;min-height:600px;display:flex;flex-direction:column;border:3px solid rgba(152,130,218,.75);background:var(--background);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #5f3f6a26}.chat-messages{flex-grow:1;min-height:0;max-height:calc(100% - 100px);overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.chat-message{padding:14px 18px;margin:4px 0;border-left:4px solid transparent;border-radius:8px;position:relative;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.5;transition:all .2s ease}.chat-message.message-user{border-left:2px solid #667eea;color:var(--text);background:var(--section-bg);padding:8px 16px;margin:4px 0}.chat-message.message-turn{text-align:center;color:var(--text);background:transparent;border:none;font-size:14px;padding:4px 8px}.chat-message.message-params{text-align:center;color:var(--text);background:#7850b426;border:1px solid rgba(179,157,219,.3);font-weight:500;border-radius:4px;letter-spacing:.4px;padding:8px 16px;box-shadow:none}.chat-message.message-start{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:16px 20px;border-radius:10px;box-shadow:0 6px 14px #667eea40;position:relative;overflow:hidden}.chat-message.message-results{text-align:center;color:#fff;background:linear-gradient(135deg,#bababa,#dedfde);border:none;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:16px 20px;border-radius:10px;box-shadow:0 6px 14px #0003}.chat-message.message-results .result-text{font-size:2.6rem;margin:1.2rem 0 2.2rem;font-weight:900;text-align:center;letter-spacing:9px;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 #aaa,0 2px 0 #999,0 3px 0 #888,0 4px 0 #777,0 5px 0 #666,0 7px 12px rgba(0,0,0,.6),0 10px 24px rgba(0,0,0,.4),0 12px 36px rgba(0,0,0,.3)}.chat-message.message-results.win{color:#e8fae5;background:linear-gradient(135deg,#4caf50,#2e7d32)}.chat-message.message-results.win .result-text{color:#cef3c8;text-shadow:0 1px 0 #2e7d32,0 2px 0 #1b5e20,0 3px 0 #154d1a,0 4px 0 #0d3d10,0 5px 0 #0a2e0c,0 7px 14px rgba(46,125,50,.7),0 10px 28px rgba(46,125,50,.5),0 12px 40px rgba(46,125,50,.4)}.chat-message.message-results.lose{color:#fbe5e5;background:linear-gradient(135deg,#f44336,#c62828)}.chat-message.message-results.lose .result-text{color:#fdd0d0;text-shadow:0 1px 0 #c62828,0 2px 0 #b71c1c,0 3px 0 #a51414,0 4px 0 #930f0f,0 5px 0 #800a0a,0 7px 14px rgba(198,40,40,.7),0 10px 28px rgba(198,40,40,.5),0 12px 40px rgba(198,40,40,.4)}.chat-message.message-time{position:absolute;right:16px;top:12px;font-size:.8em;color:var(--text);background:#fffc;padding:2px 8px;border-radius:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.chat-input-container{display:flex;flex-direction:column;width:100%;height:100px;box-sizing:border-box}.timer-bar{position:relative;height:40px;border-radius:4px 4px 0 0;overflow:hidden;background:var(--section-bg);border-top:2px solid rgba(145,122,213,.5);display:flex;align-items:center}.timer-text{font-size:1rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.6px;text-shadow:0 1px 2px rgba(0,0,0,.1);margin-left:14px;line-height:1;white-space:nowrap}.timer-progress{position:absolute;bottom:0;left:0;width:100%;height:8px;background:var(--text);transition:width .2s ease-out}.chat-form{flex:1;padding:12px 10px;display:flex;align-items:center;gap:8px;background:var(--form-bg);box-sizing:border-box;min-height:0}.chat-input-wrapper{flex:1;display:flex;width:100%}.chat-input{flex:1;padding:14px 16px;border:2px solid rgba(145,122,213,.75);border-radius:0 0 6px 6px;font-size:.95em;outline:none;min-width:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--background);box-sizing:border-box;resize:none;margin:0}.chat-form.no-input{justify-content:center;align-items:center;padding:8px 10px}.btn-send{flex:0 0 auto;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap}.chat-input:focus{border-color:#667eea;box-shadow:none;background:var(--section-bg)}.chat-players-panel{width:280px;border:2px solid rgba(152,130,218,.75);border-radius:12px;background:var(--background);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #00000014}.chat-players-container{padding:18px;flex-grow:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.players-list{list-style:none;padding:0;margin:0}.chat-player{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1.5px solid #402d6c;transition:background .2s ease}.chat-player:last-child{border-bottom:none}.chat-player.offline{position:relative}.chat-player.offline:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#80808040;pointer-events:none;border-radius:6px}.chat-player.eliminated{opacity:.8}.chat-player-avatar-wrapper{width:44px;height:44px;border-radius:50%;overflow:hidden;margin-right:14px;flex-shrink:0;border:2px solid #3e2c69}.chat-player-avatar{width:100%;height:100%;object-fit:cover}.status-dot{width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:12px;box-shadow:0 1px 2px #00000026}.online .status-dot{background:#4caf50}.offline .status-dot{background:#363836}.chat-player-name{font-size:1rem;font-weight:550;color:var(--text);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eliminated .chat-player-name{color:#ba4545}.chat-player-actions{display:flex;align-items:center;gap:10px}.action-counter .counter-value{font-size:1.4rem;font-weight:700;color:var(--text);min-width:40px;text-align:center;padding:2px 8px;border-radius:6px;background:var(--background);border:1px solid #b492b0;box-shadow:0 1px 3px #0000001a}.action-counter.active .counter-value{border-color:#c694ff;box-shadow:0 2px 4px #667eea4d}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;flex-shrink:0}.send-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea4d}.send-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea33}.send-btn:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:600px){.timer-text{font-size:.6em;left:8px}}@media(max-width:768px){.chat-layout{flex-direction:column;height:900px;overflow:hidden}.chat-panel{width:100%;margin-bottom:20px;flex:1;height:auto;display:flex;flex-direction:column}.chat-players-panel{width:100%;margin-top:auto;margin-bottom:25px;height:auto;max-height:400px;display:flex;flex:1;flex-direction:column}.chat-messages{flex-grow:1;min-height:0;overflow-y:auto;padding:10px 8px}.chat-players-container{flex-grow:1;height:auto;overflow-y:auto;padding:15px 10px}.chat-messages,.chat-players-container{max-height:none}}@media(max-width:480px){.chat-layout{height:800px;gap:12px}.chat-panel{width:100%;margin-bottom:10px;flex:1;height:auto;display:flex;flex-direction:column}.chat-players-panel{width:100%;margin-top:auto;margin-bottom:15px;height:auto;max-height:300px;display:flex;flex:1;flex-direction:column}.chat-messages{padding:7px 5px}.chat-players-container{flex-grow:1;height:auto;overflow-y:auto;padding:15px 10px}.chat-form{padding:10px 8px;gap:4px;flex-wrap:wrap;color:var(--text)}.chat-input{flex:1 1 200px;font-size:.8em;padding:8px 6px;min-width:180px}.chat-btn.btn-send{flex:0 0 auto;font-size:.75em;padding:8px 12px;white-space:nowrap}.chat-players-container{padding:12px 8px;max-height:220px}.players-list{gap:8px}.chat-player{padding:10px 0;align-items:center}.chat-player-avatar-wrapper{width:36px;height:36px;margin-right:10px}.status-dot{width:10px;height:10px;margin-right:8px}.chat-player-name{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-player-actions{gap:6px}.action-counter{font-size:1.1em;gap:3px}.counter-label{font-weight:700;font-size:.9em}.game-info-container,.game-content-container{padding:1.5rem;border-radius:8px}h2,h3{font-size:1.2em;margin:12px 0 8px}p{font-size:.9em;line-height:1.4}}@media(hover:none)and (pointer:coarse){.chat-message,.location-item,.category-header,.category-type-tag,.chat-player{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chat-message,.location-item,.category-header,.category-type-tag{padding:14px 16px}}.radio-options{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.radio-option{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;border:1px solid rgba(145,122,213,.5);border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:250px;background-color:var(--form-fg);flex:1;opacity:.5;text-align:center;justify-content:center;align-items:center}.radio-option.selected{opacity:1}.radio-option:hover{transform:translateY(-4px);background-color:var(--form-fg-hover);box-shadow:0 0 10px 5px #9eb0ff80}.radio-option input[type=radio]:focus{outline:none;box-shadow:none;margin:0}.option-title{font-weight:700;color:var(--text);font-size:1.2rem}.option-description{font-size:1.25rem;color:var(--subtext);line-height:1}.room-setup{align-items:center;justify-content:center}.access-settings{margin-bottom:2rem}.info-section{margin-bottom:1.5rem}.info-value{display:flex;flex-direction:column;padding:.75rem;background-color:var(--section-bg);border-radius:8px;border:1px solid rgba(145,122,213,.5);justify-content:center;align-items:center}.status-badge{display:inline-block;padding:1.5rem 2.5rem;border-radius:20px;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.status-badge.public{background-color:#22c55e26;color:#1fbb2a;border:1px solid rgba(34,197,94,.3)}.status-badge.hidden{background-color:#eab30826;color:#be7215;border:1px solid rgba(234,179,8,.3)}.status-badge.private{background-color:#dc262626;color:#ae3333;border:1px solid rgba(220,38,38,.3)}.info-description{font-size:1rem;color:var(--text);line-height:1.4;margin-left:2rem}.room-title{display:flex;align-items:center;text-align:center;justify-content:center;margin-bottom:2rem;padding-bottom:.75rem;border-radius:10px;border-bottom:2px solid rgba(147,112,219,.2);position:relative}.room-title:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#d1a7e0,#b986d4,#9f65c8);border-radius:2px;z-index:1}.room-title h2{color:var(--text);text-shadow:1px 1px 0 rgba(128,80,150,.3),2px 2px 0 rgba(106,61,132,.4),3px 3px 0 rgba(84,42,114,.5),4px 4px 0 rgba(62,23,96,.6),5px 5px 0 #4a1478;font-size:2.2rem;font-weight:700;text-align:center;margin:0 0 .5rem;letter-spacing:3px;text-shadow:0 1px 0 hsla(260,50%,30%,.2),1px 2px 1px hsla(260,60%,25%,.3),3px 4px 3px hsla(270,70%,20%,.4);position:relative;display:inline-block;padding:0 .5rem}.room-title span{color:#f080ff;text-shadow:1px 1px 0 hsla(280,80%,60%,.4),2px 2px 2px hsla(280,70%,50%,.6),3px 3px 4px hsla(290,60%,40%,.8);font-weight:800;position:relative}.room-title{background:linear-gradient(to bottom,rgba(80,40,120,.05),transparent 40%);border-radius:4px}.ai-setup-container{text-align:center}.ai-player-setup.horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;margin:0 auto}.ai-player-setup-card{background-color:var(--form-fg);border-radius:16px;padding:1.2rem;box-shadow:0 8px 24px #00000014;transition:all .3s ease;border:1px solid rgba(145,122,213,.5);text-align:left}.ai-player-setup-card:hover{transform:translateY(-4px);box-shadow:0 0 15px 5px #9eb0ff80;background:var(--form-fg-hover)}.ai-player-setup-card.info-card,.ai-player-setup-card.stats-card{padding:1.4rem}.room-players-container{margin-top:2rem;padding:1.5rem;background-color:var(--background);border-radius:12px;border:1px solid rgba(145,122,213,.5);background-color:var(--form-fg)}.players-list{display:flex;flex-direction:column;gap:.5rem}.player-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--section-bg);border-radius:8px;border:1px solid rgba(145,122,213,.5);box-shadow:0 2px 4px #0000000d;transition:transform .2s ease}.player-card:hover{transform:translateY(-2px)}.player-info{display:flex;flex-direction:column;gap:.2rem;margin-right:auto}.player-name{font-weight:600;color:var(--text);font-size:1.2rem}.player-stats{font-size:1rem;color:var(--text)}.player-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:1rem}.ready-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700;margin-left:1rem}.ready-indicator.ready{background-color:#48c774;color:#fff}.ready-indicator.not-ready{background-color:#e53e3e;color:#fff}.player-card:hover .ready-indicator{transform:scale(1.1)}.remove-player-btn{background-color:#e53e3e;color:#fff;border:none;border-radius:5px;padding:.4rem .8rem;cursor:pointer;font-size:.95rem;transition:background-color .3s ease}.remove-player-btn:hover{background-color:#c53030}.game-starting-overlay{position:fixed;inset:0;width:100%;height:100%;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.game-starting-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background);opacity:.125;z-index:-1}.countdown-display{position:fixed;left:50%;top:50%;opacity:1;transform:translate(-50%,-50%);text-align:center;color:var(--text);font-family:Orbitron,Arial,sans-serif;padding:3rem;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--filiere-bg);border:1px solid var(--form-button);box-shadow:0 0 0 2px var(--form-button),0 15px 40px #0006,0 0 40px 15px var(--form-button);max-width:80%;max-height:80%;overflow:hidden;z-index:2000}.countdown-display p{font-size:2.5rem;margin-bottom:1.5rem;letter-spacing:1px;text-transform:uppercase;color:var(--form-button);text-shadow:0 0 5px var(--form-button),0 0 15px rgba(155,111,234,.3);animation:glowPulse 1.5s ease-in-out infinite alternate;line-height:1.3;opacity:.9}.countdown-display h2{font-size:7rem;font-weight:700;margin:0;line-height:1;color:var(--text);text-shadow:0 0 8px var(--form-button),0 0 20px var(--form-button-hover),0 0 40px var(--form-button),0 2px 3px rgba(0,0,0,.5);animation:float 1s ease-in-out infinite alternate;transform:translateZ(0)}@keyframes float{0%,to{transform:translateZ(5px) translateY(0)}50%{transform:translateZ(5px) translateY(-5px)}}@media(max-width:768px){.countdown-display{padding:2rem;border-radius:16px}.countdown-display p{font-size:1.5rem;margin-bottom:1rem}.countdown-display h2{font-size:4rem}}@media(max-width:480px){.countdown-display{padding:1.5rem}.countdown-display p{font-size:1.2rem}.countdown-display h2{font-size:3rem}}@media(max-width:768px){.ai-player-setup{flex-direction:column}.avatar-grid{grid-template-columns:repeat(3,1fr)}.player-card{flex-direction:row;align-items:center}.player-info{margin-left:.8rem}}.game-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:0 1rem;width:100%;box-sizing:border-box}.game-card{width:350px;background:var(--form-fg);border:1px solid rgba(145,122,213,.5);border-radius:16px;padding:1.5rem 1rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;cursor:pointer;box-sizing:border-box}.game-card.selected{border:5px solid rgba(145,122,213,.5)}.game-card:hover{transform:translateY(-1.5px) scale(1.005);box-shadow:0 0 15px 5px #9eb0ff80;background:var(--form-fg-hover)}.game-image{width:100%;height:180px;border-radius:12px;margin-bottom:1.5rem;object-fit:cover}@media(max-width:768px){.game-grid{justify-content:center;gap:1rem}.game-card{width:100%;max-width:350px;margin:0 auto 1rem}}.mode-settings-block{margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.mode-settings-block h3{margin:0 0 1.5rem;color:#343a40;font-size:1.25rem;text-align:center}.mode-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.mode-setting-item{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.mode-setting-item label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057;font-size:.9rem}.mode-setting-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.5rem 0}.mode-setting-value{font-size:1.5rem;font-weight:700;color:#007bff;min-width:60px;text-align:center}.mode-setting-item small{color:#6c757d;font-size:.85rem}@media(max-width:768px){.mode-settings-grid{grid-template-columns:1fr}.mode-setting-controls{gap:.5rem}.mode-setting-value{font-size:1.25rem}}.error-message{color:#e53e3e;font-weight:500;font-size:1.1rem;margin-top:.5rem;padding:.7rem;background-color:var(--background);border-left:3px solid #e53e3e;border-radius:4px}.success-message{color:#48bb78;font-size:.9rem;margin-top:.5rem;padding:.5rem;background-color:#f0fff4;border-left:3px solid #48bb78;border-radius:4px}@media(max-width:360px){.action-btn.start-game{font-size:.85rem;padding:.6rem .9rem}}@media(max-width:480px){.action-btn,.action-btn.start-game{font-size:.9rem;padding:.7rem 1rem}.action-btn.small{padding:.5rem .8rem;font-size:.85rem}.avatar-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.avatar-option{width:50px;height:50px}.ai-player-setup{flex-direction:column;gap:.25rem}.ai-player-setup input,.ai-player-setup select{min-width:auto;width:100%}#addAiBtn{width:100%;margin-top:.4rem}.room-players-container h3{font-size:1rem;margin-bottom:.8rem}.player-card{flex-direction:column;align-items:flex-start;gap:.8rem}.player-avatar{margin-right:0;margin-bottom:.5rem}.remove-ai-btn{align-self:flex-end;margin-top:-.2rem}.room-title h2{font-size:1.2rem}.action-btn.start-game{margin-top:1.5rem}}.player-card.disabled{opacity:.6;pointer-events:none}.highlight-card.unavailable{filter:grayscale(1);opacity:.5}@media(max-width:360px){.room-title h2{font-size:1.1rem}.room-players-container h3,.player-name{font-size:.95rem}.player-stats{font-size:.85rem}}.footer{background:var(--filiere-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(155,111,234,.2);box-shadow:0 -4px 20px #86848426;text-align:center;padding-bottom:1rem;margin-top:auto;width:100%;color:#fff}.footer p{font-size:.95rem;margin:0;padding:1rem 0}.footer .divider{height:2px;background:linear-gradient(to right,transparent,var(--form-button),transparent);width:100%}*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text);background:var(--background);background-size:200% 200%;background-position:50% 50%;animation:gradient-breathe 2.5s linear infinite;min-height:100vh;display:flex;flex-direction:column;margin:0}@keyframes gradient-breathe{0%,to{background-position:30% 30%}25%,75%{background-position:70% 70%;opacity:1}50%{background-position:90% 90%;opacity:.95}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes moveIn{0%{transform:translate(-20px)}30%{transform:translate(5px)}to{transform:translate(0)}}.app-container{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between}.container{width:100%;max-width:1400px;margin:1rem auto .5rem}main{flex:1}.main-container{width:100%;height:100%}.element::-webkit-scrollbar{width:12px}.element::-webkit-scrollbar-track{background:#2a1e45;border-radius:6px}.element::-webkit-scrollbar-thumb{background-color:#667eea;border-radius:6px;border:2px solid #2a1e45}.element::-webkit-scrollbar-thumb:hover{background-color:#5a6fd9}.fade-in{animation:fadeIn 1.2s ease-out forwards;opacity:0}