@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Roboto:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:wght@400;600;700&display=swap);*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}:root{--background-dark:#0a0a0a;--primary-dark:#1a1a1a;--secondary-dark:#252525;--text-light:#f5f5f5;--text-secondary:#b0b0b0;--accent-red:#e63946;--accent-red-hover:#ff4757;--accent-blue:#3498db;--accent-yellow:#f1c40f;--accent-purple:#9b59b6;--accent-orange:#e67e22;--border-color:#333;--disabled-bg:#2a2a2a;--disabled-text:#666;--success-green:#2ecc71;--shadow:#00000080}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);background-attachment:fixed;color:#f5f5f5;color:var(--text-light);font-family:Roboto,sans-serif;margin:0;min-height:100vh;padding:0}.App{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#1a1a1a,#252525);background:linear-gradient(135deg,var(--primary-dark) 0,var(--secondary-dark) 100%);border:1px solid #333;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #00000080;box-shadow:0 20px 60px var(--shadow);margin:20px auto;max-width:1200px;padding:40px;text-align:center;width:100%}.App-header{border-bottom:3px solid #e63946;border-bottom:3px solid var(--accent-red);margin-bottom:40px;padding-bottom:25px;position:relative}.header-content{align-items:center;display:flex;flex-direction:column;gap:10px}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#f5f5f5;color:var(--text-light);font-family:Playfair Display,serif;font-size:3.5em;margin:0;text-shadow:3px 3px 10px #00000080;text-shadow:3px 3px 10px var(--shadow)}.subtitle{color:#b0b0b0;color:var(--text-secondary);font-size:1.2em;font-weight:300;letter-spacing:2px;text-transform:uppercase}.game-info{display:flex;gap:15px;justify-content:center;margin-top:15px}.phase-badge,.round-badge{background:#252525;background:var(--secondary-dark);border:1px solid #333;border:1px solid var(--border-color);border-radius:20px;font-size:.9em;font-weight:500;padding:8px 16px}main{display:flex;flex-direction:column;gap:30px}button{background:linear-gradient(135deg,#252525,#1a1a1a);background:linear-gradient(135deg,var(--secondary-dark) 0,var(--primary-dark) 100%);border:2px solid #333;border:2px solid var(--border-color);border-radius:12px;color:#f5f5f5;color:var(--text-light);cursor:pointer;font-family:Roboto,sans-serif;font-size:1em;font-weight:500;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}button:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}button:hover:not(:disabled):before{height:300px;width:300px}button:hover:not(:disabled){background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#b0b0b0;border-color:var(--text-secondary);box-shadow:0 8px 20px #00000080;box-shadow:0 8px 20px var(--shadow);transform:translateY(-3px)}button:active:not(:disabled){transform:translateY(-1px)}button:disabled{background:#2a2a2a;background:var(--disabled-bg);border-color:#2a2a2a;border-color:var(--disabled-bg);color:#666;color:var(--disabled-text);cursor:not-allowed;opacity:.6}button.selected{box-shadow:0 4px 15px #e6394666}.end-day-btn,.end-night-btn,.reset-game-btn,.start-game-btn,button.selected{background:linear-gradient(135deg,#e63946,#ff4757);background:linear-gradient(135deg,var(--accent-red) 0,var(--accent-red-hover) 100%);border-color:#e63946;border-color:var(--accent-red);color:#fff}.end-day-btn,.end-night-btn,.reset-game-btn,.start-game-btn{font-size:1.1em;font-weight:700;margin-top:20px;padding:16px 32px}.end-day-btn:hover:not(:disabled),.end-night-btn:hover:not(:disabled),.reset-game-btn:hover:not(:disabled),.start-game-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff4757,#ff6b7a);background:linear-gradient(135deg,var(--accent-red-hover) 0,#ff6b7a 100%);border-color:#ff4757;border-color:var(--accent-red-hover);box-shadow:0 8px 25px #e6394680}h2{border-bottom:2px solid #333;border-bottom:2px solid var(--border-color);font-size:2.5em;margin-bottom:25px;padding-bottom:15px;text-align:center}h2,h3{color:#f5f5f5;color:var(--text-light);font-family:Playfair Display,serif}h3{font-size:1.8em;margin:0 0 15px}.setup-phase{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.setup-content{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:600px}.player-count-selector{background:#252525;background:var(--secondary-dark);border:2px solid #333;border:2px solid var(--border-color);border-radius:15px;padding:30px}.player-count-selector label{display:block;font-size:1.2em;font-weight:500;margin-bottom:20px}.slider{-webkit-appearance:none;background:#1a1a1a;background:var(--primary-dark);border-radius:5px;height:8px;margin:20px 0;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e63946;background:var(--accent-red);border-radius:50%;box-shadow:0 2px 8px #00000080;box-shadow:0 2px 8px var(--shadow);cursor:pointer;height:24px;-webkit-transition:all .3s;transition:all .3s;width:24px}.slider::-webkit-slider-thumb:hover{background:#ff4757;background:var(--accent-red-hover);transform:scale(1.2)}.slider::-moz-range-thumb{background:#e63946;background:var(--accent-red);border:none;border-radius:50%;box-shadow:0 2px 8px #00000080;box-shadow:0 2px 8px var(--shadow);cursor:pointer;height:24px;width:24px}.player-count-display{color:#e63946;color:var(--accent-red);font-size:2em;font-weight:700;margin-top:15px}.roles-preview{background:#252525;background:var(--secondary-dark);border:2px solid #333;border:2px solid var(--border-color);border-radius:15px;padding:30px}.roles-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.role-preview{align-items:center;background:#1a1a1a;background:var(--primary-dark);border:1px solid #333;border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;padding:15px}.role-name{font-weight:500}.role-count{align-items:center;background:#e63946;background:var(--accent-red);border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;width:30px}.game-over-screen{animation:zoomIn .5s ease-out;padding:40px;text-align:center}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.winner-title{animation:pulse 2s infinite;font-size:3em;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.winner-announcement{background:linear-gradient(135deg,#252525,#1a1a1a);background:linear-gradient(135deg,var(--secondary-dark) 0,var(--primary-dark) 100%);border:2px solid #e63946;border:2px solid var(--accent-red);margin:30px 0;padding:30px}.winner-text{font-size:1.5em;margin:0}.winner-name{color:#e63946;color:var(--accent-red);font-size:1.2em;font-weight:700}.final-stats{background:#252525;background:var(--secondary-dark);border:1px solid #333;border:1px solid var(--border-color);border-radius:15px;margin:30px 0;padding:25px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-item{gap:10px}.stat-label{color:#b0b0b0;color:var(--text-secondary);font-size:.9em}.stat-value{color:#e63946;color:var(--accent-red);font-size:2em}.game-history{background:#252525;background:var(--secondary-dark);border:1px solid #333;border:1px solid var(--border-color);border-radius:15px;margin-top:20px;max-height:200px;overflow-y:auto;padding:20px}.game-history h3{font-size:1.3em;margin-bottom:15px;text-align:left}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{animation:slideInRight .3s ease-out;background:#1a1a1a;background:var(--primary-dark);border-left:3px solid #e63946;border-left:3px solid var(--accent-red);border-radius:5px;font-size:.9em;padding:12px 15px;text-align:left}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--primary-dark);border-radius:5px}::-webkit-scrollbar-thumb{background:#e63946;background:var(--accent-red);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ff4757;background:var(--accent-red-hover)}@media (max-width:768px){.App{margin:10px;padding:20px}.App-header h1{font-size:2.5em}h2{font-size:2em}.game-info{flex-direction:column;gap:10px}}.home-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background-image:radial-gradient(circle at 20% 50%,#8b000026 0,#0000 50%),radial-gradient(circle at 80% 80%,#b8860b14 0,#0000 50%);color:#f5f5f5;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}.mafia-logo-image{filter:drop-shadow(0 4px 8px rgba(139,0,0,.3));height:auto;max-height:200px;max-width:200px;object-fit:contain;width:auto}.fallback-title{color:#d4af37;font-family:Cinzel,serif;font-size:2rem;text-shadow:2px 2px 4px #000c}.fallback-subtitle{color:#888;font-size:.9rem;letter-spacing:.15em;margin:.5rem 0 0}.hero-section-compact{background:linear-gradient(180deg,#000000e6,#000000b3);border-bottom:1px solid #8b00004d;padding:2rem 1rem;position:relative}.hero-content-compact{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.hero-logo-compact{flex-shrink:0}.hero-cta-compact{flex:1 1;min-width:300px}.hero-title-compact{color:#f5f5f5;font-family:Cinzel,serif;font-size:2rem;font-weight:600;margin:0 0 1rem;text-align:left}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,gold);-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-actions-compact{display:flex;flex-wrap:wrap;gap:1rem}.btn-hero-primary-compact,.btn-hero-secondary-compact{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Crimson Text,serif;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-hero-primary-compact{background:linear-gradient(135deg,#8b0000,brown);box-shadow:0 4px 12px #8b000066;color:#fff}.btn-hero-primary-compact:hover{box-shadow:0 6px 16px #8b000099;transform:translateY(-2px)}.btn-hero-secondary-compact{background:#8b000033;border:1px solid #8b000080;color:#f5f5f5}.btn-hero-secondary-compact:hover{background:#8b00004d;border-color:#8b0000b3}.btn-arrow{font-size:1.2rem}.btn-hero-primary-compact:hover .btn-arrow{transform:translateX(4px)}.rooms-section{margin:0 auto;max-width:1400px;padding:3rem 1rem}.rooms-container{width:100%}.rooms-header{align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.rooms-header,.rooms-header-left{display:flex;flex-wrap:wrap;gap:2rem}.rooms-header-left{align-items:center}.rooms-title{color:#f5f5f5;font-family:Cinzel,serif;font-size:2rem;font-weight:600;margin:0}.rooms-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{color:#d4af37;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.stat-label{color:#aaa;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.rooms-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.rooms-search{position:relative}.search-input{background:#ffffff0d;border:1px solid #8b00004d;border-radius:8px;color:#f5f5f5;font-family:Crimson Text,serif;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:250px}.search-input:focus{background:#ffffff14;border-color:#8b000099;outline:none}.search-input::placeholder{color:#666}.rooms-filter{background:#ffffff0d;border:1px solid #8b00004d;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.filter-btn{background:#0000;border:none;border-radius:6px;color:#aaa;cursor:pointer;font-family:Crimson Text,serif;font-size:.95rem;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background:#8b000033;color:#f5f5f5}.filter-btn.active{background:linear-gradient(135deg,#8b0000,brown);color:#fff;font-weight:600}.rooms-list{min-height:400px}.rooms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.room-card{background:linear-gradient(135deg,#141414e6,#1e1e1ee6);border:1px solid #8b00004d;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.room-card:hover{border-color:#8b000099;box-shadow:0 8px 24px #8b00004d;transform:translateY(-4px)}.room-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.room-card-title{flex:1 1}.room-name{color:#f5f5f5;font-family:Cinzel,serif;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.room-code{color:#d4af37;font-size:.9rem;font-weight:600;letter-spacing:.1em}.room-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.35rem .75rem;text-transform:uppercase;white-space:nowrap}.room-badge.waiting{background:#228b2233;border:1px solid #228b2266;color:#90ee90}.room-badge.playing{background:#8b000033;border:1px solid #8b000066;color:#ff6b6b}.room-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.room-info-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.room-info-label{color:#aaa}.room-info-value{color:#f5f5f5;font-weight:600}.room-card-footer{border-top:1px solid #8b000033;margin-top:auto;padding-top:1rem}.btn-join-room{background:linear-gradient(135deg,#8b0000,brown);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Crimson Text,serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.btn-join-room:hover:not(:disabled){box-shadow:0 4px 12px #8b000080;transform:translateY(-2px)}.btn-join-room:disabled{cursor:not-allowed;opacity:.5}.rooms-empty,.rooms-error,.rooms-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #8b00004d;border-radius:50%;border-top-color:#8b0000;height:48px;margin-bottom:1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.rooms-error p{color:#ff6b6b;font-size:1.1rem;margin-bottom:1rem}.btn-retry{background:#8b00004d;border:1px solid #8b000080;border-radius:8px;color:#f5f5f5;cursor:pointer;font-family:Crimson Text,serif;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-retry:hover{background:#8b000080}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-title{color:#f5f5f5;font-family:Cinzel,serif;font-size:1.5rem;margin:0 0 .5rem}.empty-description{color:#aaa;margin:0 0 1.5rem}.btn-create-first{background:linear-gradient(135deg,#8b0000,brown);border-radius:8px;color:#fff;display:inline-block;font-family:Crimson Text,serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-create-first:hover{box-shadow:0 4px 12px #8b000080;transform:translateY(-2px)}.home-footer{background:#00000080;border-top:1px solid #8b000033;margin-top:4rem;padding:2rem 1rem}.footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-brand{color:#d4af37;font-family:Cinzel,serif;font-size:1.1rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem}.footer-links a{color:#aaa;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#f5f5f5}@media (max-width:768px){.hero-content-compact{flex-direction:column;text-align:center}.hero-title-compact{text-align:center}.hero-actions-compact{justify-content:center}.rooms-header,.rooms-header-right{flex-direction:column}.rooms-header-right,.search-input{width:100%}.rooms-filter{justify-content:center;width:100%}.rooms-grid{grid-template-columns:1fr}.rooms-stats{justify-content:center}}@media (max-width:480px){.hero-title-compact,.rooms-title{font-size:1.5rem}.room-card{padding:1rem}.footer-container{flex-direction:column;text-align:center}}.admin-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background-image:radial-gradient(circle at 20% 50%,#8b00001a 0,#0000 50%),radial-gradient(circle at 80% 80%,#b8860b0d 0,#0000 50%);color:#f5f5f5;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:16px;line-height:1.6;min-height:100vh;padding:0;position:relative}.admin-page h1{font-size:2rem;font-weight:700;letter-spacing:.05em;line-height:1.2;text-shadow:0 0 10px #daa52080,0 2px 4px #000000e6,0 0 20px #8b00004d}.admin-page h1,.admin-page h2{color:#daa520;font-family:Cinzel,Georgia,serif}.admin-page h2{font-size:1.5rem;font-weight:600;letter-spacing:.03em;line-height:1.3;text-shadow:0 0 8px #daa52066,0 2px 4px #000000e6}.admin-page h3{font-size:1.25rem;letter-spacing:.02em}.admin-page h3,.admin-page h4{color:#f5f5f5;font-family:Crimson Text,Georgia,serif;font-weight:600;line-height:1.4}.admin-page h4{font-size:1.125rem}.admin-page label,.admin-page p,.admin-page span{color:#e0e0e0;font-family:Crimson Text,Georgia,serif;font-size:1rem;font-weight:400;line-height:1.6}.admin-header{padding:2.5rem 2rem 1.5rem;position:relative;text-align:center}.back-to-home{color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:.9375rem;font-weight:600;left:2rem;line-height:1.5;position:absolute;text-decoration:none;text-shadow:0 0 5px #b8860b80;top:1.5rem;transition:all .2s ease}.back-to-home:hover{color:#daa520;text-shadow:0 0 10px #daa520cc}.admin-logo{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.admin-logo-image{filter:drop-shadow(0 10px 30px rgba(0,0,0,.8));height:auto;max-width:350px;object-fit:contain;width:100%}.logo-fallback{display:block;padding:2rem;text-align:center}.fallback-title{font-size:2.5rem;letter-spacing:.1em;margin:0;text-shadow:0 0 20px #daa52099,0 0 40px #8b000066,0 4px 8px #000000e6;text-transform:uppercase}.admin-header h1,.fallback-title{color:#daa520;font-family:Cinzel,Georgia,serif;font-weight:700;line-height:1.2}.admin-header h1{font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:.05em;margin-bottom:.5rem;text-shadow:0 0 15px #daa52080,0 0 30px #8b00004d,0 2px 4px #000000e6}.admin-subtitle{color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:1rem;text-shadow:0 0 5px #b8860b4d}.connection-warning{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;display:inline-block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.5;margin-top:1rem;padding:.75rem 1.25rem}.admin-main{margin:0 auto;max-width:1200px;padding:0 2rem 3rem}.tabs-container{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;border:1px solid #8b00004d;border-radius:10px;box-shadow:0 4px 20px #000000e6,inset 0 1px 2px #8b000033;display:flex;gap:.25rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem;scrollbar-color:#b8860b4d #0000;scrollbar-width:thin}.tabs-container::-webkit-scrollbar{height:3px}.tabs-container::-webkit-scrollbar-track{background:#0000}.tabs-container::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:2px}.tabs-container::-webkit-scrollbar-thumb:hover{background:#d4af374d}.tab-btn{background:#0000;border:none;border-radius:8px;color:#b8860b;cursor:pointer;flex:1 1;font-family:Crimson Text,Georgia,serif;font-size:.875rem;font-weight:600;letter-spacing:.05em;line-height:1.4;min-width:130px;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-align:center;text-shadow:0 0 5px #b8860b4d;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-btn:before{background:linear-gradient(90deg,#0000,#d4af3714,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tab-btn:hover:not(.disabled):not(.active):before{left:100%}.tab-btn:hover:not(.disabled){background:#8b000033;color:#daa520;text-shadow:0 0 10px #daa52099}.tab-btn.active{background:#8b00004d;box-shadow:0 2px 15px #8b000066,inset 0 1px 2px #daa52033;color:#daa520;font-weight:700;text-shadow:0 0 15px #daa520cc}.tab-btn.active:after{background:linear-gradient(90deg,#0000,#daa520,#0000);border-radius:2px;bottom:0;box-shadow:0 0 10px #daa520cc;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.tab-btn.disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.25;pointer-events:none}.tab-content{min-height:400px}.admin-section{background:#0a0a0acc;border:1px solid #8b00004d;border-radius:12px;box-shadow:0 4px 20px #000c,inset 0 1px 2px #8b00001a;margin-bottom:2rem;padding:2rem}.section-title{color:#daa520;font-family:Cinzel,Georgia,serif;font-size:1.5rem;font-weight:700;letter-spacing:.05em;line-height:1.3;margin-bottom:2rem;text-shadow:0 0 10px #daa52080,0 2px 4px #000000e6}.form-group{margin-bottom:1.75rem}.form-group label{color:#f5f5f5;font-size:.9375rem;font-weight:600;margin-bottom:.75rem;text-shadow:0 1px 2px #000c}.form-group label,.form-input{font-family:Crimson Text,Georgia,serif;line-height:1.5}.form-input{background:#0009;border:1px solid #8b000066;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-input:focus{background:#000c;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b33,0 0 15px #8b00004d}.form-input::placeholder{color:#b8860b80}.number-input-group{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.number-btn{align-items:center;background:#8b00004d;border:1px solid #b8860b66;border-radius:6px;color:#daa520;cursor:pointer;display:flex;font-family:Cinzel,Georgia,serif;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:40px}.number-btn:hover{background:#8b000080;border-color:#b8860b;box-shadow:0 0 10px #daa52066;color:#ffbf00;transform:scale(1.05)}.number-btn:active{transform:scale(.95)}.number-input{background:#0009;border:1px solid #8b000066;border-radius:6px;color:#f5f5f5;font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:600;padding:.75rem;text-align:center;transition:all .2s ease;width:80px}.number-input:focus{background:#000c;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b33,0 0 15px #8b00004d;outline:none}.role-special-settings{border-top:1px solid #b8860b33;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.role-setting-label{color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:.8125rem;font-weight:500;letter-spacing:.01em}.number-input-group-small{align-items:center;display:flex;gap:.5rem}.number-btn-small{align-items:center;background:#8b00004d;border:1px solid #b8860b66;border-radius:5px;color:#daa520;cursor:pointer;display:flex;font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:32px}.number-btn-small:hover{background:#8b000080;border-color:#b8860b;box-shadow:0 0 8px #daa52066;color:#ffbf00;transform:scale(1.05)}.number-btn-small:active{transform:scale(.95)}.number-input-small{background:#0009;border:1px solid #8b000066;border-radius:5px;color:#f5f5f5;font-family:Cinzel,Georgia,serif;font-size:.875rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s ease;width:60px}.number-input-small:focus{background:#000c;border-color:#b8860b;box-shadow:0 0 0 2px #b8860b33,0 0 10px #8b00004d;outline:none}.input-hint{color:#b8860b;display:block;font-family:Crimson Text,Georgia,serif;font-size:.875rem;line-height:1.5;margin-top:.5rem;text-shadow:0 0 5px #b8860b4d}.button-group{display:flex;flex-wrap:wrap;gap:.75rem}.button-group button{background:#8b000033;border:1px solid #8b000066;border-radius:8px;color:#b8860b;cursor:pointer;flex:1 1;font-family:Crimson Text,Georgia,serif;font-size:.9375rem;font-weight:600;line-height:1.5;min-width:120px;padding:.875rem 1.25rem;text-shadow:0 0 5px #b8860b4d;transition:all .2s ease}.button-group button:hover{background:#8b00004d;border-color:#b8860b99;box-shadow:0 0 15px #8b00004d;color:#daa520;text-shadow:0 0 10px #daa52099}.button-group button.active{background:#8b000066;border-color:#b8860b;box-shadow:0 0 20px #8b000066,inset 0 1px 2px #daa52033;color:#daa520;font-weight:700;text-shadow:0 0 15px #daa520cc}.player-count-control{gap:2rem;margin:1.5rem 0}.count-btn,.player-count-control{align-items:center;display:flex;justify-content:center}.count-btn{background:#8b00004d;border:1px solid #b8860b66;border-radius:50%;color:#daa520;cursor:pointer;font-family:Cinzel,Georgia,serif;font-size:1.125rem;font-weight:700;height:36px;line-height:1;text-shadow:0 0 5px #daa52080;transition:all .2s ease;width:36px}.count-btn:hover:not(:disabled){background:#8b000066;border-color:#b8860b;text-shadow:0 0 8px #daa52099}.count-btn:disabled{cursor:not-allowed;opacity:.3}.count-value{color:#daa520;font-family:Cinzel,Georgia,serif;font-size:1.75rem;font-weight:700;letter-spacing:.02em;line-height:1;min-width:60px;text-align:center;text-shadow:0 0 8px #daa52080}.role-category{background:#00000080;border:1px solid #8b00004d;border-radius:8px;box-shadow:0 2px 15px #0009,inset 0 1px 2px #8b00001a;margin-bottom:2rem}.role-category-mafia{background:#8b000026;border:1px solid #dc143c66;box-shadow:0 2px 15px #0009,inset 0 1px 2px #dc143c1a}.category-title-mafia{border-bottom:2px solid #dc143c80;color:#dc143c;text-shadow:0 0 10px #dc143c99,0 2px 4px #000000e6}.role-category-town{background:#00648b26;border:1px solid #00bfff66;box-shadow:0 2px 15px #0009,inset 0 1px 2px #00bfff1a}.category-title-town{border-bottom:2px solid #00bfff80;color:#00bfff;text-shadow:0 0 10px #00bfff99,0 2px 4px #000000e6}.role-category-independent{background:#ff8c0026;border:1px solid #ffa50066;box-shadow:0 2px 15px #0009,inset 0 1px 2px #ffa5001a}.category-title-independent{border-bottom:2px solid #ffa50080;color:orange;text-shadow:0 0 10px #ffa50099,0 2px 4px #000000e6}.category-title{font-family:Cinzel,Georgia,serif;font-size:1.125rem;font-weight:700;letter-spacing:.1em;line-height:1.4;margin-bottom:1.25rem;padding-bottom:.75rem;text-transform:uppercase}.show-more-btn{background:#0000;border:1px solid #8b000066;border-radius:8px;color:#b8860b;cursor:pointer;font-family:Crimson Text,Georgia,serif;font-size:.875rem;font-weight:600;letter-spacing:.05em;line-height:1.5;margin-top:1.25rem;padding:.75rem 1rem;text-align:left;text-shadow:0 0 5px #b8860b4d;text-transform:uppercase;transition:all .2s ease;width:100%}.role-category-mafia .show-more-btn{border-color:#dc143c66;color:#ff6b9d;text-shadow:0 0 5px #ff6b9d4d}.role-category-mafia .show-more-btn:hover{background:#dc143c26;border-color:#dc143c99;box-shadow:0 0 15px #dc143c4d;color:#ff6b9d;text-shadow:0 0 10px #ff6b9d99}.role-category-town .show-more-btn{border-color:#00bfff66;color:#87ceeb;text-shadow:0 0 5px #87ceeb4d}.role-category-town .show-more-btn:hover{background:#00bfff26;border-color:#00bfff99;box-shadow:0 0 15px #00bfff4d;color:#87ceeb;text-shadow:0 0 10px #87ceeb99}.advanced-roles{animation:fadeIn .3s ease;border-top:2px solid #d4af3733;margin-top:1.5rem;padding-top:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.roles-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.role-config-card{background:#0009;border:1px solid #8b00004d;border-radius:8px;box-shadow:0 2px 10px #00000080;padding:1.25rem;transition:all .2s ease}.role-category-mafia .role-config-card{background:#8b00001a;border-color:#dc143c4d}.role-category-mafia .role-config-card:hover{background:#8b000033;border-color:#dc143c99;box-shadow:0 4px 15px #000000b3,0 0 20px #dc143c4d}.role-category-town .role-config-card{background:#00648b1a;border-color:#00bfff4d}.role-category-town .role-config-card:hover{background:#00648b33;border-color:#00bfff99;box-shadow:0 4px 15px #000000b3,0 0 20px #00bfff4d}.role-category-independent .role-config-card{background:#ff8c001a;border-color:#ffa5004d}.role-category-independent .role-config-card:hover{background:#ff8c0033;border-color:#ffa50099;box-shadow:0 4px 15px #000000b3,0 0 20px #ffa5004d}.role-header{margin-bottom:1rem}.role-info{display:flex;flex-direction:column;gap:.5rem}.role-title-row{align-items:center;display:flex;gap:.5rem}.role-info h4{color:#f5f5f5;flex:1 1;font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:600;line-height:1.4;margin:0;text-shadow:0 1px 2px #000c}.role-meta{align-items:center;display:flex;font-family:Crimson Text,Georgia,serif;font-size:.8125rem;gap:.75rem;justify-content:space-between}.role-power{color:#daa520;font-weight:600;text-shadow:0 0 6px #daa52066}.role-controls{gap:1.25rem}.role-btn,.role-controls{align-items:center;display:flex;justify-content:center}.role-btn{background:#8b00004d;border:1px solid #b8860b66;border-radius:4px;color:#daa520;cursor:pointer;font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:700;height:32px;line-height:1;text-shadow:0 0 5px #daa52080;transition:all .2s ease;width:32px}.role-category-mafia .role-btn{background:#dc143c33;border-color:#dc143c66;color:#ff6b9d}.role-category-mafia .role-btn:hover:not(:disabled){background:#dc143c66;border-color:#dc143c;text-shadow:0 0 8px #ff6b9d99}.role-category-town .role-btn{background:#00bfff33;border-color:#00bfff66;color:#87ceeb}.role-category-town .role-btn:hover:not(:disabled){background:#00bfff66;border-color:#00bfff;text-shadow:0 0 8px #87ceeb99}.role-category-independent .role-btn{background:#ffa50033;border-color:#ffa50066;color:gold}.role-category-independent .role-btn:hover:not(:disabled){background:#ffa50066;border-color:orange;text-shadow:0 0 8px #ffd70099}.role-btn:disabled{cursor:not-allowed;opacity:.3}.role-count{background:#0006;border:1px solid #fff3;border-radius:6px;color:#f5f5f5;display:inline-block;font-family:Cinzel,Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.2;min-width:40px;padding:.25rem .5rem;text-align:center;text-shadow:0 0 10px #fffc,0 2px 4px #000000e6,0 0 20px #daa52099}.role-category-mafia .role-count{background:#8b00004d;border-color:#ff6b9d66;color:#ffb3d9;text-shadow:0 0 12px #ffb3d9e6,0 2px 4px #000000e6,0 0 25px #ff6b9db3}.role-category-town .role-count{background:#00648b4d;border-color:#87ceeb66;color:#b3e5ff;text-shadow:0 0 12px #b3e5ffe6,0 2px 4px #000000e6,0 0 25px #87ceebb3}.role-category-independent .role-count{background:#ff8c004d;border-color:#ffd70066;color:#fff4b3;text-shadow:0 0 12px #fff4b3e6,0 2px 4px #000000e6,0 0 25px #ffd700b3}.power-balance-chart{background:linear-gradient(145deg,#000000d9,#14000099 50%,#000000d9),radial-gradient(circle at 50% 0,#b8860b14 0,#0000 70%);border:1px solid #b8860b26;border-radius:10px;box-shadow:0 2px 8px #0006,0 8px 24px #0000004d,inset 0 1px 0 #ffffff08,inset 0 -1px 0 #00000080;margin-top:1.25rem;overflow:hidden;padding:1.75rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.power-balance-chart:before{background:linear-gradient(90deg,#0000,#b8860b4d 50%,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.power-balance-chart:hover{border-color:#b8860b40;box-shadow:0 4px 12px #00000080,0 12px 32px #0006,inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0009;transform:translateY(-1px)}.chart-header{align-items:center;border-bottom:1px solid #b8860b1f;display:flex;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.125rem;position:relative}.chart-header:after{background:linear-gradient(90deg,#b8860b66,#0000);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:40px}.chart-title{color:#daa520;font-family:Cinzel,Georgia,serif;font-size:1rem;font-size:.9375rem;font-weight:600;letter-spacing:.08em;margin:0;text-shadow:0 0 8px #daa5204d,0 1px 2px #000c;text-transform:uppercase}.balance-indicator{align-items:center;display:flex}.balance-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;border-style:solid;border-width:1px;font-family:Crimson Text,Georgia,serif;font-size:.8125rem;font-weight:500;letter-spacing:.02em;padding:.375rem .875rem;text-shadow:0 1px 2px #0009;transition:all .35s cubic-bezier(.4,0,.2,1)}.balance-status.balanced{background:linear-gradient(135deg,#00960026,#0078001a);border-color:#00960040;box-shadow:0 0 8px #00960033,inset 0 1px 1px #ffffff1a;color:#7fdb7f}.balance-status.moderate{background:linear-gradient(135deg,#ffa50026,#ff8c001a);border-color:#ffa50040;box-shadow:0 0 8px #ffa50033,inset 0 1px 1px #ffffff1a;color:#ffb84d}.balance-status.unbalanced{background:linear-gradient(135deg,#dc143c26,#b400281a);border-color:#dc143c40;box-shadow:0 0 8px #dc143c33,inset 0 1px 1px #ffffff1a;color:#ff7ba3}.chart-content{display:flex;flex-direction:column;gap:1rem}.team-labels-row{align-items:flex-start;display:flex;gap:0;justify-content:space-between;padding:0;position:relative}.team-divider{align-self:stretch;background:linear-gradient(180deg,#0000,#b8860b4d 10%,#b8860b80 50%,#b8860b4d 90%,#0000);margin:0 1.5rem;min-width:1px;position:relative;width:1px}.team-divider:before{background:#b8860b99;border-radius:50%;box-shadow:0 0 8px #b8860b66;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.team-label-item{display:flex;flex:1 1;flex-direction:column;gap:.375rem;padding:0 .5rem}.mafia-label{align-items:flex-start;text-align:left}.mafia-label .team-name{align-self:flex-start;color:#ff7ba3;text-shadow:0 0 6px #ff7ba366,0 1px 2px #000c}.mafia-label .team-stats{align-self:flex-start}.town-label{align-items:flex-end;text-align:right}.town-label .team-name{align-self:flex-end;color:#7db8e8;text-shadow:0 0 6px #7db8e866,0 1px 2px #000c}.town-label .team-stats{align-self:flex-end}.team-name{font-family:Cinzel,Georgia,serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.team-stats{color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:.75rem;font-weight:400;letter-spacing:.01em;opacity:.75}.team-roles{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.mafia-label .team-roles{justify-content:flex-start}.town-label .team-roles{justify-content:flex-end}.role-badge{align-items:center;background:#0000004d;border:1px solid #b8860b33;border-radius:4px;color:#daa520;display:inline-flex;font-family:Crimson Text,Georgia,serif;font-size:.6875rem;font-weight:400;gap:.25rem;letter-spacing:.01em;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.mafia-label .role-badge{background:#ff7ba31a;border-color:#ff7ba34d;color:#ff7ba3}.town-label .role-badge{background:#7db8e81a;border-color:#7db8e84d;color:#7db8e8}.power-bar-container-combined{background:linear-gradient(180deg,#0009,#000000b3),radial-gradient(circle at center,#b8860b0d 0,#0000 70%);border:1px solid #b8860b1a;border-radius:8px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff05,0 1px 2px #0000004d;display:flex;flex-direction:row;height:2.75rem;overflow:hidden;position:relative;width:100%}.power-bar-container-combined:before{background:linear-gradient(90deg,#0000,#b8860b33 50%,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.power-bar{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;min-width:65px;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1),box-shadow .4s ease,opacity .3s ease}.power-bar:before{background:linear-gradient(180deg,#ffffff14,#0000 50%,#0000001a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mafia-bar{background:linear-gradient(90deg,#b4002866,#dc143c80 30%,#ff6b9d73 70%,#ff7ba366);border-radius:8px 0 0 8px;border-right:1px solid #ff7ba34d;box-shadow:0 0 12px #ff6b9d40,0 0 24px #ff6b9d26,inset 0 1px 2px #ffffff1f,inset 0 -1px 1px #0003}.mafia-bar:hover{border-right-color:#ff7ba366;box-shadow:0 0 16px #ff6b9d59,0 0 32px #ff6b9d33,inset 0 1px 2px #ffffff26,inset 0 -1px 1px #00000040}.town-bar{background:linear-gradient(90deg,#00507866,#00648b80 30%,#87ceeb73 70%,#7db8e866);border-left:1px solid #7db8e84d;border-radius:0 8px 8px 0;box-shadow:0 0 12px #87ceeb40,0 0 24px #87ceeb26,inset 0 1px 2px #ffffff1f,inset 0 -1px 1px #0003;margin-left:auto}.town-bar:hover{border-left-color:#7db8e866;box-shadow:0 0 16px #87ceeb59,0 0 32px #87ceeb33,inset 0 1px 2px #ffffff26,inset 0 -1px 1px #00000040}.power-value{color:#f5f5f5;font-family:Cinzel,Georgia,serif;font-size:.8125rem;font-weight:600;letter-spacing:.05em;position:relative;text-shadow:0 0 8px #000000e6,0 1px 3px #000c,0 0 12px #ffffff1a;white-space:nowrap;z-index:2}.chart-footer{border-top:1px solid #b8860b1f;margin-top:1.5rem;padding-top:1.125rem;position:relative}.chart-footer:before{background:linear-gradient(90deg,#b8860b66,#0000);content:"";height:1px;left:0;position:absolute;top:-1px;width:40px}.chart-hint{color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:.75rem;font-weight:400;letter-spacing:.01em;line-height:1.6;margin:0;opacity:.7;text-align:center}@media (max-width:768px){.power-balance-chart{border-radius:8px;margin-top:1rem;padding:1.5rem 1.25rem}.chart-header{align-items:flex-start;flex-direction:column;gap:.875rem;margin-bottom:1.5rem;padding-bottom:1rem}.chart-title{font-size:.875rem}.balance-status{font-size:.75rem;padding:.3125rem .75rem}.chart-content{gap:.875rem}.team-labels-row{flex-direction:row;gap:0}.team-divider{background:linear-gradient(180deg,#0000,#b8860b4d 10%,#b8860b80 50%,#b8860b4d 90%,#0000);height:auto;margin:0 1rem;min-height:auto;min-width:1px;width:1px}.team-divider:before{height:4px;width:4px}.team-label-item{padding:0;width:100%}.team-name{font-size:.8125rem}.team-stats{font-size:.6875rem}.team-roles{gap:.3125rem;margin-top:.375rem}.role-badge{font-size:.625rem;gap:.1875rem;padding:.1875rem .375rem}.power-bar-container-combined{height:2.5rem}.power-bar{min-width:55px}.power-value{font-size:.75rem}.chart-footer{margin-top:1.25rem;padding-top:1rem}.chart-hint{font-size:.6875rem;line-height:1.5}.role-count{font-size:1.375rem;min-width:35px;padding:.2rem .4rem}}@media (max-width:480px){.power-balance-chart{padding:1.25rem 1rem}.chart-header{gap:.75rem;margin-bottom:1.25rem}.chart-title{font-size:.8125rem}.balance-status{font-size:.6875rem;padding:.25rem .625rem}.chart-content{gap:.75rem}.team-labels-row{gap:0}.team-divider{margin:0 .75rem}.team-roles{gap:.25rem;margin-top:.3125rem}.role-badge{font-size:.5625rem;gap:.125rem;padding:.125rem .3125rem}.power-bar-container-combined{height:2.25rem}.power-bar{min-width:50px}.power-value{font-size:.6875rem}.role-count{font-size:1.25rem;min-width:32px;padding:.15rem .35rem}}.advanced-toggle-section{border-top:1px solid #d4af371a;margin-top:2rem;padding-top:2rem}.advanced-toggle-btn{background:#0000;border:1px solid #8b000066;border-radius:8px;color:#b8860b;cursor:pointer;font-family:Crimson Text,Georgia,serif;font-size:.9375rem;font-weight:600;line-height:1.5;padding:.875rem 1.25rem;text-shadow:0 0 5px #b8860b4d;transition:all .2s ease;width:100%}.advanced-toggle-btn:hover{background:#8b000033;border-color:#b8860b99;box-shadow:0 0 15px #8b00004d;color:#daa520;text-shadow:0 0 10px #daa52099}.advanced-settings{animation:fadeIn .3s ease;border-top:1px solid #d4af371a;margin-top:1.5rem;padding-top:1.5rem}.tooltip-trigger{cursor:pointer;display:inline-block;margin-left:.5rem;position:relative;vertical-align:middle;z-index:1}.tooltip-icon{align-items:center;background:#8b000066;border:1px solid #b8860b80;border-radius:50%;color:#daa520;cursor:pointer;display:inline-flex;font-family:Crimson Text,Georgia,serif;font-size:.875rem;font-weight:700;height:22px;justify-content:center;line-height:1;pointer-events:auto;text-shadow:0 0 8px #daa52099;transition:all .2s ease;user-select:none;-webkit-user-select:none;width:22px}.tooltip-icon:hover{background:#8b000099;border-color:#daa520;box-shadow:0 0 15px #daa520cc,0 0 25px #8b000066;transform:scale(1.1)}.tooltip-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.tooltip-popup{animation:popupSlideIn .3s ease;background:#000000f2;border:2px solid #8b000099;border-radius:12px;box-shadow:0 8px 40px #000000e6,0 0 60px #8b000080,inset 0 1px 2px #daa5201a;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tooltip-popup-header{align-items:center;background:#8b000033;border-bottom:1px solid #8b000066;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.tooltip-popup-title{color:#daa520;font-family:Cinzel,Georgia,serif;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 0 10px #daa52099,0 2px 4px #000000e6}.tooltip-popup-close{align-items:center;background:#8b000066;border:1px solid #b8860b80;border-radius:50%;color:#daa520;cursor:pointer;display:flex;font-family:Crimson Text,Georgia,serif;font-size:1.5rem;font-weight:700;height:32px;justify-content:center;line-height:1;text-shadow:0 0 5px #daa52099;transition:all .2s ease;width:32px}.tooltip-popup-close:hover{background:#8b000099;border-color:#daa520;box-shadow:0 0 15px #daa520cc,0 0 25px #8b000066;transform:scale(1.1)}.tooltip-popup-content{flex:1 1;overflow-y:auto;padding:1.5rem}.tooltip-popup-content p{color:#f5f5f5;font-family:Crimson Text,Georgia,serif;font-size:1rem;font-weight:400;line-height:1.6;margin:0;text-shadow:0 1px 2px #000c}.tab-navigation{border-top:1px solid #8b00004d;display:flex;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:2rem}.nav-btn{align-items:center;background:#8b000033;border:1px solid #b8860b66;border-radius:6px;color:#daa520;cursor:pointer;display:flex;font-family:Crimson Text,Georgia,serif;font-size:.875rem;font-weight:600;gap:.5rem;line-height:1.5;padding:.625rem 1.25rem;text-shadow:0 0 5px #daa52066;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#8b00004d;border-color:#b8860b;text-shadow:0 0 8px #daa52099}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.nav-btn.disabled:hover{background:#d4af371a;border-color:#d4af374d}.create-room-footer{border-top:1px solid #d4af371a;margin-top:3rem;padding-top:2rem}.btn-create-room{align-items:center;background:#8b00004d;border:1px solid #b8860b66;border-radius:6px;color:#daa520;cursor:pointer;display:flex;font-family:Crimson Text,Georgia,serif;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.05em;line-height:1.5;padding:.75rem 1.5rem;text-shadow:0 0 5px #daa52066;text-transform:uppercase;transition:all .2s ease;width:100%}.btn-create-room:hover:not(:disabled){background:#8b000066;border-color:#b8860b;box-shadow:0 2px 10px #8b00004d;text-shadow:0 0 10px #daa52099}.btn-create-room:disabled{cursor:not-allowed;opacity:.5}.create-room-hint{color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:.875rem;line-height:1.5;margin-top:1rem;opacity:.8;text-align:center}.btn-arrow{font-size:1.125rem;line-height:1;transition:transform .3s ease}.btn-create-room:hover:not(:disabled) .btn-arrow{transform:translateX(5px)}.room-created{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:4rem 2rem;text-align:center}.room-created h2{color:#2ecc71;font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:700;line-height:1.2;margin:2rem 0}.room-codes{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0;max-width:800px;width:100%}.code-display{background:#1a1a1acc;border:2px solid #d4af374d;border-radius:12px;padding:2rem}.code-display label{color:#c9a227;display:block;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:1rem}.code-value{color:#d4af37;font-family:Inter,monospace;font-size:2rem;font-weight:700;letter-spacing:.1em;line-height:1.2;margin-bottom:1.5rem}.code-display button{background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;color:#d4af37;cursor:pointer;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.5;padding:.875rem 1.25rem;transition:all .2s ease;width:100%}.code-display button:hover{background:#d4af3733;border-color:#d4af37}.form-group input[type=checkbox]{accent-color:#d4af37;cursor:pointer;height:20px;margin-right:.75rem;width:20px}.form-group label{align-items:center;cursor:pointer;display:flex}.form-hint{color:#b8860b;font-size:.8125rem;font-style:italic;margin:.5rem 0 0 1.75rem;text-shadow:0 0 3px #b8860b33}.capacity-label,.form-hint{font-family:Crimson Text,Georgia,serif;line-height:1.5}.capacity-label{color:#f5f5f5;display:block;font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.player-capacity-display{align-items:baseline;background:#8b000033;border:1px solid #b8860b4d;border-radius:6px;display:inline-flex;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem}.capacity-number{color:#daa520;font-family:Cinzel,Georgia,serif;font-size:1.25rem;font-weight:700;line-height:1;text-shadow:0 0 5px #daa52066}.capacity-text{color:#b8860b;font-size:.875rem;font-weight:400;text-shadow:0 0 3px #b8860b33}.capacity-hint,.capacity-text{font-family:Crimson Text,Georgia,serif}.capacity-hint{color:#c9a227;font-size:.8125rem;font-style:italic;line-height:1.5;margin:0}.capacity-hint strong{color:#daa520;font-weight:600}.btn-ai-setup{align-items:center;background:linear-gradient(135deg,#8b000026,#0000004d);border:1px solid #b8860b40;border-radius:8px;box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #ffffff0d;color:#daa520;cursor:pointer;display:flex;font-family:Crimson Text,Georgia,serif;gap:.625rem;justify-content:center;overflow:hidden;padding:.625rem 1.25rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-ai-setup:before{background:linear-gradient(90deg,#0000,#b8860b1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-ai-setup:hover{background:linear-gradient(135deg,#8b000033,#0006);border-color:#b8860b66;box-shadow:0 4px 8px #0006,inset 0 1px 1px #ffffff14,0 0 15px #b8860b33;color:#ffbf00;text-shadow:0 0 8px #daa52066,0 1px 2px #000c;transform:translateY(-1px)}.btn-ai-setup:hover:before{left:100%}.btn-ai-setup:active{box-shadow:0 1px 2px #0006,inset 0 1px 2px #0000004d;transform:translateY(0)}.ai-icon{font-size:.875rem;line-height:1;opacity:.9;transition:all .3s ease}.btn-ai-setup:hover .ai-icon{opacity:1;transform:scale(1.1)}.ai-text{font-family:Crimson Text,Georgia,serif;font-size:.875rem;font-weight:500;letter-spacing:.02em;text-shadow:0 0 5px #daa5204d;transition:all .3s ease}.btn-ai-setup:hover .ai-text{text-shadow:0 0 8px #daa52080,0 1px 2px #000c}.ai-hint{color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:.75rem;font-style:italic;letter-spacing:.01em;line-height:1.5;margin-top:.625rem;opacity:.75;text-align:center}@media (max-width:768px){.admin-page{font-size:15px}.admin-header{padding:2rem 1rem 1.25rem}.back-to-home{display:inline-block;margin-bottom:1rem;position:static}.admin-logo-image{max-width:250px}.admin-main{padding:0 1rem 2rem}.admin-section{padding:1.5rem}.section-title{font-size:1.25rem}.roles-grid,.room-codes{grid-template-columns:1fr}.player-count-control{gap:1.5rem}.count-btn{font-size:1.375rem;height:44px;width:44px}.count-value{font-size:2.25rem}.tabs-container{border-radius:8px;box-shadow:0 1px 8px #00000080,inset 0 1px 2px #ffffff05;gap:.3rem;margin-bottom:1.5rem;padding:.5rem}.tab-btn{font-size:.8125rem;letter-spacing:.05em;min-width:115px;padding:.8rem 1rem}.tab-btn.active:after{width:60%}.tab-navigation{flex-direction:column;gap:.75rem}.nav-btn{width:100%}.nav-btn.next-btn,.nav-btn.prev-btn{margin:0}}@media (max-width:480px){.admin-page{font-size:14px}.admin-header h1{font-size:1.5rem}.admin-subtitle{font-size:.9375rem}.section-title{font-size:1.125rem}.tooltip-popup{max-height:85vh;max-width:none;width:95%}.tooltip-popup-header{padding:1rem 1.25rem}.tooltip-popup-title{font-size:1.125rem}.tooltip-popup-content{padding:1.25rem}.tooltip-popup-content p{font-size:.9375rem}.form-group label{font-size:.875rem}.form-input{font-size:.9375rem;padding:.75rem .875rem}.button-group button{font-size:.875rem;padding:.75rem 1rem}}.connection-status-badge{border-radius:20px;display:inline-block;font-size:.9em;font-weight:600;padding:8px 16px}.connection-status-badge.connected{background:#2ecc7133;color:#2ecc71}.connection-status-badge.disconnected{background:#e74c3c33;color:#e74c3c}.connection-error-banner{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 20px #0000004d;color:#fff;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.error-content{margin:0 auto;max-width:1200px}.error-content h3{font-size:1.5em;margin:0 0 10px}.error-content p{font-size:1.1em;margin:10px 0}.error-help{background:#0003;border-radius:10px;margin-top:15px;padding:20px}.error-help p{margin-bottom:10px}.error-help ol{margin:10px 0;padding-left:25px}.error-help li{line-height:1.6;margin-bottom:8px}.error-help code{background:#0000004d;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:4px 8px}.join-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.join-header{border-bottom:3px solid #e63946;padding:40px 20px;text-align:center}.join-header h1{font-size:3em;margin-bottom:10px}.connection-status{margin-top:15px}.join-main{flex:1 1;margin:60px auto;max-width:600px;padding:0 20px;width:100%}.join-form{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #333;border-radius:15px;margin-bottom:40px;padding:40px}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:1.1em;font-weight:500;margin-bottom:10px}.form-input{background:#0a0a0a;border:2px solid #333;border-radius:8px;color:#f5f5f5;font-family:Courier New,monospace;font-size:1.2em;letter-spacing:3px;padding:15px;text-align:center;width:100%}.form-input:focus{border-color:#e63946;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#e74c3c33;border:2px solid #e74c3c;border-radius:8px;color:#e74c3c;margin-bottom:20px;padding:15px;text-align:center}.btn-join{background:linear-gradient(135deg,#e63946,#ff4757);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.3em;font-weight:700;padding:18px;transition:all .3s;width:100%}.btn-join:hover:not(:disabled){box-shadow:0 8px 25px #e6394680;transform:translateY(-3px)}.btn-join:disabled{cursor:not-allowed;opacity:.5}.join-help{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #333;border-radius:15px;padding:30px}.join-help h3{font-size:1.5em;margin-bottom:20px}.join-help ol{line-height:2;padding-left:25px}.join-help li{color:#b0b0b0;margin-bottom:10px}@media (max-width:768px){.join-header h1{font-size:2.5em}.join-form{padding:30px 20px}}.game-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#f5f5f5;min-height:100vh}.game-header{align-items:center;border-bottom:3px solid #e63946;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px}.game-info h1{font-size:2em;margin:0}.connection-status{border-radius:20px;display:inline-block;font-weight:600;margin-top:10px;padding:8px 16px}.connection-status.connected{background:#2ecc7133;color:#2ecc71}.connection-status.disconnected{background:#e74c3c33;color:#e74c3c}.phase-indicator{align-items:center;display:flex;gap:15px}.phase-badge{background:linear-gradient(135deg,#2c3e50,#34495e);font-size:1.1em;font-weight:600}.day-number,.phase-badge{border-radius:20px;padding:10px 20px}.day-number{background:#e63946;font-weight:700}.game-main{margin:0 auto;max-width:1200px;padding:40px 20px}.lobby-phase{text-align:center}.lobby-phase h2{font-size:2.5em;margin-bottom:40px}.players-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:40px}.player-item{align-items:center;background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #333;border-radius:12px;display:flex;gap:15px;justify-content:space-between;padding:20px}.player-name{font-size:1.1em;font-weight:600}.host-badge{background:#e63946;border-radius:12px;font-size:.8em;padding:4px 10px}.connection-indicator.online{color:#2ecc71}.connection-indicator.offline{color:#e74c3c}.lobby-message{color:#b0b0b0;font-size:1.2em;margin-top:30px}.lobby-actions{margin-top:40px;text-align:center}.btn-start-game{background:linear-gradient(135deg,#e63946,#ff4757);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.3em;font-weight:700;padding:18px 40px;transition:all .3s}.btn-start-game:hover:not(:disabled){box-shadow:0 8px 25px #e6394680;transform:translateY(-3px)}.btn-start-game:disabled{cursor:not-allowed;opacity:.5}.start-warning{color:#f1c40f;font-size:1.1em;margin-top:15px}.day-phase,.night-phase,.voting-phase{text-align:center}.day-phase h2,.night-phase h2,.voting-phase h2{font-size:2.5em;margin-bottom:20px}.phase-description{color:#b0b0b0;font-size:1.2em;margin-bottom:40px}.my-role-info{margin-bottom:40px}.role-card{align-items:center;background:linear-gradient(135deg,#1a1a1a,#252525);border:3px solid #e63946;border-radius:15px;display:flex;gap:20px;margin:0 auto;max-width:400px;padding:30px}.role-emoji{font-size:4em}.role-card h3{font-size:2em;margin:0 0 10px}.role-team{color:#b0b0b0;font-size:1.1em}.night-action-panel,.voting-panel{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #333;border-radius:15px;margin-top:30px;padding:40px}.night-action-panel h3,.voting-panel h3{font-size:1.5em;margin-bottom:30px}.target-list,.voting-panel{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.target-button,.vote-button{background:#0a0a0a;border:2px solid #333;border-radius:10px;color:#f5f5f5;cursor:pointer;font-size:1.1em;font-weight:600;padding:15px 20px;transition:all .3s}.target-button:hover:not(:disabled),.vote-button:hover:not(:disabled){border-color:#e63946;transform:translateY(-3px)}.target-button.selected,.vote-button.selected{background:#e63946;border-color:#e63946;color:#fff}.target-button:disabled,.vote-button:disabled{cursor:not-allowed;opacity:.5}.action-confirmed,.vote-confirmed{background:#2ecc7133;border:2px solid #2ecc71;border-radius:10px;color:#2ecc71;font-size:1.1em;font-weight:600;margin-top:20px;padding:15px}.no-action{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #333;border-radius:15px;margin-top:30px;padding:40px}.no-action p{color:#b0b0b0;font-size:1.3em}.investigation-result{background:#f1c40f33;border:2px solid #f1c40f;border-radius:10px;margin-top:30px;padding:20px}.investigation-result h4{color:#f1c40f;margin:0 0 10px}.investigation-result p{color:#f1c40f;font-size:1.2em;font-weight:600}.alive-players{margin-top:40px}.players-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.player-card{align-items:center;background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #333;border-radius:12px;display:flex;justify-content:space-between;padding:20px}.status.online{color:#2ecc71}.status.offline{color:#e74c3c}.game-ended{padding:60px 20px;text-align:center}.game-ended h2{font-size:3em;margin-bottom:30px}.winner-announcement{background:linear-gradient(135deg,#1a1a1a,#252525);border:3px solid #2ecc71;border-radius:15px;margin:40px auto;max-width:500px;padding:40px}.winner-announcement h3{color:#2ecc71;font-size:2.5em;margin:0}.btn-new-game{background:linear-gradient(135deg,#e63946,#ff4757);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.3em;font-weight:700;margin-top:30px;padding:18px 40px;transition:all .3s}.btn-new-game:hover{box-shadow:0 8px 25px #e6394680;transform:translateY(-3px)}.eliminated-section{border-top:2px solid #333;margin-top:60px;padding-top:40px}.eliminated-section h3{font-size:1.8em;margin-bottom:20px}.eliminated-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.eliminated-player{background:linear-gradient(135deg,#2a1a1a,#1a0a0a);border:2px solid #401515;border-radius:10px;display:flex;flex-direction:column;gap:8px;opacity:.7;padding:15px}.eliminated-player .player-name{font-weight:600;text-decoration:line-through}.eliminated-player .player-team{color:#b0b0b0;font-size:.9em}.eliminated-player .player-role{color:#e63946;font-size:.9em}@media (max-width:768px){.game-header{flex-direction:column;text-align:center}.players-grid,.target-list,.voting-panel{grid-template-columns:1fr}}.tv-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#f5f5f5;font-size:1.5em;min-height:100vh}.tv-header{align-items:center;border-bottom:4px solid #e63946;display:flex;justify-content:space-between;padding:30px 40px}.tv-header h1{font-size:3em;margin:0}.tv-info{align-items:center;display:flex;font-size:1.2em;gap:30px}.room-code{font-family:Courier New,monospace;font-weight:700;letter-spacing:3px}.connection-status,.room-code{font-size:1.5em}.tv-main{padding:60px 40px}.tv-phase-display{margin-bottom:60px;text-align:center}.phase-badge-large{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:30px;display:inline-block;font-size:3em;font-weight:700;margin-bottom:20px;padding:30px 60px}.day-number-large{background:#e63946;border-radius:25px;display:inline-block;font-size:2em;font-weight:700;padding:20px 40px}.tv-game,.tv-lobby{margin:0 auto;max-width:1400px}.tv-lobby h2{font-size:2.5em;margin-bottom:60px;text-align:center}.tv-players-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tv-player-card{background:linear-gradient(135deg,#1a1a1a,#252525);border:3px solid #333;border-radius:20px;padding:40px;text-align:center;transition:all .3s}.tv-player-card.alive{border-color:#2ecc71;box-shadow:0 0 20px #2ecc714d}.tv-player-card.eliminated{background:linear-gradient(135deg,#2a1a1a,#1a0a0a);border-color:#e74c3c;opacity:.6}.tv-player-name{font-size:1.8em;font-weight:700;margin-bottom:15px}.tv-host-badge{background:#e63946;border-radius:15px;display:inline-block;font-size:1em;margin-top:10px;padding:8px 16px}.tv-status{font-size:1.5em;margin-top:15px}.tv-player-info{display:flex;flex-direction:column;gap:10px;margin-top:15px}.tv-role,.tv-team{border-radius:10px;font-size:1.2em;padding:8px 16px}.tv-team{background:#3498db33;color:#3498db}.tv-role{background:#e6394633;color:#e63946}.tv-alive-section,.tv-eliminated-section{margin-bottom:80px}.tv-alive-section h2,.tv-eliminated-section h2{font-size:2.5em;margin-bottom:40px;text-align:center}.tv-winner{padding:100px 40px;text-align:center}.tv-winner h2{color:#2ecc71;font-size:4em;text-shadow:0 0 30px #2ecc7180}@media (max-width:1920px){.tv-page{font-size:1.2em}}@media (max-width:1366px){.tv-page{font-size:1em}.tv-players-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.help-page{background:#0a0a0a;color:#f5f5f5;min-height:100vh}.help-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid #ffffff0d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;gap:.75rem;text-decoration:none}.logo-icon{filter:drop-shadow(0 0 15px rgba(139,92,246,.6));font-size:2rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text}.btn-back{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-back:hover{background:#ffffff1a;border-color:#fff3}.help-content{margin:0 auto;max-width:1000px;padding:4rem 2rem}.help-header{margin-bottom:4rem;text-align:center}.help-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem}.help-header p{color:#b0b0b0;font-size:1.25rem}.help-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:4rem;padding:2.5rem}.help-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem}.help-steps{display:flex;flex-direction:column;gap:2rem}.help-step{align-items:flex-start;display:flex;gap:1.5rem}.step-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;box-shadow:0 4px 15px #8b5cf64d;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.step-content h3,.step-number{color:#fff;font-size:1.5rem;font-weight:700}.step-content h3{margin-bottom:1rem}.step-content p{color:#b0b0b0;font-size:1rem;line-height:1.8;margin-bottom:1rem}.step-content ul{color:#b0b0b0;line-height:1.8;padding-left:1.5rem}.step-content li{margin-bottom:.5rem}.roles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.role-category{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem}.role-category h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.role-list{display:flex;flex-direction:column;gap:1rem}.role-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:1rem}.role-item strong{color:#fff;display:block;font-size:1.1rem;margin-bottom:.5rem}.role-item p{color:#b0b0b0;font-size:.9rem;line-height:1.6}.ai-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ai-feature-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;transition:all .3s ease}.ai-feature-item.featured{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:2px solid #8b5cf64d}.ai-feature-item:hover{border-color:#ffffff1a;transform:translateY(-5px)}.ai-feature-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.ai-icon{font-size:2rem}.ai-feature-header h3{color:#fff;flex:1 1;font-size:1.25rem;font-weight:700}.featured-badge{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.ai-feature-item p{color:#b0b0b0;font-size:1rem;line-height:1.7}.settings-list{list-style:none;padding:0}.settings-list li{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;color:#b0b0b0;line-height:1.7;margin-bottom:.75rem;padding:1rem}.settings-list strong{color:#fff}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#ffffff1a}.faq-item summary{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:1.5rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:#8b5cf6;content:"+";font-size:1.5rem;transition:transform .3s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{animation:slideDown .3s ease;color:#b0b0b0;line-height:1.7;padding:0 1.5rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-cta{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid #ffffff1a;border-radius:20px;margin-top:4rem;padding:3rem;text-align:center}.help-cta h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.help-cta p{color:#b0b0b0;font-size:1.25rem;margin-bottom:2rem}.help-cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn-cta-primary,.btn-cta-secondary{border-radius:12px;display:inline-block;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-cta-primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 8px 30px #8b5cf666;color:#fff}.btn-cta-primary:hover{box-shadow:0 12px 40px #8b5cf699;transform:translateY(-3px)}.btn-cta-secondary{background:#ffffff0d;border:2px solid #ffffff1a;color:#fff}.btn-cta-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px)}@media (max-width:768px){.help-content{padding:2rem 1rem}.help-section{padding:1.5rem}.help-step{flex-direction:column}.ai-features,.roles-grid{grid-template-columns:1fr}.help-cta-buttons{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{text-align:center;width:100%}}
/*# sourceMappingURL=main.cae0df2b.css.map*/