@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Rubik:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a237e;--bg-light: #283593;--bg-gradient: #1a237e;--primary: #ff5252;--primary-dark: #d32f2f;--primary-light: #ff8a80;--secondary: #4caf50;--secondary-dark: #388e3c;--secondary-light: #81c784;--accent: #ffd740;--accent-dark: #ffc400;--accent-light: #ffff6e;--purple: #9c27b0;--purple-light: #ce93d8;--pink: #e91e63;--cyan: #00bcd4;--orange: #ff9800;--blue: #2196f3;--success: #4caf50;--danger: #f44336;--warning: #ff9800;--text: #ffffff;--text-muted: rgba(255, 255, 255, .85);--text-dark: #1a237e;--card: #3949ab;--card-border: 4px solid #5c6bc0;--border: rgba(255, 255, 255, .3);--border-thick: 4px;--shadow-color: rgba(0, 0, 0, .4);--shadow-sm: 0 4px 0 var(--shadow-color);--shadow-md: 0 6px 0 var(--shadow-color);--shadow-lg: 0 8px 0 var(--shadow-color);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 40px;--radius-full: 100px}body{font-family:Fredoka,Rubik,sans-serif;background:var(--bg-gradient);background-color:#1a237e;color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html{background:#1a237e}body:before{content:none}#root{min-height:100dvh;display:flex;position:relative;z-index:1}.lobby{flex:1;display:flex;flex-direction:column;min-height:100dvh;background:var(--bg-gradient);overflow-y:auto;padding:20px;position:relative}.lobby:before{content:none}.lobby>*{position:relative;z-index:1}.lobby-hero{text-align:center;padding:20px 0 25px}.lobby-hero svg{filter:drop-shadow(0 6px 0 rgba(0,0,0,.3));margin-bottom:16px}@keyframes bounce{0%,to,50%{transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lobby-hero h1{font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--accent);text-shadow:3px 3px 0 var(--primary-dark),-1px -1px 0 #fff,0 4px 0 rgba(0,0,0,.3)}.lobby-hero p{color:var(--text);font-size:1.1rem;margin-top:8px;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.lobby-content{flex:1;display:flex;flex-direction:column;gap:18px;max-width:480px;margin:0 auto;width:100%}.lobby-section{background:var(--card);border:4px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-md);position:relative}.lobby-section:before{content:none}.lobby-section h3{font-size:.9rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;display:flex;align-items:center;gap:10px;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.lobby-section h3:before{content:"★";font-size:1rem;color:var(--accent);text-shadow:0 2px 0 rgba(0,0,0,.3)}.username-section{background:var(--card);border:4px solid var(--accent);border-radius:var(--radius-lg)}.username-input{width:100%;padding:16px;border:3px solid rgba(255,255,255,.3);border-radius:var(--radius-md);font-size:1.2rem;font-weight:700;text-align:center;background:#0000004d;color:var(--text);transition:all .2s;font-family:inherit}.username-input::placeholder{color:#ffffff80}.username-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #ffd7404d}.username-input.error{border-color:var(--danger)}.username-error{color:var(--danger);font-size:.85rem;margin-top:10px;text-align:center;font-weight:600}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cat-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:2px solid var(--border);border-radius:14px;background:#0003;color:var(--text-muted);font-size:.6rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s}.cat-btn svg{transition:transform .2s;color:var(--purple-light)}.cat-btn:hover{border-color:var(--purple-light);transform:translateY(-2px);background:#8b5cf633}.cat-btn:hover svg{transform:scale(1.1)}.cat-btn.active{background:linear-gradient(135deg,var(--secondary),var(--purple));border-color:var(--purple-light);color:#fff;box-shadow:0 4px 20px #8b5cf680}.cat-btn.active svg{color:#fff}.cat-btn.custom{background:#fbbf2426;border-color:var(--accent)}.cat-btn.custom svg{color:var(--accent)}.cat-btn.custom.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:#1a0a2e;box-shadow:0 4px 20px #fbbf2480}.cat-btn.custom.active svg{color:#1a0a2e}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-card{background:#0003;border:2px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.setting-card svg{color:var(--primary)}.setting-card span{font-size:.75rem;color:var(--text-muted);font-weight:600}.setting-card select{width:100%;padding:10px;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-weight:700;text-align:center;background:#0000004d;color:var(--text);cursor:pointer}.setting-card select:focus{outline:none;border-color:var(--primary)}.setting-card select option{background:var(--bg-light);color:var(--text)}.custom-words-inline{margin-top:14px;padding:14px;background:#fbbf241a;border:2px solid rgba(251,191,36,.4);border-radius:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-word-input-row{display:flex;gap:8px}.custom-word-input{flex:1;padding:10px 14px;border:2px solid var(--border);border-radius:12px;background:#0000004d;color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .2s}.custom-word-input:focus{outline:none;border-color:var(--primary)}.custom-word-input::placeholder{color:var(--text-muted)}.btn-add{padding:10px 14px;border:none;border-radius:12px;background:var(--success);color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}.btn-add:hover:not(:disabled){transform:scale(1.05)}.btn-add:disabled{opacity:.4;cursor:not-allowed}.custom-words-hint{font-size:.75rem;color:var(--text-muted);margin:8px 0 0;text-align:center}.custom-words-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;max-height:100px;overflow-y:auto;align-items:center}.custom-word-tag{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--primary);border:none;border-radius:100px;font-size:.75rem;font-weight:700;color:#1a0a2e}.custom-word-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#0003;border:none;border-radius:50%;color:#1a0a2e;cursor:pointer;transition:background .2s,color .2s}.custom-word-tag button:hover{background:#0006}.btn-clear-inline{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:#f871714d;border:none;border-radius:50%;color:var(--danger);cursor:pointer;transition:background .2s,transform .2s}.btn-clear-inline:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.lobby-actions{display:flex;flex-direction:column;gap:16px;margin-top:auto;padding-top:10px}.lobby-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:20px;margin-top:10px;border-top:1px solid var(--border)}.lobby-footer button{background:none;border:none;color:var(--text-muted);font-size:.75rem;font-family:inherit;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s}.lobby-footer button:hover{color:var(--text);background:#ffffff1a}.lobby-footer span{color:var(--border);font-size:.6rem}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0a2ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.legal-modal{background:var(--bg-light);border-radius:24px;max-width:650px;width:100%;max-height:85vh;overflow-y:auto;position:relative;border:2px solid var(--glass-border);box-shadow:0 25px 50px #00000080}.legal-close{position:sticky;top:0;right:0;float:right;margin:16px;background:#0000004d;border:none;border-radius:12px;padding:10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:1}.legal-close:hover{background:var(--danger);color:#fff}.legal-content{padding:30px 35px 40px}.legal-content h2{font-size:1.8rem;font-weight:800;margin:0 0 8px;color:var(--primary)}.legal-subtitle{font-size:.85rem;color:var(--text-muted);margin:0 0 30px}.legal-content h3{font-size:1rem;font-weight:700;color:var(--purple-light);margin:25px 0 10px}.legal-content h3:first-of-type{margin-top:0}.legal-content p{font-size:.9rem;line-height:1.7;color:var(--text);margin:0 0 12px}.legal-content ul{margin:0 0 12px;padding-left:20px}.legal-content li{font-size:.9rem;line-height:1.7;color:var(--text);margin-bottom:6px}.legal-content li strong{color:var(--primary)}.legal-date{margin-top:30px!important;font-size:.75rem!important;color:var(--text-muted)!important;font-style:italic}.btn-big{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 36px;border:5px solid rgba(0,0,0,.3);border-radius:var(--radius-full);background:linear-gradient(180deg,var(--accent-light) 0%,var(--accent) 40%,var(--accent-dark) 100%);color:var(--text-dark);font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .15s ease;box-shadow:0 8px #c79100,0 12px 20px #0000004d;position:relative;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn-big:before{content:none}.btn-big:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px #c79100,0 18px 30px #0000004d}.btn-big:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c79100,0 4px 10px #0003}.btn-big:disabled{opacity:.5;cursor:not-allowed}.join-section{background:var(--card);border:4px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-md);position:relative;margin-top:32px}.join-section:before{content:none}.join-label{display:block;text-align:center;font-size:.9rem;color:var(--accent);margin-bottom:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.join-label:before{content:"★ "}.join-label:after{content:" ★"}.join-row{display:flex;flex-direction:column;gap:14px}.code-input{width:100%;padding:18px;border:3px solid rgba(255,255,255,.3);border-radius:var(--radius-md);font-size:1.5rem;font-weight:700;text-align:center;letter-spacing:10px;text-transform:uppercase;background:#0000004d;color:var(--accent);font-family:inherit;transition:all .2s}.code-input::placeholder{color:#fff6;letter-spacing:6px}.code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #ffd7404d}.btn-join{width:100%;padding:18px 28px;border:4px solid rgba(0,0,0,.2);border-radius:var(--radius-full);background:linear-gradient(180deg,#81c784 0%,var(--secondary) 40%,var(--secondary-dark) 100%);color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .15s ease;box-shadow:0 6px #2e7d32,0 10px 15px #0003;text-shadow:1px 2px 0 rgba(0,0,0,.3);position:relative}.btn-join:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);pointer-events:none;border-radius:var(--radius-full) var(--radius-full) 0 0}.btn-join:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 9px #2e7d32,0 14px 20px #00000040}.btn-join:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #2e7d32,0 4px 8px #00000026}.btn-join:disabled{opacity:.4;cursor:not-allowed}.join-section.highlight{border-color:var(--success);background:#34d39926;animation:highlightPulse 2s ease infinite}.join-section.highlight .join-label{color:var(--success);font-weight:700}@keyframes highlightPulse{0%,to{box-shadow:0 0 20px #34d3994d}50%{box-shadow:0 0 35px #34d39980}}.screen{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.3) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.25) 0%,transparent 40%),linear-gradient(180deg,#1a0a2e,#2d1b4e)}.card{background:var(--card);border:4px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:30px;width:100%;max-width:420px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:20px}.label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;text-align:center}.room-code{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px;background:var(--primary);border:none;border-radius:16px;font-size:2.2rem;font-weight:900;letter-spacing:8px;color:#1a0a2e;cursor:pointer;transition:all .2s;box-shadow:0 6px 25px #fbbf2466}.room-code:hover{transform:scale(1.02);box-shadow:0 8px 35px #fbbf2480}.btn-share{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:none;border-radius:14px;background:var(--success);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #34d3994d}.btn-share:hover{transform:translateY(-2px);box-shadow:0 6px 25px #34d39966}.host-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--primary);color:#1a0a2e;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;align-self:center}.video-row{display:flex;align-items:center;justify-content:center;gap:20px}.video-box{width:120px;height:120px;background:#0000004d;border:3px dashed var(--border);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.8rem;overflow:hidden;position:relative;transition:all .3s}.video-box.active{border:3px solid var(--success);border-style:solid;box-shadow:0 4px 25px #34d39966}.video-box video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:17px}video.mirrored{transform:scaleX(-1)}.video-box span{position:absolute;bottom:8px;font-size:.65rem;background:#000c;color:#fff;padding:4px 10px;border-radius:8px;font-weight:700;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-dots{color:var(--success);font-weight:900;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.info{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;text-align:center;font-size:.85rem;color:var(--text-muted);background:#0003;padding:12px 16px;border-radius:12px;font-weight:600}.info svg{vertical-align:middle;margin-right:2px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border:4px solid rgba(0,0,0,.2);border-radius:var(--radius-full);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:1px;position:relative;box-shadow:var(--shadow-md);font-family:inherit}.btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 0 var(--shadow-color)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--shadow-color)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(180deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary-dark);text-shadow:1px 2px 0 rgba(0,0,0,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%)}.btn-secondary{background:linear-gradient(180deg,#5c6bc0,#3949ab,#303f9f);color:#fff;border-color:#1a237e;text-shadow:1px 2px 0 rgba(0,0,0,.3)}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#7986cb,#5c6bc0)}.btn-success{background:linear-gradient(180deg,var(--secondary-light) 0%,var(--secondary) 50%,var(--secondary-dark) 100%);color:#fff;border-color:var(--secondary-dark);text-shadow:1px 2px 0 rgba(0,0,0,.3)}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text-muted)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.motd-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,var(--secondary),var(--purple));border-radius:16px;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:16px;animation:slideDown .3s ease}.motd-banner svg:first-child{flex-shrink:0}.motd-banner span{flex:1}.motd-banner button{background:#fff3;border:none;border-radius:8px;padding:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.motd-banner button:hover{background:#ffffff4d}.maintenance-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:var(--danger);border-radius:16px;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.maintenance-banner svg{flex-shrink:0}.new-version-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,var(--success),#059669);border-radius:16px;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:16px;animation:slideDown .3s ease,pulse 2s ease-in-out infinite}.new-version-banner svg{flex-shrink:0;animation:spin 2s linear infinite}.new-version-banner .btn-small{padding:8px 16px;font-size:.8rem;border-radius:10px;background:#ffffff40;color:#fff;border:none;cursor:pointer;font-weight:700;transition:background .2s,transform .2s}.new-version-banner .btn-small:hover{background:#fff6;transform:scale(1.05)}.duplicate-tab-warning{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:2px solid #f59e0b;border-radius:16px;color:#fbbf24;font-size:.85rem;font-weight:600;margin-bottom:16px;text-align:center;flex-wrap:wrap}.duplicate-tab-warning svg{flex-shrink:0;color:#f59e0b}.duplicate-tab-warning .btn-small{padding:6px 12px;font-size:.75rem;border-radius:8px;background:#f59e0b4d;color:#fff;border:1px solid #f59e0b;cursor:pointer;display:flex;align-items:center;gap:4px}.duplicate-tab-warning .btn-small:hover{background:#f59e0b80}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert{background:#f8717133;border:2px solid var(--danger);color:var(--danger);padding:14px 18px;border-radius:16px;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.connection-alert{background:#8b5cf633;border-color:var(--primary);color:#fff}.connection-alert .btn-small{padding:6px 12px;font-size:.75rem;border-radius:8px;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .2s}.connection-alert .btn-small:hover{background:var(--primary-dark)}.connection-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.connection-alert .btn-reload{background:transparent;border:1px solid rgba(255,255,255,.3)}.connection-alert .btn-reload:hover{background:#ffffff1a}.game-screen{flex:1;display:flex;flex-direction:column;background:var(--bg);position:relative;height:100dvh;max-height:100dvh;overflow:hidden}.game-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#1a0a2e;border-bottom:none;position:relative;z-index:10;flex-shrink:0}.tag{background:#ffffff26;color:#fff;padding:8px 14px;border-radius:12px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px}.tag.score{background:var(--primary);color:#1a0a2e}.top-right{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border:none;border-radius:12px;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#ffffff40}.icon-btn.off{opacity:.5}.icon-btn.danger{background:var(--danger)}.timer{width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p) * 1%),rgba(255,255,255,.15) 0);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;position:relative}.timer:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:var(--bg);border-radius:50%}.timer span{position:relative;z-index:1}.video-main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#0d0d0d;overflow:hidden;min-height:0;min-width:0}.video-main>video{width:100%;height:100%;object-fit:cover;will-change:transform}.video-main .placeholder{color:var(--text-muted)}.word-box{position:absolute;top:20px;left:50%;transform:translate(-50%);background:var(--primary);color:#1a0a2e;padding:14px 32px;border-radius:20px;font-size:1.4rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;box-shadow:0 8px 35px #fbbf2480;z-index:20;border:none;animation:wordPop .3s ease}@keyframes wordPop{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.video-pip{position:absolute;bottom:16px;right:16px;width:100px;height:140px;border-radius:16px;overflow:hidden;background:#00000080;border:3px solid rgba(255,255,255,.3);z-index:10}.video-pip video{width:100%;height:100%;object-fit:cover;will-change:transform}.pip-controls{position:absolute;bottom:6px;left:6px;right:6px;display:flex;gap:4px}.pip-btn{flex:1;padding:6px;border:none;border-radius:6px;background:#0009;color:#fff;font-size:.7rem;cursor:pointer}.pip-btn.off{opacity:.5}.game-sidebar{display:flex;flex-direction:column;flex-shrink:0}.explainer-hint{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#10b9811a;border:2px solid var(--success);border-radius:12px;margin-bottom:12px;animation:hintPulse 2s ease-in-out infinite}.explainer-hint svg{color:var(--success);flex-shrink:0}.explainer-hint span{font-size:.85rem;font-weight:600;color:var(--success)}@keyframes hintPulse{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 12px 4px #10b98133}}.guesser-video.clickable{cursor:pointer;transition:all .2s ease;position:relative}.guesser-video.clickable:hover{transform:scale(1.05);border-color:var(--success);box-shadow:0 0 15px #10b98166}.guesser-video.clickable:active{transform:scale(.98)}.guesser-video.clickable .click-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#10b981e6;color:#fff;padding:8px;border-radius:50%;opacity:0;transition:opacity .2s ease;pointer-events:none}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;width:100%;max-width:500px;margin:16px 0}.player-card{aspect-ratio:3/4;background:#0006;border-radius:16px;border:3px solid rgba(139,92,246,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s}.player-card video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.player-card.local{border-color:var(--primary);box-shadow:0 0 15px #fbbf244d}.player-card.active{border-color:var(--success)}.player-card.empty{opacity:.4;border-style:dashed}.player-card.disconnected{opacity:.5;border-color:var(--danger)}.player-card .player-name{position:absolute;bottom:8px;font-size:.7rem;background:#000c;color:#fff;padding:4px 10px;border-radius:8px;font-weight:700;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:5}.kick-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:10}.player-card:hover .kick-btn{opacity:1}.kick-btn:hover{background:#dc2626;transform:scale(1.1)}.waiting-card{max-width:600px}.guessers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:8px}.guesser-video{aspect-ratio:3/4;background:#0006;border-radius:12px;border:2px solid rgba(139,92,246,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.guesser-video video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.guesser-video.self{border-color:var(--primary)}.guesser-video span{position:absolute;bottom:4px;font-size:.6rem;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600;z-index:5}.guesser-video .pip-controls{position:absolute;bottom:20px;left:4px;right:4px}.explainer-label{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#8b5cf6e6;color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;z-index:10;text-transform:uppercase;letter-spacing:.5px}.mini-scoreboard{background:#0006;border-radius:12px;padding:8px;margin-top:auto}.score-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:8px;font-size:.75rem;font-weight:600}.score-row.self{background:#fbbf2433;color:var(--primary)}.score-row.self .pts{color:var(--primary)}.score-row .pts{color:var(--text-muted);font-weight:800}.game-screen.multiplayer .game-content{display:flex;flex:1;gap:16px;padding:16px;overflow:hidden;width:100%;max-width:100%}.game-screen.multiplayer .video-main{flex:1;min-height:0;min-width:0;border-radius:20px;overflow:hidden;border:2px solid var(--glass-border);box-shadow:0 8px 32px #0006}.game-screen.multiplayer .game-sidebar{width:280px;min-width:280px;gap:12px;overflow-y:auto;max-height:100%;display:flex;flex-direction:column}.results-ranking{display:flex;flex-direction:column;gap:8px;width:100%;max-width:400px;margin:0 auto 20px;padding:16px;background:#0000004d;border-radius:16px}.ranking-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:12px;transition:all .2s}.ranking-row.winner{background:#fbbf244d;border:2px solid var(--primary)}.ranking-row.self{background:#8b5cf633;border:2px solid var(--secondary)}.ranking-row .rank{font-size:1.2rem;font-weight:900;color:var(--primary);min-width:40px}.ranking-row.winner .rank{color:var(--primary)}.ranking-row .name{flex:1;font-weight:700;color:var(--text)}.ranking-row .score{font-weight:800;color:var(--text-muted)}.winner-text{font-size:1.2rem;color:var(--primary);margin-top:8px}.rank-text{font-size:.8rem;color:var(--text-muted);display:block;margin-top:4px}@media (max-width: 768px){.players-grid{grid-template-columns:repeat(3,1fr);gap:8px}.player-card{border-radius:12px;border-width:2px}.player-card .player-name{font-size:.6rem;padding:3px 6px}.game-screen.multiplayer .game-content{flex-direction:column;padding:8px}.game-screen.multiplayer .game-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:8px}.game-screen.multiplayer .guessers-grid{flex:1;min-width:120px;grid-template-columns:repeat(2,1fr)}.game-screen.multiplayer .role-info{display:none}.game-screen.multiplayer .mini-scoreboard{flex:1;min-width:100px;margin-top:0}.game-screen.multiplayer .controls{width:100%;order:-1}.game-screen.multiplayer .explainer-hint{font-size:.8rem;padding:8px 12px}.results-ranking{padding:12px}.ranking-row{padding:10px 12px}.ranking-row .rank{font-size:1rem;min-width:32px}}@media (min-width: 1024px){.players-grid{grid-template-columns:repeat(4,1fr);max-width:600px}.game-screen.multiplayer .game-sidebar{width:280px}.guessers-grid{grid-template-columns:repeat(2,1fr)}.guesser-video{min-height:100px}}.role-info{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:12px;color:#fff;font-size:1rem;font-weight:700;background:#8b5cf64d;flex-shrink:0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.role-info .role-char{margin-bottom:4px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.controls{display:flex;gap:12px;padding:16px;background:#1a0a2ef2;flex-shrink:0}.controls .btn{flex:1;padding:18px;font-size:1rem;border-radius:16px}.explainer-controls{flex-direction:column;gap:10px}.btn-skip{width:100%;margin-top:4px;padding:14px!important;background:#ffffff1a}.btn-skip:hover{background:#ffffff26}.results-screen{flex:1;display:flex;flex-direction:column;min-height:100dvh;background:#1a0a2e;padding:20px;overflow-y:auto}.results-header{text-align:center;padding:30px 0 20px;display:flex;flex-direction:column;align-items:center}.results-header svg{filter:drop-shadow(0 8px 25px rgba(251,191,36,.4));margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}.results-header h1{font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--primary);text-shadow:0 0 30px rgba(251,191,36,.5)}.results-score{display:flex;justify-content:center;padding:20px 0}.score-circle{width:150px;height:150px;background:var(--primary);border:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 40px #fbbf2466}.score-number{font-size:4rem;font-weight:900;color:#1a0a2e;line-height:1}.score-text{font-size:.9rem;color:#1a0a2e;font-weight:700;text-transform:uppercase;opacity:.8}.results-words{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:500px;margin:0 auto;width:100%}.word-column{background:var(--glass);border:2px solid var(--glass-border);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.column-header{display:flex;align-items:center;gap:10px;padding:16px;font-weight:700;font-size:.9rem;text-transform:uppercase}.word-column.correct .column-header{background:#34d39933;color:var(--success);border-bottom:2px solid var(--success)}.word-column.skipped .column-header{background:#f8717133;color:var(--danger);border-bottom:2px solid var(--danger)}.column-header .count{margin-left:auto;background:#0003;padding:4px 10px;border-radius:10px;font-size:.8rem}.word-list{padding:14px;display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.word-item{padding:12px 16px;background:#0003;border-radius:12px;font-size:.95rem;font-weight:600;color:var(--text);border:none}.word-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:.85rem;font-style:italic}.results-actions{display:flex;flex-direction:column;gap:14px;max-width:500px;margin:30px auto 0;width:100%}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:20px;font-weight:700;font-size:1rem;z-index:200;animation:toastIn .4s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase}.toast.success{background:var(--success);color:#fff;box-shadow:0 8px 30px #34d39966}.toast.error{background:var(--danger);color:#fff;box-shadow:0 8px 30px #f8717166}.toast.info{background:linear-gradient(135deg,var(--secondary),var(--purple));color:#fff;box-shadow:0 8px 30px #8b5cf666}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(30px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (max-width: 480px){.lobby{padding:16px}.lobby-hero{padding:16px 0 24px}.lobby-hero svg{width:80px;height:80px}.lobby-hero h1{font-size:1.8rem;letter-spacing:2px}.lobby-hero p{font-size:.85rem}.lobby-content{gap:16px}.lobby-section{padding:16px;border-radius:16px}.lobby-section h3{font-size:.7rem;margin-bottom:12px}.cat-grid{gap:8px}.cat-btn{padding:10px 6px;font-size:.6rem;border-radius:12px}.cat-btn svg{width:18px;height:18px}.settings-grid{gap:10px}.setting-card{padding:12px}.setting-card svg{width:18px;height:18px}.setting-card span{font-size:.7rem}.setting-card select{padding:8px;font-size:.9rem}.btn-big{padding:16px 20px;font-size:1rem}.join-section{padding:16px}.join-label{font-size:.75rem}.code-input{padding:14px;font-size:1.2rem;letter-spacing:6px}.btn-join{padding:14px;font-size:.9rem}.username-input{padding:12px;font-size:1rem}.card{padding:24px;gap:16px}.room-code{font-size:1.8rem;padding:16px;letter-spacing:6px}.video-box{width:100px;height:100px}.game-top{padding:12px 14px}.tag{padding:6px 12px;font-size:.8rem}.timer{width:48px;height:48px;font-size:1rem}.icon-btn{width:36px;height:36px}.word-box{font-size:1.1rem;padding:12px 24px;top:14px}.video-pip{width:80px;height:110px;bottom:12px;right:12px}.role-info{padding:10px;font-size:.9rem}.controls{padding:14px;gap:10px}.controls .btn{padding:16px;font-size:.9rem}.results-header{padding:20px 0 16px}.results-header svg{width:80px;height:80px}.results-header h1{font-size:1.5rem}.results-score{padding:16px 0}.score-circle{width:130px;height:130px}.score-number{font-size:3rem}.results-words{gap:12px}.column-header{padding:14px;font-size:.8rem}.word-list{padding:12px;max-height:160px}.word-item{padding:10px 14px;font-size:.9rem}.results-actions{margin-top:24px}.toast{bottom:80px;font-size:.9rem;padding:12px 24px}}@media (max-height: 500px) and (orientation: landscape){.video-main{min-height:200px}.video-pip{width:60px;height:80px}.word-box{top:10px;font-size:1rem;padding:10px 20px}.controls{padding:10px}.controls .btn{padding:12px}}@media (min-width: 768px){.lobby{justify-content:center;padding:30px}.lobby-hero{padding:30px 0}.lobby-hero svg{width:100px;height:100px}.lobby-hero h1{font-size:2.5rem}.lobby-content{max-width:600px}.lobby-section{padding:24px}.cat-grid{grid-template-columns:repeat(5,1fr);gap:10px}.cat-btn{padding:14px 10px;font-size:.7rem;border-radius:14px}.cat-btn svg{width:22px;height:22px}.settings-grid{gap:14px}.setting-card{padding:18px}.game-screen{display:flex;flex-direction:column}.game-screen.multiplayer .game-content{padding:20px;gap:20px}.game-screen.multiplayer .game-sidebar{width:320px;min-width:320px;background:#0000004d;border-radius:20px;padding:16px}.game-top{padding:18px 24px}.role-info{padding:20px;font-size:1.1rem}.controls{flex-direction:column;padding:20px;gap:16px}.controls .btn{padding:22px;font-size:1.1rem}.video-pip{width:150px;height:112px;bottom:24px;right:24px}.word-box{font-size:1.6rem;padding:16px 40px}.timer{width:60px;height:60px;font-size:1.3rem}.tag{padding:10px 16px;font-size:.9rem}.results-words{gap:20px}.word-list{max-height:250px}.card{max-width:500px;padding:35px}.room-code{font-size:2.5rem;padding:24px}}@media (min-width: 1024px){.lobby{padding:40px;justify-content:flex-start}.lobby-hero{padding:20px 0 30px;flex-direction:row;gap:20px;align-items:center}.lobby-hero svg{width:80px;height:80px;margin-bottom:0}.lobby-hero h1{font-size:2.8rem}.lobby-hero p{margin-top:4px}.lobby-content{max-width:800px;gap:20px}.lobby-section{padding:28px;border-radius:24px}.lobby-section h3{font-size:.85rem;margin-bottom:18px}.cat-grid{grid-template-columns:repeat(6,1fr);gap:12px}.cat-btn{padding:16px 12px;font-size:.75rem;border-radius:16px;border-width:3px}.cat-btn svg{width:26px;height:26px}.custom-words-inline{padding:20px}.custom-word-input{padding:14px 18px;font-size:1rem}.custom-words-list{max-height:120px}.custom-word-tag{padding:8px 14px;font-size:.85rem}.settings-grid{gap:16px}.setting-card{padding:20px;border-radius:16px}.setting-card svg{width:24px;height:24px}.setting-card span{font-size:.8rem}.setting-card select{padding:12px;font-size:1.1rem;border-radius:12px}.username-input{padding:18px;font-size:1.2rem;border-radius:16px}.btn-big{padding:22px 32px;font-size:1.3rem;border-radius:20px}.join-section{padding:24px;border-radius:20px}.join-label{font-size:.9rem}.code-input{padding:18px;font-size:1.6rem;letter-spacing:10px;border-radius:16px}.btn-join{padding:18px;font-size:1.1rem;border-radius:16px}.lobby-footer{padding-top:24px;margin-top:14px}.lobby-footer button{font-size:.85rem;padding:6px 12px}.card{max-width:550px;padding:40px;border-radius:28px}.room-code{font-size:2.8rem;padding:28px;border-radius:20px;letter-spacing:10px}.btn-share{padding:16px 24px;font-size:1rem;border-radius:14px}.video-box{width:140px;height:140px}.info{padding:16px 20px;font-size:.9rem}.game-screen.multiplayer .game-content{padding:24px;gap:24px}.game-screen.multiplayer .game-sidebar{width:360px;min-width:360px;padding:20px}.controls{padding:24px;gap:20px}.controls .btn{padding:26px;font-size:1.2rem;border-radius:18px}.video-pip{width:180px;height:135px}.word-box{font-size:1.8rem;padding:18px 50px;border-radius:24px}.results-header h1{font-size:2.5rem}.score-circle{width:180px;height:180px}.score-number{font-size:5rem}.results-words{max-width:600px;gap:24px}.word-column{border-radius:24px}.column-header{padding:20px;font-size:1rem}.word-list{padding:18px;max-height:300px}.word-item{padding:14px 18px;font-size:1rem;border-radius:14px}.results-actions{max-width:600px;gap:16px}.results-actions .btn{padding:20px;font-size:1.1rem}}@media (min-width: 1400px){.lobby-content{max-width:900px}.cat-grid{grid-template-columns:repeat(7,1fr);gap:14px}.cat-btn{padding:18px 14px;font-size:.8rem}.cat-btn svg{width:28px;height:28px}.card{max-width:600px}.game-screen.multiplayer .game-sidebar{width:400px;min-width:400px}}.connection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.connection-box{background:var(--glass);border:2px solid var(--glass-border);border-radius:24px;padding:40px;text-align:center;max-width:360px;width:90%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080}.connection-box svg{color:var(--primary);margin-bottom:20px}.connection-box svg.spin,.spin{animation:spin 1s linear infinite}.connection-box h3{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:var(--text)}.connection-box p{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.connection-box .btn{width:100%}.player-disconnected-banner{position:fixed;top:70px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e94560f2,#c0392bf2);padding:12px 24px;border-radius:100px;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;box-shadow:0 4px 20px #e9456066;z-index:100;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.player-disconnected-banner svg{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 1.5s ease-in-out infinite}.video-box.disconnected{opacity:.5;border-color:var(--primary)}.video-box.disconnected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(233,69,96,.1) 10px,rgba(233,69,96,.1) 20px);border-radius:inherit}.alert{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--primary),#c0392b);color:#fff;border-radius:100px;font-size:.85rem;font-weight:600;margin:0 auto 16px;max-width:300px;animation:pulse 2s ease-in-out infinite}.floating-decorations{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.deco{position:absolute;opacity:.6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.deco.star{width:40px;height:40px}.deco.star.s1{top:8%;left:5%;animation:floatStar 8s ease-in-out infinite}.deco.star.s2{top:15%;right:8%;width:30px;height:30px;animation:floatStar 10s ease-in-out infinite reverse}.deco.star.s3{bottom:20%;left:10%;width:35px;height:35px;animation:floatStar 7s ease-in-out infinite 1s}@keyframes floatStar{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(15deg)}}.deco.question{width:50px;height:50px}.deco.question.q1{top:25%;right:5%;animation:floatQuestion 6s ease-in-out infinite}.deco.question.q2{bottom:30%;right:12%;width:40px;height:40px;animation:floatQuestion 8s ease-in-out infinite 2s}@keyframes floatQuestion{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.deco.letter{width:40px;height:40px}.deco.letter.l1{top:40%;left:3%;animation:floatLetter 9s ease-in-out infinite}.deco.letter.l2{bottom:15%;right:5%;width:35px;height:35px;animation:floatLetter 7s ease-in-out infinite 1s}.deco.letter.l3{top:60%;right:3%;width:45px;height:45px;animation:floatLetter 11s ease-in-out infinite 2s}@keyframes floatLetter{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-25px) rotate(5deg)}}.deco.circle{border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--purple));opacity:.2}.deco.circle.c1{width:100px;height:100px;top:5%;left:15%;animation:floatCircle 15s ease-in-out infinite}.deco.circle.c2{width:150px;height:150px;bottom:10%;right:15%;animation:floatCircle 18s ease-in-out infinite reverse}.deco.circle.c3{width:80px;height:80px;top:50%;left:20%;animation:floatCircle 12s ease-in-out infinite 3s}@keyframes floatCircle{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translateY(-40px) scale(1)}75%{transform:translate(-20px,-20px) scale(.95)}}.deco.sparkle{width:25px;height:25px}.deco.sparkle.sp1{top:35%;right:20%;animation:sparkleRotate 4s linear infinite}.deco.sparkle.sp2{bottom:40%;left:8%;animation:sparkleRotate 5s linear infinite reverse}@keyframes sparkleRotate{0%{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(180deg) scale(1.2);opacity:.4}to{transform:rotate(360deg) scale(1);opacity:.8}}.waiting-character{margin:-20px auto 10px;display:block}.waiting-character .eyes-looking{animation:lookAround 3s ease-in-out infinite;transform-origin:center}@keyframes lookAround{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.waiting-character .sticky-note-bounce{animation:stickyBounce 2s ease-in-out infinite;transform-origin:center bottom}@keyframes stickyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.waiting-character .arm-wave{animation:waveArm 1.5s ease-in-out infinite;transform-origin:right center}@keyframes waveArm{0%,to{transform:rotate(0)}50%{transform:rotate(-15deg)}}.sparkle-pulse{animation:sparklePulse 2s ease-in-out infinite}.sparkle-pulse.delay-1{animation-delay:.3s}.sparkle-pulse.delay-2{animation-delay:.6s}.sparkle-pulse.delay-3{animation-delay:.9s}@keyframes sparklePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.trophy-bounce{animation:trophyBounce 2s ease-in-out infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.trophy-bounce .confetti{animation:confettiFall 3s ease-in-out infinite}.trophy-bounce .confetti.c1{animation-delay:0s}.trophy-bounce .confetti.c2{animation-delay:.3s}.trophy-bounce .confetti.c3{animation-delay:.6s}.trophy-bounce .confetti.c4{animation-delay:.9s}.trophy-bounce .confetti.c5{animation-delay:1.2s}.trophy-bounce .confetti.c6{animation-delay:1.5s}@keyframes confettiFall{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(10px) rotate(180deg)}}.sparkle-rotate{animation:sparkleRotate2 2s linear infinite}.sparkle-rotate.delay-1{animation-delay:.5s}@keyframes sparkleRotate2{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}.connection-dots-svg .dot{animation:dotPulse 1.5s ease-in-out infinite}.connection-dots-svg .dot.d1{animation-delay:0s}.connection-dots-svg .dot.d2{animation-delay:.2s}.connection-dots-svg .dot.d3{animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.5}}.confetti-burst{position:fixed;top:50%;left:50%;pointer-events:none;z-index:100}.confetti-piece{position:absolute;width:12px;height:12px;border-radius:3px;animation:confettiBurst 3s ease-out forwards;animation-delay:var(--delay)}.confetti-piece.cp1{background:#fbbf24}.confetti-piece.cp2{background:#8b5cf6}.confetti-piece.cp3{background:#34d399}.confetti-piece.cp4{background:#f87171}.confetti-piece.cp5{background:#a78bfa}@keyframes confettiBurst{0%{transform:rotate(0) translateY(0);opacity:1}to{transform:rotate(var(--angle)) translateY(var(--distance));opacity:0}}@media (max-width: 768px){.floating-decorations{display:none}.waiting-character{width:120px;height:140px;margin:-10px auto 5px}}@media (min-width: 1024px){.deco.star.s1{top:12%;left:8%;width:50px;height:50px}.deco.star.s2{top:20%;right:12%;width:40px;height:40px}.deco.star.s3{bottom:25%;left:15%;width:45px;height:45px}.deco.question.q1{top:30%;right:10%;width:60px;height:60px}.deco.question.q2{bottom:35%;right:18%;width:50px;height:50px}.deco.letter.l1{top:45%;left:5%;width:50px;height:50px}.deco.letter.l2{bottom:20%;right:8%;width:45px;height:45px}.deco.letter.l3{top:65%;right:5%;width:55px;height:55px}.deco.circle.c1{width:150px;height:150px}.deco.circle.c2{width:200px;height:200px}.deco.circle.c3{width:120px;height:120px}}.gamemode-selector{display:flex;gap:12px}.gamemode-btn{flex:1;display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s}.gamemode-btn:hover{background:#ffffff1a;border-color:#fff3}.gamemode-btn.active{background:#a855f733;border-color:var(--accent)}.gamemode-btn svg{color:var(--accent);flex-shrink:0}.gamemode-btn>div{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.gamemode-title{font-weight:600;color:var(--text);font-size:14px}.gamemode-desc{font-size:11px;color:var(--text-muted)}.waiting-badges{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap;justify-content:center}.team-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.team-tag.team-a{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.team-tag.team-b{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn-switch-team{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);padding:8px 16px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;margin:8px auto}.btn-switch-team:hover{background:#ffffff26;transform:scale(1.02)}.teams-container{display:flex;gap:16px;align-items:stretch;width:100%;margin:16px 0}.team-column{flex:1;display:flex;flex-direction:column;gap:8px}.team-header{font-size:14px;font-weight:700;text-align:center;padding:8px;border-radius:8px;margin:0}.team-a-header{background:#ef444426;color:#f87171}.team-b-header{background:#3b82f626;color:#60a5fa}.team-players{display:flex;flex-direction:column;gap:8px}.vs-divider{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--accent);text-shadow:0 0 10px rgba(168,85,247,.5);padding:0 8px}.team-scores{display:flex;align-items:center;gap:8px;background:#0000004d;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-score{font-weight:700;font-size:14px;padding:4px 8px;border-radius:6px;transition:all .3s}.team-score.team-a{color:#f87171}.team-score.team-b{color:#60a5fa}.team-score.active{background:#a855f74d;transform:scale(1.1)}.team-score-vs{font-size:11px;color:var(--text-muted);font-weight:600}.team-indicator{font-size:12px;opacity:.8}.team-winner-section{margin:16px 0}.team-winner{font-size:28px;font-weight:800}.team-winner.team-a{color:#f87171;text-shadow:0 0 20px rgba(239,68,68,.5)}.team-winner.team-b{color:#60a5fa;text-shadow:0 0 20px rgba(59,130,246,.5)}.team-final-scores{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0}.team-final-score{display:flex;flex-direction:column;align-items:center;padding:16px 24px;border-radius:12px;background:#ffffff0d;transition:all .3s}.team-final-score.team-a{border:2px solid rgba(239,68,68,.3)}.team-final-score.team-b{border:2px solid rgba(59,130,246,.3)}.team-final-score.winner{transform:scale(1.1);background:#a855f733;box-shadow:0 0 30px #a855f74d}.team-final-score.winner.team-a{border-color:#f87171;background:#ef444433;box-shadow:0 0 30px #ef44444d}.team-final-score.winner.team-b{border-color:#60a5fa;background:#3b82f633;box-shadow:0 0 30px #3b82f64d}.team-final-score .team-name{font-size:14px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.team-final-score .team-points{font-size:36px;font-weight:800;color:var(--text)}.team-final-scores .vs{font-size:16px;font-weight:700;color:var(--text-muted)}.your-team-result{font-size:18px;margin-top:12px}.team-badge{margin-left:6px;font-size:12px}.word-team{margin-left:6px;font-size:10px}@media (max-width: 600px){.gamemode-selector{flex-direction:column}.gamemode-btn{padding:12px}.teams-container{flex-direction:column;gap:12px}.vs-divider{padding:8px 0}.team-final-scores{flex-direction:column;gap:8px}.team-final-score.winner{transform:scale(1.05)}}@media (min-width: 768px){.gamemode-btn{padding:20px}.gamemode-title{font-size:16px}.gamemode-desc{font-size:12px}.team-scores{font-size:16px}.team-score{padding:6px 12px}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a237ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.loading-content{text-align:center;position:relative}.loading-stars{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;pointer-events:none}.loading-stars .star{position:absolute;font-size:1.5rem;color:var(--accent);animation:starFloat 2s ease-in-out infinite;text-shadow:0 0 10px rgba(255,215,64,.5)}.loading-stars .star.s1{top:0;left:20%;animation-delay:0s}.loading-stars .star.s2{top:10%;right:15%;animation-delay:.5s}.loading-stars .star.s3{bottom:10%;left:10%;animation-delay:1s}.loading-stars .star.s4{bottom:5%;right:20%;animation-delay:1.5s}@keyframes starFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:1}50%{transform:translateY(-15px) rotate(180deg) scale(1.2);opacity:.7}}.loading-spinner{width:100px;height:100px;position:relative;margin:0 auto 24px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:6px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-right-color:var(--primary);border-radius:50%;animation:spinRing 1s linear infinite}@keyframes spinRing{to{transform:rotate(360deg)}}.spinner-core{position:absolute;top:15px;right:15px;bottom:15px;left:15px;background:var(--card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;animation:pulse 1.5s ease-in-out infinite;box-shadow:var(--shadow-sm)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-message{font-size:1.3rem;font-weight:700;color:var(--accent);margin:0 0 8px;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.loading-sub{font-size:.95rem;color:var(--text-muted);margin:0}.lobby,.screen,.game-screen{animation:screenFadeIn .4s ease}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-progress{display:flex;justify-content:space-between;margin-bottom:24px;position:relative;padding:0 10px}.wizard-progress:before{content:"";position:absolute;top:15px;left:30px;right:30px;height:6px;background:#0000001a;border-radius:3px;z-index:0}.wizard-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;opacity:.6;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.wizard-step.active{opacity:1;transform:scale(1.1)}.wizard-step.done{opacity:1;color:var(--success)}.step-circle{width:32px;height:32px;background:var(--surface);border:4px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;margin-bottom:6px;box-shadow:0 4px #0003;transition:all .3s ease}.wizard-step.active .step-circle{background:var(--accent);border-color:#fff;color:#fff;box-shadow:0 4px #ffa00080,0 0 15px #ffc10780}.wizard-step.done .step-circle{background:var(--success);border-color:#fff;color:#fff;box-shadow:0 4px #2e7d3280}.step-label{font-size:.8rem;font-weight:700;color:var(--text-heading);text-shadow:1px 1px 0 rgba(255,255,255,.5)}.wizard-panel{animation:slideInRight .3s ease;width:100%}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:16px;width:100%}.wizard-nav button{display:flex;align-items:center;gap:8px}.wizard-back,.wizard-next{flex:1}.explainer-actions-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:16px;padding:16px 16px 24px;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);z-index:50}.explainer-actions-overlay .btn{padding:16px 24px;font-size:1.1rem;border-radius:16px;box-shadow:0 4px 12px #0006;min-width:140px;display:flex;align-items:center;justify-content:center;gap:10px}.explainer-actions-overlay .btn-success{background:var(--success);border-color:var(--secondary-dark)}.explainer-actions-overlay .btn-secondary{background:#fff;color:var(--text-dark);border-color:#cbd5e1}.game-content .video-main .explainer-label{top:16px;bottom:auto}.game-content .video-main .explainer-label{top:auto!important;bottom:120px!important;z-index:60}.guesser-video.clickable{cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:all .2s ease}.guesser-video.clickable:hover{border-color:var(--success);transform:scale(1.05);box-shadow:0 0 15px #10b98180}.guesser-video.clickable .click-indicator{background:var(--success);padding:6px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.guesser-video.clickable:hover .click-indicator{opacity:1}.multiplayer-guessers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%;height:100%;padding:80px 16px 100px;overflow-y:auto}.multiplayer-guesser-card{position:relative;border-radius:16px;overflow:hidden;background:#0000004d;border:3px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s;aspect-ratio:3/4}.multiplayer-guesser-card:hover{border-color:var(--success);transform:scale(1.02);box-shadow:0 0 20px #10b98166}.multiplayer-guesser-card video{width:100%;height:100%;object-fit:cover}.multiplayer-guesser-card .name{position:absolute;bottom:8px;left:8px;background:#000000b3;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:700;color:#fff}.multiplayer-guesser-card .click-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#10b98166;opacity:0;transition:opacity .2s}.multiplayer-guesser-card:hover .click-overlay{opacity:1}.multiplayer-guesser-card .click-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.hint-text{color:#fff;font-weight:600;background:#0009;padding:8px 16px;border-radius:20px;font-size:.9rem}.gamemode-coming-soon{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);padding:6px 12px;border-radius:0 12px;box-shadow:0 2px 8px #f59e0b80;letter-spacing:.5px;text-transform:uppercase;z-index:10}.gamemode-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.gamemode-btn:disabled:hover{transform:none;box-shadow:var(--shadow-sm)}.waiting-actions{display:flex;gap:12px;margin-top:16px;justify-content:center;flex-wrap:wrap}.btn-danger{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:3px solid #7f1d1d}.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px)}:root{--admin-bg: #0f172a;--admin-card: #1e293b;--admin-border: #334155;--admin-primary: #6366f1;--admin-primary-hover: #818cf8;--admin-success: #22c55e;--admin-warning: #f59e0b;--admin-danger: #ef4444;--admin-info: #3b82f6;--admin-text: #f1f5f9;--admin-text-muted: #94a3b8;--admin-text-dim: #64748b}.admin-login,.admin-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--admin-bg);color:var(--admin-text);min-height:100vh;-webkit-font-smoothing:antialiased}.admin-login{display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.1) 0%,transparent 50%),var(--admin-bg)}.login-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:24px;padding:48px 40px;text-align:center;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000080}.login-card>svg{margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(99,102,241,.4))}.login-card h1{font-size:1.75rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--admin-primary),#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-card>p{color:var(--admin-text-muted);margin-bottom:32px;font-size:.95rem}.input-group{display:flex;gap:8px;margin-bottom:16px}.input-group input{flex:1;padding:16px 20px;background:var(--admin-bg);border:2px solid var(--admin-border);border-radius:12px;color:#fff;font-size:1rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:var(--admin-primary)}.input-group .toggle-btn{padding:16px;background:var(--admin-border);border:none;border-radius:12px;color:var(--admin-text-muted);cursor:pointer;transition:all .2s}.input-group .toggle-btn:hover{background:#475569;color:#fff}.login-card .error{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--admin-danger);font-size:.875rem;margin-bottom:16px;padding:12px;background:#ef44441a;border-radius:10px}.btn-login{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,var(--admin-primary),#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.back-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--admin-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:#fff}.admin-panel{display:flex;flex-direction:column}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--admin-card);border-bottom:1px solid var(--admin-border);padding:0 16px;align-items:center;justify-content:space-between;z-index:100}.menu-toggle{background:none;border:none;color:var(--admin-text);cursor:pointer;padding:8px}.mobile-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem}.refresh-btn-mobile{background:none;border:none;color:var(--admin-text-muted);cursor:pointer;padding:8px}.refresh-btn-mobile:disabled{opacity:.5}.admin-sidebar{width:260px;background:var(--admin-card);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:200;transition:transform .3s ease}.sidebar-overlay{display:none}.sidebar-header{display:flex;align-items:center;gap:14px;padding:24px 20px;border-bottom:1px solid var(--admin-border)}.header-text{display:flex;flex-direction:column}.header-text .brand{font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,var(--admin-primary),#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-text .subtitle{font-size:.7rem;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:var(--admin-text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left}.sidebar-nav button:hover{background:#ffffff0d;color:var(--admin-text)}.sidebar-nav button.active{background:linear-gradient(135deg,#6366f133,#8b5cf61a);color:var(--admin-primary-hover)}.sidebar-nav button.active svg{color:var(--admin-primary)}.nav-badge{margin-left:auto;padding:2px 8px;background:var(--admin-border);border-radius:20px;font-size:.7rem;font-weight:600}.sidebar-nav button.active .nav-badge{background:var(--admin-primary);color:#fff}.sidebar-footer{padding:16px;border-top:1px solid var(--admin-border)}.last-update{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--admin-text-dim);margin-bottom:12px}.footer-buttons{display:flex;flex-direction:column;gap:8px}.refresh-btn,.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--admin-border);border:none;border-radius:8px;color:var(--admin-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.refresh-btn:hover,.logout-btn:hover{background:#475569;color:#fff}.logout-btn{background:#ef444426;color:var(--admin-danger)}.logout-btn:hover{background:#ef444440}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-content{flex:1;margin-left:260px;padding:28px 32px;min-height:100vh;background:var(--admin-bg)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.page-header h1{font-size:1.6rem;font-weight:800;margin-bottom:4px}.page-header p{color:var(--admin-text-muted);font-size:.9rem}.maintenance-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:var(--admin-danger);font-size:.85rem;font-weight:600}.unsaved-changes{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:10px;color:var(--admin-warning);font-size:.85rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.primary .stat-icon{background:#6366f133;color:var(--admin-primary)}.stat-card.success .stat-icon{background:#22c55e33;color:var(--admin-success)}.stat-card.warning .stat-icon{background:#f59e0b33;color:var(--admin-warning)}.stat-card.info .stat-icon{background:#3b82f633;color:var(--admin-info)}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{color:var(--admin-text-muted);font-size:.8rem;font-weight:500;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dashboard-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;overflow:hidden}.dashboard-card.span-2{grid-column:span 2}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--admin-border)}.card-header h3{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600}.card-header h3 svg{color:var(--admin-primary)}.view-all{background:none;border:none;color:var(--admin-primary);font-size:.8rem;font-weight:500;cursor:pointer}.view-all:hover{text-decoration:underline}.status-list{padding:8px 20px 20px}.status-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--admin-border)}.status-row:last-child{border-bottom:none}.status-row>span:first-child{display:flex;align-items:center;gap:10px;color:var(--admin-text-muted);font-size:.85rem}.status-badge{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:.7rem;font-weight:600}.status-badge.online{background:#22c55e26;color:var(--admin-success)}.status-badge.warning{background:#f59e0b26;color:var(--admin-warning)}.status-badge.danger{background:#ef444426;color:var(--admin-danger)}.quick-settings{padding:16px 20px}.qs-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:.85rem;border-bottom:1px solid var(--admin-border)}.qs-row:last-child{border-bottom:none}.qs-row span:first-child{color:var(--admin-text-muted)}.qs-row .qs-value{font-weight:600}.qs-row .qs-value.green{color:var(--admin-success)}.qs-row .qs-value.red{color:var(--admin-danger)}.rooms-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px 20px}.room-preview-card{background:var(--admin-bg);border-radius:10px;padding:14px}.rp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.rp-code{font-weight:700;font-size:1rem;letter-spacing:1px;color:var(--admin-primary)}.rp-status{font-size:.65rem;font-weight:600;padding:3px 7px;border-radius:6px}.rp-status.playing{background:#22c55e33;color:var(--admin-success)}.rp-status.waiting{background:#f59e0b33;color:var(--admin-warning)}.rp-info{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--admin-text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;padding-bottom:100px}.settings-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;padding:20px}.settings-card.danger-card{border-color:#ef44444d;background:linear-gradient(135deg,var(--admin-card),rgba(239,68,68,.05))}.settings-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.settings-card-header svg{color:var(--admin-primary)}.settings-card.danger-card .settings-card-header svg{color:var(--admin-danger)}.settings-card-header h3{font-size:1rem;font-weight:600}.settings-description{color:var(--admin-text-muted);font-size:.8rem;margin-bottom:16px;line-height:1.5}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-input{margin-bottom:12px}.setting-input label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--admin-text-muted);margin-bottom:8px}.setting-input label svg{width:14px;height:14px}.setting-input input,.setting-input textarea{width:100%;padding:12px 14px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:10px;color:var(--admin-text);font-size:.9rem;font-family:inherit;transition:border-color .2s}.setting-input input:focus,.setting-input textarea:focus{outline:none;border-color:var(--admin-primary)}.setting-input textarea{resize:vertical;min-height:80px}.toggle-setting{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--admin-border)}.toggle-setting:last-child{border-bottom:none;padding-bottom:0}.toggle-label{display:flex;align-items:center;gap:10px;color:var(--admin-text-muted);font-size:.9rem}.toggle-btn-lg{padding:8px 18px;background:var(--admin-border);border:none;border-radius:8px;color:var(--admin-text-dim);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn-lg.active{background:var(--admin-success);color:#fff}.toggle-btn-lg.active.danger{background:var(--admin-danger)}.save-bar{position:fixed;bottom:-100px;left:260px;right:0;background:var(--admin-card);border-top:1px solid var(--admin-border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;transition:bottom .3s ease;z-index:50}.save-bar.visible{bottom:0}.save-bar span{color:var(--admin-text-muted);font-size:.9rem}.save-bar-buttons{display:flex;gap:12px}.btn-reset{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text-muted);font-size:.875rem;font-weight:500;cursor:pointer}.btn-reset:hover{background:var(--admin-border);color:#fff}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--admin-primary);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-save:hover:not(:disabled){background:var(--admin-primary-hover)}.btn-save:disabled{opacity:.7;cursor:not-allowed}.filter-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:12px;flex:1;min-width:200px;max-width:400px;padding:0 16px;background:var(--admin-card);border:1px solid var(--admin-border);border-radius:10px}.search-box svg{color:var(--admin-text-dim)}.search-box input{flex:1;padding:12px 0;background:transparent;border:none;color:var(--admin-text);font-size:.9rem}.search-box input:focus{outline:none}.filter-buttons{display:flex;gap:8px}.filter-buttons button{padding:10px 16px;background:var(--admin-card);border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-buttons button:hover{border-color:var(--admin-primary);color:var(--admin-text)}.filter-buttons button.active{background:var(--admin-primary);border-color:var(--admin-primary);color:#fff}.empty-state{text-align:center;padding:60px 40px;color:var(--admin-text-dim)}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state h3{font-size:1.1rem;margin-bottom:8px;color:var(--admin-text-muted)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.room-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;padding:18px;transition:box-shadow .2s}.room-card:hover{box-shadow:0 6px 20px #00000026}.room-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.room-title{display:flex;align-items:center;gap:8px}.room-code{font-size:1.25rem;font-weight:800;letter-spacing:2px;color:var(--admin-primary)}.copy-btn{background:var(--admin-border);border:none;border-radius:6px;padding:6px;color:var(--admin-text-dim);cursor:pointer;transition:all .15s}.copy-btn:hover{color:var(--admin-text);background:#475569}.room-status{font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:20px}.room-status.playing{background:#22c55e26;color:var(--admin-success)}.room-status.waiting{background:#f59e0b26;color:var(--admin-warning)}.room-meta{display:flex;gap:14px;margin-bottom:12px;font-size:.8rem;color:var(--admin-text-muted)}.room-meta span{display:flex;align-items:center;gap:5px}.room-players{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.player-chip{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--admin-bg);border-radius:20px;font-size:.75rem;font-weight:500}.player-chip.online svg{color:var(--admin-success)}.player-chip.offline svg{color:var(--admin-danger)}.expand-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:transparent;border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text-muted);font-size:.8rem;cursor:pointer;transition:all .15s}.expand-btn:hover{background:var(--admin-bg);color:var(--admin-text)}.room-details{margin-top:14px;padding-top:14px;border-top:1px solid var(--admin-border)}.detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.8rem}.detail-row span:first-child{color:var(--admin-text-muted)}.btn-delete-room{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--admin-danger);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-delete-room:hover{background:#ef444433}.btn-danger{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--admin-danger);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#ef444440}.add-word-section{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;padding:20px;margin-bottom:24px}.add-word-section h3{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.95rem}.add-word-section h3 svg{color:var(--admin-primary)}.add-word-form{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.add-word-form select{min-width:160px;padding:12px 14px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);font-size:.9rem;cursor:pointer}.add-word-form select:focus{outline:none;border-color:var(--admin-primary)}.add-single{display:flex;gap:8px;flex:1;min-width:220px}.add-single input{flex:1;padding:12px 14px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);font-size:.9rem}.add-single input:focus{outline:none;border-color:var(--admin-primary)}.add-single button{padding:12px 16px;background:var(--admin-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .15s}.add-single button:hover:not(:disabled){background:var(--admin-primary-hover)}.add-single button:disabled{opacity:.5;cursor:not-allowed}.bulk-add{display:flex;flex-direction:column;gap:10px}.bulk-add textarea{width:100%;padding:12px 14px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);font-size:.9rem;resize:vertical;min-height:70px}.bulk-add textarea:focus{outline:none;border-color:var(--admin-primary)}.btn-bulk{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--admin-success);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .15s}.btn-bulk:disabled{opacity:.5;cursor:not-allowed}.categories-list{display:flex;flex-direction:column;gap:12px}.category-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:12px;overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:transparent;border:none;color:var(--admin-text);cursor:pointer;transition:background .15s}.category-header:hover{background:#ffffff08}.cat-title{display:flex;align-items:center;gap:10px}.cat-name{font-weight:600;font-size:.95rem;text-transform:capitalize}.cat-count{padding:3px 8px;background:var(--admin-bg);border-radius:20px;font-size:.7rem;color:var(--admin-text-muted)}.category-content{padding:16px 18px;border-top:1px solid var(--admin-border);background:#0000001a}.word-chips{display:flex;flex-wrap:wrap;gap:8px}.word-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:6px;font-size:.8rem}.word-chip button{display:flex;align-items:center;justify-content:center;padding:3px;background:transparent;border:none;border-radius:4px;color:var(--admin-text-dim);cursor:pointer;transition:all .15s}.word-chip button:hover{background:#ef444433;color:var(--admin-danger)}.security-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.security-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;overflow:hidden}.protection-list{padding:16px 20px}.protection-item{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:.85rem;color:var(--admin-text-muted);border-bottom:1px solid var(--admin-border)}.protection-item:last-child{border-bottom:none}.protection-item .check{color:var(--admin-success)}.ban-form{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid var(--admin-border)}.ban-form input{flex:1;padding:10px 14px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);font-size:.85rem}.ban-form input:focus{outline:none;border-color:var(--admin-primary)}.ban-form button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--admin-danger);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.ban-form button:disabled{opacity:.5;cursor:not-allowed}.banned-list{padding:14px 20px 20px;max-height:280px;overflow-y:auto}.no-bans{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px;color:var(--admin-text-dim)}.no-bans svg{color:var(--admin-success)}.banned-ip{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--admin-border)}.banned-ip:last-child{border-bottom:none}.banned-ip button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text-muted);font-size:.75rem;cursor:pointer;transition:all .15s}.banned-ip button:hover{border-color:var(--admin-success);color:var(--admin-success)}.broadcast-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;padding:20px;max-width:700px}.broadcast-form textarea{width:100%;padding:14px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:10px;color:var(--admin-text);font-size:.95rem;resize:vertical;min-height:120px;margin-bottom:10px}.broadcast-form textarea:focus{outline:none;border-color:var(--admin-primary)}.broadcast-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.char-count{color:var(--admin-text-dim);font-size:.8rem}.btn-send{display:flex;align-items:center;gap:10px;padding:12px 22px;background:linear-gradient(135deg,var(--admin-primary),#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d}.btn-send:disabled{opacity:.5;cursor:not-allowed}.broadcast-info{display:flex;gap:14px;margin-top:20px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px}.broadcast-info svg{flex-shrink:0;color:var(--admin-info);margin-top:2px}.broadcast-info strong{display:block;margin-bottom:4px;color:var(--admin-info)}.broadcast-info p{color:var(--admin-text-muted);font-size:.85rem;margin:0;line-height:1.5}.admin-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:10px;font-weight:500;font-size:.9rem;box-shadow:0 8px 24px #0000004d;animation:toastSlide .3s ease;z-index:1000}.admin-toast.success{background:var(--admin-success);color:#fff}.admin-toast.error{background:var(--admin-danger);color:#fff}@keyframes toastSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-card.span-2{grid-column:span 1}.settings-grid,.security-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mobile-header{display:flex}.admin-sidebar{transform:translate(-100%);width:280px;box-shadow:4px 0 20px #0000004d}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-content{margin-left:0;padding:76px 16px 24px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:1.4rem}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.filter-bar{flex-direction:column}.search-box{max-width:none}.filter-buttons{width:100%;overflow-x:auto;padding-bottom:4px}.rooms-grid{grid-template-columns:1fr}.add-word-form{flex-direction:column}.add-word-form select,.add-single{width:100%}.ban-form{flex-direction:column}.admin-toast{left:16px;right:16px;bottom:16px;justify-content:center}.save-bar{left:0;padding:14px 16px;flex-direction:column;gap:12px}.save-bar-buttons{width:100%}.btn-reset,.btn-save{flex:1;justify-content:center}}@media (max-width: 480px){.login-card{padding:28px 20px}.login-card h1{font-size:1.4rem}.stats-grid{grid-template-columns:1fr}.room-card{padding:14px}.room-code{font-size:1.1rem}.broadcast-footer{flex-direction:column;align-items:stretch}.btn-send{justify-content:center}.settings-row{grid-template-columns:1fr}}