@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);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&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{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}.phase-badge{background:linear-gradient(135deg,#2c3e50,#34495e)}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}.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}.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);border-radius:15px;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{display:flex;flex-direction:column;gap:10px}.stat-label{color:#b0b0b0;color:var(--text-secondary);font-size:.9em}.stat-value{color:#e63946;color:var(--accent-red);font-size:2em;font-weight:700}.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-simple{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:radial-gradient(circle at 50% 50%,#8b000026 0,#000000f2 60%),radial-gradient(circle at 20% 30%,#6003 0,#0000 50%),radial-gradient(circle at 80% 70%,#9a72091f 0,#0000 50%),linear-gradient(180deg,#000000fa,#140000fc);color:#f5f5f5;display:flex;font-family:Crimson Text,Georgia,serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.home-page-simple:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#66000008 0,#66000008 4px);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.animated-background{inset:0;pointer-events:none;position:absolute;z-index:0}.bg-particle{animation:particleFloat 20s ease-in-out infinite;background:radial-gradient(circle,#6006 0,#0000 70%);border-radius:50%;box-shadow:0 0 100px #6600004d;filter:blur(50px);position:absolute}.particle-1{animation-duration:25s;height:300px;left:10%;top:10%;width:300px}.particle-2{animation-delay:-5s;animation-duration:30s;background:radial-gradient(circle,#9a720940 0,#0000 70%);height:250px;right:15%;top:60%;width:250px}.particle-3{animation-delay:-10s;animation-duration:35s;background:radial-gradient(circle,#6003 0,#0000 70%);bottom:20%;height:200px;left:20%;width:200px}.particle-4{animation-delay:-7s;animation-duration:28s;height:180px;right:30%;top:30%;width:180px}.particle-5{animation-delay:-12s;animation-duration:32s;background:radial-gradient(circle,#9a720933 0,#0000 70%);bottom:30%;height:220px;right:10%;width:220px}@keyframes particleFloat{0%,to{opacity:.6;transform:translate(0) scale(1)}25%{opacity:.8;transform:translate(30px,-30px) scale(1.1)}50%{opacity:.7;transform:translate(-20px,20px) scale(.9)}75%{opacity:.75;transform:translate(25px,15px) scale(1.05)}}.home-container-simple{align-items:center;display:flex;flex-direction:column;gap:3rem;max-width:600px;opacity:0;position:relative;text-align:center;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;width:100%;z-index:2}.home-container-simple.fade-in{opacity:1;transform:translateY(0)}.home-logo-section{align-items:center;animation:logoEntrance 1s ease-out;display:flex;justify-content:center;margin-bottom:2rem;position:relative;z-index:2}.logo-wrapper-animated{background:#0000;display:inline-block;padding:0;position:relative}.mafia-logo-image{animation:logoFloat 4s ease-in-out infinite;background:#0000!important;filter:drop-shadow(0 10px 50px rgba(139,0,0,.9)) drop-shadow(0 5px 25px rgba(184,134,11,.7)) drop-shadow(0 0 40px rgba(139,0,0,.5));height:auto;max-height:600px;max-width:600px;object-fit:contain;position:relative;transition:transform .3s ease;width:auto;z-index:1}.mafia-logo-image:hover{transform:scale(1.05)}.logo-glow{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#8b000099 0,#b8860b4d 30%,#0000 70%);filter:blur(50px);inset:-40px;position:absolute;z-index:0}@keyframes logoEntrance{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.fallback-title{animation:textGlow 2s ease-in-out infinite;color:#d4af37;font-family:Cinzel,serif;font-size:3rem;text-shadow:2px 2px 8px #000c}@keyframes textGlow{0%,to{text-shadow:2px 2px 8px #000c,0 0 10px #d4af374d}50%{text-shadow:2px 2px 8px #000c,0 0 20px #d4af3799}}.fallback-subtitle{color:#888;font-size:1.1rem;letter-spacing:.15em;margin:.5rem 0 0}.home-title-section{animation:titleEntrance 1s ease-out .2s both;display:flex;flex-direction:column;gap:.5rem}.home-title-simple{color:#f5f5f5;display:flex;flex-wrap:wrap;font-family:Cinzel,serif;font-size:3.5rem;font-weight:700;gap:1rem;justify-content:center;letter-spacing:.05em;margin:0;text-shadow:2px 2px 8px #000c}.title-word{animation:wordSlide .8s ease-out both;display:inline-block}.title-word:first-child{animation-delay:.4s}.title-word:nth-child(2){animation-delay:.6s}@keyframes wordSlide{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes titleEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-subtitle-simple{animation:subtitleFade 1s ease-out .8s both;color:#a0a0a0;font-size:1.25rem;font-style:italic;margin:0}.subtitle-typing{animation:typing 2s steps(30) 1s both,blink .75s step-end infinite;border-right:2px solid #a0a0a080;display:inline-block;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:#a0a0a080}51%,to{border-color:#0000}}@keyframes subtitleFade{0%{opacity:0}to{opacity:1}}.stats-display{align-items:center;animation:statsEntrance 1s ease-out 1.2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #8b00004d;border-radius:12px;display:flex;gap:1.5rem;padding:1rem 2rem}.stat-item-display{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:1.75rem;line-height:1}.stat-label-display{color:#a0a0a0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.stat-divider{background:#8b00004d;height:30px;width:1px}@keyframes statsEntrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.home-actions-simple{animation:actionsEntrance 1s ease-out 1.4s both;display:flex;flex-direction:column;gap:1.5rem;max-width:400px;width:100%}@keyframes actionsEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-admin,.btn-start-game{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 16px #0000004d;cursor:pointer;display:flex;font-family:Crimson Text,serif;font-size:1.25rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.05em;overflow:hidden;padding:1.25rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-start-game{background:linear-gradient(135deg,#8b0000,brown);color:#fff}.btn-start-game:hover{background:linear-gradient(135deg,brown,#8b0000);box-shadow:0 8px 32px #8b000099;transform:translateY(-3px) scale(1.02)}.btn-start-game:active{transform:translateY(-1px) scale(.98)}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-start-game:hover .btn-shine{left:100%}.btn-admin{background:#ffffff0d;border:2px solid #8b000066;color:#f5f5f5}.btn-admin:hover{background:#8b000026;border-color:#8b0000b3;box-shadow:0 8px 32px #8b000066;transform:translateY(-3px) scale(1.02)}.btn-admin:active{transform:translateY(-1px) scale(.98)}.btn-icon{animation:iconBounce 2s ease-in-out infinite;display:inline-block}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.btn-text{position:relative;z-index:1}@media (max-width:768px){.home-title-simple{font-size:2.5rem;gap:.5rem}.home-subtitle-simple{font-size:1.1rem}.btn-admin,.btn-start-game{font-size:1.1rem;padding:1rem 1.5rem}.mafia-logo-image{max-height:400px;max-width:400px}.stats-display{flex-direction:column;gap:1rem;padding:1rem}.stat-divider{height:1px;width:60px}.stat-item-display{flex-direction:row;gap:.5rem}}@media (max-width:480px){.home-title-simple{font-size:2rem}.mafia-logo-image{max-height:300px;max-width:300px}}.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{transition:all .2s ease}.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}.mode-toggle-section{background:#8b00001a;border:2px solid #b8860b4d;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.mode-toggle-container{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.mode-label{color:#999;font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;transition:color .3s ease}.mode-label.active{color:#d4af37;text-shadow:0 0 10px #d4af3780}.mode-toggle-switch{background:#8b00004d;border:2px solid #b8860b80;border-radius:20px;cursor:pointer;height:40px;outline:none;position:relative;transition:all .3s ease;width:80px}.mode-toggle-switch:hover{border-color:#b8860bcc;box-shadow:0 0 15px #b8860b4d}.mode-toggle-switch.simple{background:#8b000080}.mode-toggle-switch.advanced{background:#b8860b80}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;height:28px;left:4px;position:absolute;top:4px;transition:transform .3s ease;width:28px}.mode-toggle-switch.advanced .toggle-slider{transform:translateX(40px)}.mode-description{color:#ccc;font-size:.9rem;font-style:italic;margin:0}.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-weight:700;letter-spacing:.05em;line-height:1.3;margin-bottom:2rem;text-shadow:0 0 10px #daa52080,0 2px 4px #000000e6}.form-group label{color:#f5f5f5;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;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;font-family:Crimson Text,Georgia,serif;font-size:.875rem;line-height:1.5;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{border-bottom:1px solid #b8860b1f;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.125rem;position:relative}.chart-header,.chart-header-left{align-items:center;display:flex;gap:1rem}.chart-header-left{flex:1 1}.chart-header-right{align-items:center;display:flex;gap:.5rem}.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-capacity-hint{color:#b8860b99;display:block;font-size:.75rem;font-style:italic;font-weight:500;margin-top:.25rem}.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{line-height:1.5;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{font-family:Inter,monospace;font-size:2rem;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-compact{align-items:center;background:linear-gradient(135deg,#8b000033,#0006);border:1px solid #b8860b66;border-radius:6px;box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #ffffff0d;color:#d4af37;cursor:pointer;display:flex;font-family:Crimson Text,Georgia,serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:.5rem 1rem;position:relative;text-shadow:0 0 5px #daa5204d;transition:all .2s ease}.btn-ai-setup-compact:hover{background:linear-gradient(135deg,#8b00004d,#00000080);border-color:#b8860b99;box-shadow:0 4px 8px #0006,inset 0 1px 1px #ffffff14,0 0 12px #b8860b33;color:#ffbf00;text-shadow:0 0 8px #daa52080,0 1px 2px #000c;transform:translateY(-1px)}.btn-ai-setup-compact:active{box-shadow:0 1px 2px #0006,inset 0 1px 2px #0000004d;transform:translateY(0)}.ai-icon-compact{font-size:.875rem;line-height:1;opacity:.9;transition:all .2s ease}.btn-ai-setup-compact:hover .ai-icon-compact{opacity:1;transform:scale(1.1)}.ai-text-compact{font-family:Crimson Text,Georgia,serif;font-size:.875rem;font-weight:600;letter-spacing:.01em;text-shadow:0 0 5px #daa5204d;transition:all .2s ease}.btn-ai-setup-compact:hover .ai-text-compact{text-shadow:0 0 8px #daa52080,0 1px 2px #000c}.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%}}.form-input.error{background:#ff44441a!important;border-color:#f44!important;box-shadow:0 0 0 3px #f443,0 0 15px #ff44444d!important}.form-input.error:focus{border-color:#f66!important;box-shadow:0 0 0 3px #ff44444d,0 0 20px #f446!important}.error-message{animation:slideIn .3s ease;background:#ff6b6b1a;border-left:3px solid #ff6b6b}.error-message,.success-message{border-radius:4px;display:block;font-family:Crimson Text,Georgia,serif;font-size:.875rem;font-weight:500;line-height:1.5;margin-top:.5rem;padding:.5rem}.success-message{background:#4ade801a;border-left:3px solid #4ade80;color:#4ade80}.valid{color:#4ade80}.invalid{color:#ff6b6b}.validation-checklist{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}.validation-checklist li{background:#0000004d;border-radius:4px;font-family:Crimson Text,Georgia,serif;font-size:.875rem;padding:.5rem}.validation-checklist li.valid{background:#4ade801a;border-left:3px solid #4ade80}.validation-checklist li.invalid{background:#ff6b6b1a;border-left:3px solid #ff6b6b}.btn-create-room.disabled{cursor:not-allowed;opacity:.6}.spinner{display:inline-block;margin-right:.5rem}.create-room-hint{background:#0006;border:1px solid #b8860b4d;border-radius:8px;color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:.875rem;line-height:1.6;margin-top:1rem;padding:1rem}.create-room-hint p{font-weight:600;margin:0 0 .75rem}.tab-progress{background:#0000004d;border:1px solid #b8860b33;border-radius:8px;justify-content:space-between;margin-bottom:2rem;padding:1rem}.progress-step,.tab-progress{align-items:center;display:flex}.progress-step{flex:1 1;flex-direction:column;position:relative}.progress-step:after{background:#b8860b33;content:"";height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:0}.progress-step:last-child:after{display:none}.progress-step.completed:after{background:#4ade8080}.progress-step.active:after{background:linear-gradient(90deg,#4ade8080,#b8860b33)}.progress-circle{align-items:center;background:#00000080;border:2px solid #b8860b4d;border-radius:50%;color:#b8860b;display:flex;font-weight:600;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:1}.progress-step.completed .progress-circle{background:#4ade8033;border-color:#4ade80;color:#4ade80}.progress-step.active .progress-circle{background:#b8860b4d;border-color:#b8860b;box-shadow:0 0 15px #b8860b80;color:#daa520}.progress-label{color:#999;font-size:.75rem;margin-top:.5rem;text-align:center}.progress-step.active .progress-label,.progress-step.completed .progress-label{color:#b8860b;font-weight:600}@media (max-width:768px){.error-message,.success-message{font-size:.8125rem;padding:.4rem}.validation-checklist{gap:.4rem}.validation-checklist li{font-size:.8125rem;padding:.4rem}.tab-progress{flex-direction:column;gap:1rem}.progress-step:after{display:none}.progress-label{font-size:.7rem}.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}}.admin-dashboard-page{background:linear-gradient(135deg,#0a0a0a,#1a0a0a 50%,#0a0a0a);color:#fff;min-height:100vh;padding:20px}.admin-dashboard-container{margin:0 auto;max-width:1400px}.admin-dashboard-header{align-items:center;background:#8b00001a;border:1px solid #b8860b4d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-dashboard-header h1{color:#d4af37;font-family:Cinzel,serif;font-size:2.5rem;margin:0;text-shadow:0 0 20px #d4af3780}.admin-dashboard-actions{display:flex;gap:15px}.btn-create-room,.btn-home,.btn-master-reset{background:linear-gradient(135deg,#8b0000,brown);border:none;border-radius:8px;box-shadow:0 4px 15px #8b000066;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-create-room:hover,.btn-home:hover,.btn-master-reset:hover:not(:disabled){box-shadow:0 6px 20px #8b000099;transform:translateY(-2px)}.btn-home{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:0 4px 15px #0006}.btn-master-reset{background:linear-gradient(135deg,#8b0000,brown);border:2px solid #ff6b6b80;box-shadow:0 4px 15px #ff6b6b66}.btn-master-reset:hover:not(:disabled){background:linear-gradient(135deg,brown,#8b0000);border-color:#ff6b6bb3;box-shadow:0 6px 20px #ff6b6b99}.btn-master-reset:disabled{cursor:not-allowed;opacity:.6}.admin-dashboard-filters{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.search-bar{width:100%}.search-input{background:#00000080;border:2px solid #b8860b4d;border-radius:8px;color:#fff;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#d4af37;box-shadow:0 0 15px #d4af374d;outline:none}.filter-buttons{display:flex;gap:10px}.filter-btn{background:#00000080;border:2px solid #b8860b4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{background:#d4af371a;border-color:#d4af37}.filter-btn.active{background:linear-gradient(135deg,#8b0000,brown);border-color:#d4af37;box-shadow:0 0 15px #8b000080}.empty-state,.loading-state{color:#999;padding:60px 20px;text-align:center}.empty-state p{font-size:1.2rem;margin-bottom:20px}.rooms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.room-card{background:#0009;border:2px solid #b8860b4d;border-radius:10px;padding:20px;transition:all .3s ease}.room-card:hover{border-color:#d4af37;box-shadow:0 8px 30px #8b000066;transform:translateY(-5px)}.room-card-header{align-items:center;border-bottom:1px solid #b8860b33;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.room-card-header h3{color:#d4af37;font-family:Cinzel,serif;font-size:1.3rem;margin:0}.room-status{border-radius:20px;font-size:.85rem;font-weight:600;padding:5px 12px}.room-status.waiting{background:#b8860b33;border:1px solid #d4af3780;color:#d4af37}.room-status.playing{background:#8b00004d;border:1px solid #8b000080;color:#ff6b6b}.room-card-body{margin-bottom:15px}.room-info p{color:#ccc;font-size:.95rem;margin:8px 0}.room-info strong{color:#d4af37}.room-card-footer{display:flex;justify-content:flex-end}.btn-manage{background:linear-gradient(135deg,#8b0000,brown);border:none;border-radius:8px;box-shadow:0 4px 15px #8b000066;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-manage:hover{box-shadow:0 6px 20px #8b000099;transform:translateY(-2px)}.admin-dashboard-stats{background:#8b00001a;border:1px solid #b8860b4d;border-radius:10px;display:flex;gap:40px;justify-content:center;padding:30px}.stat-item{text-align:center}.stat-number{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;text-shadow:0 0 20px #d4af3780}.stat-label{color:#999;display:block;font-size:.9rem;margin-top:5px}@media (max-width:768px){.admin-dashboard-header{flex-direction:column;gap:15px}.admin-dashboard-actions{flex-direction:column;width:100%}.rooms-grid{grid-template-columns:1fr}.admin-dashboard-stats{flex-direction:column;gap:20px}}.room-management-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%);box-sizing:border-box;color:#f5f5f5;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:16px;line-height:1.6;min-height:100vh;padding:2rem 1rem}.room-management-container{box-sizing:border-box;margin:0 auto;max-width:1400px;width:100%}.room-management-header{background:#8b000014;border:2px solid #b8860b33;border-radius:12px;margin-bottom:2rem;padding:2rem 1rem 1.5rem;position:relative;text-align:center}.room-management-header h1{color:#d4af37;font-family:Cinzel,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:.05em;line-height:1.2;margin:0 0 .5rem;text-shadow:0 0 15px #d4af3780,0 0 30px #8b00004d,0 2px 4px #000000e6}.room-name{color:#b8860b;font-size:1.25rem;margin:0;text-shadow:0 0 8px #b8860b66}.btn-back,.room-name{font-family:Crimson Text,serif;font-weight:600}.btn-back{background:#0009;border:2px solid #b8860b66;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff0d;color:#d4af37;cursor:pointer;display:inline-block;font-size:.9375rem;left:1.5rem;position:absolute;top:1.5rem}.btn-back:hover{background:#8b000066;border-color:#d4af37b3;box-shadow:0 4px 12px #8b000080,inset 0 1px 1px #ffffff1a;color:#f5d76e;transform:translateY(-2px)}.btn-back:active{transform:translateY(0)}.connection-warning{background:#e74c3c26;border:2px solid #e74c3c66;border-radius:8px;box-shadow:0 2px 8px #e74c3c33;color:#ff6b6b;font-size:.9375rem;font-weight:600;margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.error-state,.loading-state{color:#b0b0b0;padding:4rem 2rem;text-align:center}.error-state p,.loading-state p{font-size:1.25rem;margin-bottom:1.5rem}.error-state button{background:#8b000099;border:2px solid #b8860b80;border-radius:8px;color:#d4af37;cursor:pointer;font-family:Crimson Text,serif;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.error-state button:hover{background:#8b0000cc;border-color:#d4af37b3;transform:translateY(-2px)}.room-management-content{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.actions-section,.players-section,.qr-section,.room-info-section{background:#000000b3;border:2px solid #b8860b4d;border-radius:12px;box-shadow:0 4px 16px #00000080,inset 0 1px 1px #ffffff0d;box-sizing:border-box;padding:2rem}.actions-section h2,.players-section h2,.qr-section h2,.room-info-section h2{border-bottom:2px solid #b8860b4d;color:#d4af37;font-family:Cinzel,serif;font-size:1.625rem;font-weight:700;letter-spacing:.03em;margin:0 0 1.5rem;padding-bottom:.75rem;text-shadow:0 0 10px #d4af3766,0 2px 4px #000c}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:.75rem}.info-item label{color:#b0b0b0;font-family:Crimson Text,serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.code-display{width:100%}.code-value{background:#000c;border:2px solid #b8860b66;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff0d;box-sizing:border-box;color:#d4af37;display:block;font-family:Courier New,Monaco,monospace;font-size:1.125rem;letter-spacing:.15em;padding:1rem 1.25rem;text-shadow:0 0 10px #d4af374d;width:100%;word-break:break-all}.code-value,.status-badge{border-radius:8px;font-weight:700;text-align:center}.status-badge{box-shadow:0 2px 8px #0000004d;display:inline-block;font-family:Crimson Text,serif;font-size:1rem;padding:.75rem 1.5rem}.status-badge.waiting{background:#b8860b40;border:2px solid #d4af3780;color:#d4af37}.status-badge.playing{background:#8b000059;border:2px solid #ff6b6b80;color:#ff6b6b}.player-count,.room-type{color:#d4af37;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;text-shadow:0 0 8px #d4af3766}.qr-container{align-items:center;background:#ffffff0d;border:2px solid #b8860b33;border-radius:12px;display:flex;justify-content:center;margin-bottom:2rem;padding:2rem}.join-url-section{display:flex;flex-direction:column;gap:1rem}.join-url-section label{color:#b0b0b0;font-family:Crimson Text,serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.url-display{align-items:stretch;display:flex;gap:.75rem}.url-input{background:#000c;border:2px solid #b8860b66;border-radius:8px;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff0d;color:#f5f5f5;flex:1 1;overflow:hidden;padding:1rem 1.25rem;text-overflow:ellipsis}.btn-copy,.url-input{font-family:Crimson Text,serif;font-size:.9375rem;white-space:nowrap}.btn-copy{background:#8b000099;border:2px solid #b8860b80;border-radius:8px;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff1a;color:#fff;cursor:pointer;flex-shrink:0;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.btn-copy:hover{background:#8b0000cc;border-color:#d4af37b3;box-shadow:0 4px 12px #8b000080,inset 0 1px 1px #ffffff26;transform:translateY(-2px)}.btn-copy:active{transform:translateY(0)}.btn-join-direct{background:linear-gradient(135deg,#8b0000cc,#a52a2acc);border:2px solid #b8860b80;border-radius:8px;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff1a;color:#fff;display:block;font-family:Crimson Text,serif;font-size:1rem;font-weight:600;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-join-direct:hover{background:linear-gradient(135deg,#8b0000,brown);border-color:#d4af37b3;box-shadow:0 4px 16px #8b000080,inset 0 1px 1px #ffffff26;transform:translateY(-2px)}.btn-join-direct:active{transform:translateY(0)}.players-section h2{margin-bottom:1.5rem}.players-list{display:flex;flex-direction:column}.empty-players{color:#666;font-size:1.125rem;font-style:italic;padding:3rem 2rem;text-align:center}.player-card{align-items:center;background:#0009;border:2px solid #b8860b40;border-radius:10px;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff08;display:flex;gap:1.5rem;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease}.player-card:hover{background:#000c;border-color:#b8860b80;box-shadow:0 4px 12px #00000080,inset 0 1px 1px #ffffff0d;transform:translateY(-2px)}.player-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.player-name{color:#f5f5f5;font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name,.player-status{font-family:Crimson Text,serif}.player-status{font-size:.875rem;font-weight:600}.player-status.alive{color:#4ade80}.btn-kick,.player-status.eliminated{color:#ff6b6b}.btn-kick{background:#f003;border:2px solid #f006;border-radius:8px;box-shadow:0 2px 8px #f003,inset 0 1px 1px #ffffff0d;cursor:pointer;flex-shrink:0;font-family:Crimson Text,serif;font-size:.9375rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.btn-kick:hover{background:#ff00004d;border-color:#f009;box-shadow:0 4px 12px #ff00004d,inset 0 1px 1px #ffffff1a;transform:translateY(-2px)}.btn-kick:active{transform:translateY(0)}.actions-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.btn-action{border:2px solid #0000;border-radius:10px;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff1a;cursor:pointer;font-family:Crimson Text,serif;font-size:1.0625rem;font-weight:600;padding:1.125rem 1.5rem;transition:all .3s ease}.btn-end-game{background:linear-gradient(135deg,#ff6b6bcc,#ee5a6fcc);border-color:#ff6b6b80;color:#fff}.btn-end-game:hover{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 16px #ff6b6b66,inset 0 1px 1px #ffffff26;transform:translateY(-2px)}.btn-end-game:active{transform:translateY(0)}.btn-delete-room{background:linear-gradient(135deg,#8b0000cc,#a52a2acc);border-color:#b8860b80;color:#fff}.btn-delete-room:hover{background:linear-gradient(135deg,#8b0000,brown);box-shadow:0 4px 16px #8b000066,inset 0 1px 1px #ffffff26;transform:translateY(-2px)}.btn-delete-room:active{transform:translateY(0)}.action-warning{background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:8px;color:#ff6b6b;font-size:.875rem;font-style:italic;margin:0;padding:.75rem;text-align:center}@media (max-width:768px){.room-management-page{padding:1rem .75rem}.room-management-header{padding:1.5rem 1rem 1rem}.btn-back{display:inline-block;left:0;margin-bottom:1rem;position:relative;top:0}.room-management-content{gap:1.5rem;grid-template-columns:1fr}.actions-section,.players-section,.qr-section,.room-info-section{padding:1.5rem}.info-grid{gap:1.25rem;grid-template-columns:1fr}.player-card{align-items:stretch;flex-direction:column;gap:1rem}.btn-kick{width:100%}.url-display{flex-direction:column}.btn-copy{width:100%}}@media (max-width:480px){.room-management-header h1{font-size:1.5rem}.room-name{font-size:1rem}.code-display{flex-direction:column;gap:.75rem}.code-value{font-size:1rem;padding:.875rem 1rem;width:100%}.btn-copy{min-width:auto;width:100%}.player-name{font-size:1rem}}.join-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;display:flex;flex-direction:column;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:16px;line-height:1.6;min-height:100vh}.join-header{background:#8b00000d;border-bottom:2px solid #b8860b33;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 .3s ease}.back-to-home:hover{color:#daa520;text-shadow:0 0 10px #daa520cc;transform:translateX(-3px)}.join-header h1{color:#d4af37;font-family:Cinzel,Georgia,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:.05em;line-height:1.2;margin:0 0 .5rem;text-shadow:0 0 15px #d4af3780,0 0 30px #8b00004d,0 2px 4px #000000e6}.join-subtitle{color:#b8860b;font-family:Crimson Text,Georgia,serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0 0 1rem;text-shadow:0 0 5px #b8860b4d}.connection-status{border-radius:8px;box-shadow:0 2px 8px #0000004d;display:inline-block;font-family:Crimson Text,serif;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.625rem 1.25rem}.connection-status.connected{background:#2ecc7126;border:2px solid #2ecc7166;color:#4ade80}.connection-status.disconnected{background:#e74c3c26;border:2px solid #e74c3c66;color:#ff6b6b}.join-main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:600px;padding:2rem 1rem;width:100%}.join-form{background:#000000b3;border:2px solid #b8860b4d;border-radius:12px;box-shadow:0 4px 16px #00000080,inset 0 1px 1px #ffffff0d;box-sizing:border-box;margin-bottom:2rem;padding:2.5rem}.form-group{margin-bottom:1.75rem}.form-group:last-of-type{margin-bottom:1.5rem}.form-group label{color:#b0b0b0;display:block;font-family:Crimson Text,serif;font-size:.9375rem;letter-spacing:.1em;margin-bottom:.75rem}.form-group label,.form-input{font-weight:600;text-transform:uppercase}.form-input{background:#000c;border:2px solid #b8860b66;border-radius:8px;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff0d;box-sizing:border-box;color:#f5f5f5;font-family:Courier New,Monaco,monospace;font-size:1.125rem;letter-spacing:.15em;padding:1rem 1.25rem;text-align:center;transition:all .3s ease;width:100%}.form-input:focus{border-color:#d4af37b3;box-shadow:0 4px 12px #d4af3733,inset 0 1px 1px #ffffff1a;outline:none;text-shadow:0 0 10px #d4af374d}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input::placeholder{color:#666;letter-spacing:.05em;text-transform:none}.input-hint{color:#666;display:block;font-size:.8125rem;margin-top:.5rem;text-align:center}.input-hint,.session-notice{font-family:Crimson Text,serif}.session-notice{animation:slideIn .3s ease;background:#2ecc7133;border:2px solid #2ecc71;border-radius:8px;color:#2ecc71;font-size:.95em;font-weight:600;margin-top:10px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.room-info-preview{background:#8b00001a;border:2px solid #b8860b4d;border-radius:10px;box-sizing:border-box;margin-bottom:1.75rem;padding:1.5rem}.room-info-preview h3{border-bottom:2px solid #b8860b4d;color:#d4af37;font-family:Cinzel,serif;font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem;text-shadow:0 0 8px #d4af3766}.room-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.room-info-item{display:flex;flex-direction:column;gap:.5rem}.room-info-label{color:#999;font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.room-info-value{color:#f5f5f5;font-family:Crimson Text,serif;font-size:1rem;font-weight:600}.room-info-value.status-waiting{color:#d4af37}.room-info-value.status-playing{color:#ff6b6b}.room-info-loading{color:#999;font-style:italic;margin-bottom:1.75rem;padding:1rem}.error-message,.room-info-loading{font-size:.9375rem;text-align:center}.error-message{background:#e74c3c26;border:2px solid #e74c3c66;border-radius:8px;box-shadow:0 2px 8px #e74c3c33;color:#ff6b6b;margin-bottom:1.5rem;padding:1rem 1.25rem}.btn-join,.error-message{font-family:Crimson Text,serif;font-weight:600}.btn-join{align-items:center;background:linear-gradient(135deg,#8b0000e6,#a52a2ae6);border:2px solid #b8860b80;border-radius:10px;box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff1a;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;gap:.75rem;justify-content:center;padding:1.125rem 1.5rem;transition:all .3s ease;width:100%}.btn-join:hover:not(:disabled){background:linear-gradient(135deg,#8b0000,brown);border-color:#d4af37b3;box-shadow:0 4px 16px #8b000080,inset 0 1px 1px #ffffff26;transform:translateY(-2px)}.btn-join:active:not(:disabled){transform:translateY(0)}.btn-join:disabled{cursor:not-allowed;opacity:.5;transform:none}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.join-help{background:#000000b3;border:2px solid #b8860b4d;border-radius:12px;box-shadow:0 4px 16px #00000080,inset 0 1px 1px #ffffff0d;box-sizing:border-box;padding:2rem}.join-help h3{border-bottom:2px solid #b8860b4d;color:#d4af37;font-family:Cinzel,serif;font-size:1.375rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem;text-shadow:0 0 8px #d4af3766}.join-help ol{list-style-type:decimal;margin:0 0 1.25rem;padding-left:1.5rem}.join-help li{color:#e0e0e0;font-size:.9375rem;line-height:1.6;margin-bottom:.75rem;padding-left:.5rem}.help-note{background:#b8860b1a;border:1px solid #b8860b4d;border-radius:8px;margin-top:1.25rem;padding:1rem 1.25rem}.help-note p{color:#d4af37;font-size:.9375rem;line-height:1.6;margin:0}.help-note strong{color:#f5d76e;font-weight:600}@media (max-width:768px){.join-header{padding:2rem 1rem 1rem}.back-to-home{display:inline-block;left:0;margin-bottom:1rem;position:relative;top:0}.join-main{padding:1.5rem 1rem}.join-form{padding:1.75rem 1.5rem}.room-info-grid{gap:.875rem;grid-template-columns:1fr}.join-help{padding:1.5rem}}@media (max-width:480px){.join-header h1{font-size:1.75rem}.join-subtitle{font-size:.9375rem}.form-input{font-size:1rem;padding:.875rem 1rem}.btn-join{font-size:1rem;padding:1rem 1.25rem}.join-help h3{font-size:1.25rem}}.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}.game-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#e8e8e8;font-family:Crimson Text,serif;min-height:100vh;overflow-x:hidden;position:relative}.game-page:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#8b00001a 0,#0000 50%),radial-gradient(circle at 80% 80%,#b8860b1a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border-bottom:2px solid #8b0000;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.room-info h1{color:#d4af37;font-family:Cinzel,serif;font-size:1.8rem;margin:0;text-shadow:2px 2px 4px #000c}.room-code{color:#aaa;font-size:.9rem;letter-spacing:2px;margin:.25rem 0 0}.game-main{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}section{background:#1e1e1ecc;border:1px solid #444;border-radius:12px;box-shadow:0 4px 20px #00000080;margin-bottom:2rem;padding:2rem}.section-title{border-bottom:2px solid #8b0000;color:#d4af37;font-family:Cinzel,serif;font-size:1.5rem;margin:0 0 1.5rem;padding-bottom:.5rem;text-align:center}.players-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.player-item{align-items:center;background:#282828cc;border:2px solid #555;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.player-item:hover{border-color:#8b0000;box-shadow:0 4px 12px #8b00004d;transform:translateY(-2px)}.player-item.is-you{background:#d4af371a;border-color:#d4af37}.player-name{color:#e8e8e8;font-size:1.1rem;font-weight:600}.you-badge{color:#d4af37;font-style:italic;font-weight:700}.player-status{font-size:1.2rem}.host-info{border-top:1px solid #444;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.host-label{color:#d4af37;font-weight:600;margin:0}.players-count{color:#aaa;font-size:.95rem;margin-top:1.5rem;text-align:center}.role-card-section{align-items:center;display:flex;justify-content:center;min-height:400px;perspective:1000px}.role-card-3d-container{cursor:pointer;height:400px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:300px}.role-card-3d-container.flipped{transform:rotateY(180deg)}.role-card-3d{height:100%;position:relative;transform-style:preserve-3d;width:100%}.role-card-back,.role-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:absolute;width:100%}.role-card-back{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid #d4af37}.role-card-front{background:linear-gradient(135deg,#2a1a0a,#3a2a1a);border:3px solid #8b0000;transform:rotateY(180deg)}.card-back-pattern{text-align:center}.card-back-icon{filter:drop-shadow(0 4px 8px rgba(212,175,55,.5));font-size:4rem;margin-bottom:1rem}.card-back-text{color:#d4af37;font-family:Cinzel,serif;font-size:1.1rem;margin:0;text-align:center}.role-emoji-large{font-size:4rem;margin-bottom:1rem}.role-name{color:#d4af37;font-family:Cinzel,serif;font-size:1.8rem}.role-name,.role-team{margin:.5rem 0;text-align:center}.role-team{color:#aaa;font-size:1.1rem}.role-description{color:#ccc;font-size:.95rem;line-height:1.6;margin:1rem 0;text-align:center}.role-abilities{margin-top:1rem;text-align:left}.role-abilities h3{color:#d4af37;font-family:Cinzel,serif;font-size:1rem;margin:0 0 .5rem}.role-abilities ul{list-style:none;margin:0;padding:0}.role-abilities li{color:#ccc;font-size:.9rem;padding:.25rem 0}.role-abilities li:before{color:#d4af37;content:"• ";font-weight:700;margin-right:.5rem}.card-flip-hint{color:#888;font-size:.85rem;font-style:italic;margin-top:1.5rem}.card-flip-hint,.game-phase-section{text-align:center}.phase-day h2,.phase-ended h2,.phase-night h2,.phase-voting h2{color:#d4af37;font-family:Cinzel,serif;font-size:2rem;margin:0 0 1.5rem}.night-actions,.vote-list{margin-top:2rem}.target-list,.vote-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.target-button,.vote-button{background:#282828cc;border:2px solid #555;border-radius:8px;color:#e8e8e8;cursor:pointer;font-family:Crimson Text,serif;font-size:1rem;padding:1rem;transition:all .3s ease}.target-button:hover:not(:disabled),.vote-button:hover:not(:disabled){background:#8b000033;border-color:#8b0000;transform:translateY(-2px)}.target-button.selected,.vote-button.selected{background:#d4af3733;border-color:#d4af37}.target-button:disabled,.vote-button:disabled{cursor:not-allowed;opacity:.5}.action-confirmed,.vote-confirmed{color:#4caf50;font-size:1.1rem;font-weight:600;margin-top:1rem}.investigation-result{background:#4caf501a;border:1px solid #4caf50;border-radius:8px;color:#4caf50;margin-top:1.5rem;padding:1rem}.phase-ended .winner{color:#d4af37;font-size:1.5rem;font-weight:700;margin:1rem 0}.eliminated-players{margin-top:2rem;text-align:left}.eliminated-players h3{color:#8b0000;font-family:Cinzel,serif;margin:0 0 1rem}.eliminated-players ul{list-style:none;padding:0}.eliminated-players li{color:#aaa;padding:.5rem;text-decoration:line-through}.lobby-section{text-align:center}.lobby-section h2{color:#d4af37;font-family:Cinzel,serif;font-size:2rem;margin:0 0 1rem}.lobby-section p{color:#aaa;font-size:1.1rem}@media (max-width:768px){.game-main{padding:1rem}section{padding:1.5rem}.players-list{grid-template-columns:1fr}.role-card-3d-container{height:350px;width:250px}.target-list,.vote-list{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.f5dd0815.css.map*/