@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cinzel:wght@400;600;700&family=Playfair+Display:wght@700&display=swap";
:root{--bg-primary:#0d0d12;--bg-secondary:#13131a;--bg-card:#1a1a24;--bg-card-hover:#20202d;--bg-elevated:#252533;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--text-primary:#e8e6e3;--text-secondary:#9a9a9a;--text-muted:#5a5a6a;--accent-wolf:#d85a30;--accent-village:#1d9e75;--accent-solo:#7f77dd;--accent-gold:#f0a500;--accent-blue:#5865f2;--gradient-wolf:linear-gradient(135deg, #d85a30 0%, #b8441f 100%);--gradient-village:linear-gradient(135deg, #1d9e75 0%, #158a63 100%);--gradient-solo:linear-gradient(135deg, #7f77dd 0%, #6a62c5 100%);--gradient-gold:linear-gradient(135deg, #f0a500 0%, #d49000 100%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-xl:0 12px 50px #0000008c;--shadow-glow-wolf:0 0 30px #d85a3026;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Cinzel", serif;--transition:.3s cubic-bezier(.4, 0, .2, 1);--header-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;line-height:1.6}a{color:var(--accent-blue);transition:color var(--transition);text-decoration:none}a:hover{color:#7b8ff7}h1,h2,h3,h4,p{margin:0}button{font-family:var(--font-body);cursor:pointer}code{font-family:monospace}:focus-visible{outline:2px solid var(--accent-wolf);outline-offset:2px;border-radius:4px}.site-header{z-index:100;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);background:#0d0d12e0;align-items:center;height:68px;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex}.header-branding{transition:transform var(--transition);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.header-branding:hover{transform:translateY(-1px)}.brand-icon-box{background:linear-gradient(135deg,#d85a3033 0%,#f0a50033 100%);border:1px solid #d85a3066;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 15px #d85a3033}.brand-emoji{font-size:1.3rem}.brand-text-container{align-items:baseline;gap:4px;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:2px;color:var(--text-primary);font-size:1.25rem;font-weight:700}.header-nav-links{align-items:center;gap:8px;display:flex}.nav-item{color:var(--text-secondary);transition:all var(--transition);border-bottom:2px solid #0000;border-radius:6px;padding:8px 14px;font-size:.86rem;font-weight:500;text-decoration:none}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--accent-wolf);border-bottom-color:var(--accent-wolf);background:0 0;font-weight:600}.nav-item.gold-text-link{color:var(--accent-gold);font-weight:600}.nav-item.gold-text-link:hover{color:#facc15}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.desktop-actions-only{align-items:center;gap:10px;display:flex}.header-btn-action{width:145px;height:38px;transition:all var(--transition);cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-invite-header{background:#5865f2;color:#fff!important}.btn-invite-header:hover{background:#4752c4}.btn-default-header{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-primary)!important}.btn-default-header:hover{border-color:var(--accent-wolf);background:var(--bg-elevated)}.header-user-chip{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition);border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;font-size:.82rem;font-weight:600;display:inline-flex}.header-user-chip:hover{border-color:var(--accent-wolf);background:var(--bg-card-hover)}.header-user-chip img{border-radius:50%;width:26px;height:26px}.burger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.burger-btn .line{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:all .3s}.mobile-menu-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-medium);box-shadow:var(--shadow-xl);background:#13131afa;flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem;animation:.3s forwards wwSlideDown;display:flex;position:absolute;top:68px;left:0;right:0}@keyframes wwSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-list{flex-direction:column;gap:4px;display:flex}.mobile-nav-link{color:var(--text-secondary);border-radius:8px;padding:10px 14px;font-size:.95rem;font-weight:500;text-decoration:none}.mobile-nav-link.active{color:var(--accent-wolf);background:#d85a301f;font-weight:700}.mobile-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.full-width{text-align:center;justify-content:center;width:100%}@media (max-width:960px){.header-nav-links{display:none}.desktop-actions-only{display:none!important}.burger-btn{display:flex}}.site-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:90;justify-content:center;gap:0;padding:0 2rem;display:flex;position:sticky;top:64px;overflow-x:auto}.site-nav a{color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:14px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.site-nav a:hover{color:var(--text-primary);border-bottom-color:var(--accent-wolf)}.site-nav a.active{color:var(--accent-wolf);border-bottom-color:var(--accent-wolf)}@media (max-width:768px){.site-nav{scrollbar-width:none;justify-content:flex-start;padding:0 .5rem}.site-nav::-webkit-scrollbar{display:none}.site-nav a{padding:12px;font-size:.8rem}}.main-content{max-width:1400px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.page-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition);padding:1.5rem}.card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.section-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.section-header .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.section-header h2{font-size:1.15rem;font-weight:600}.dot-village{background:var(--accent-village)}.dot-wolves{background:var(--accent-wolf)}.dot-solo{background:var(--accent-solo)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);color:var(--text-muted);padding:3rem 2rem 0;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:3rem;max-width:1400px;margin:0 auto;padding-bottom:2.5rem;display:flex}.footer-brand{max-width:320px}.footer-brand-name{font-family:var(--font-display);color:var(--accent-gold);align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:flex}.footer-brand p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.footer-cols{flex-wrap:wrap;gap:4rem;display:flex}.footer-col h4{color:var(--text-primary);margin-bottom:14px;font-size:.92rem;font-weight:700}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col a{color:var(--text-secondary);font-size:.85rem}.footer-col a:hover{color:var(--accent-wolf)}.footer-bottom{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);padding:1.5rem 0;font-size:.78rem}.site-footer a{color:var(--accent-wolf)}@media (max-width:700px){.footer-inner{flex-direction:column;gap:2rem}.footer-cols{gap:2rem}}.btn{border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 22px;font-size:.875rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gradient-wolf);color:#fff;box-shadow:var(--shadow-glow-wolf)}.btn-primary:hover{box-shadow:0 0 40px #d85a3047}.btn-ghost{border-color:var(--border-medium);color:var(--text-primary);background:0 0}.btn-ghost:hover{background:var(--bg-card);border-color:var(--accent-wolf)}.btn-sm{padding:7px 16px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-admin{color:var(--accent-wolf);text-transform:uppercase;letter-spacing:.04em;background:#d85a3026}.badge-member{color:var(--accent-solo);text-transform:uppercase;letter-spacing:.04em;background:#7f77dd26}.badge-owner{background:var(--gradient-gold);color:#241a02;text-transform:uppercase;letter-spacing:.04em}.badge-invite{color:var(--text-muted);border:1px solid var(--border-medium);text-transform:uppercase;letter-spacing:.04em;background:#ffffff0d}.pill{background:var(--bg-elevated);color:var(--text-secondary);border-radius:999px;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.fade-in{opacity:0;animation:.6s forwards wwFadeIn;transform:translateY(20px)}@keyframes wwFadeIn{to{opacity:1;transform:translateY(0)}}.shell{max-width:1400px;margin:0 auto;padding:0 1.5rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.hero{text-align:center;flex-direction:column;align-items:center;padding:3rem 1rem 2.5rem;display:flex;position:relative}.hero-badge{letter-spacing:2.5px;color:#d85a30;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:.75rem;font-weight:800;display:flex}.bolt-icon{font-size:.9rem}.hero-title{color:#fff;max-width:900px;margin-bottom:1.4rem;font-family:Playfair Display,serif;font-size:clamp(2.6rem,8vw,4.6rem);font-weight:700;line-height:1.08}.orange-text{color:#f0950e}.hero-subtitle{color:#ffffffa6;max-width:640px;margin:0 auto;font-size:1.1rem;line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:2rem;display:flex}.stats-bar{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);gap:1px;max-width:680px;margin:2.5rem auto 0;display:grid;overflow:hidden}.stat-item{background:var(--bg-card);text-align:center;transition:background var(--transition);padding:1.5rem 1rem}.stat-item:hover{background:var(--bg-card-hover)}.stat-num{color:var(--accent-wolf);font-size:2rem;font-weight:700;font-family:var(--font-display);line-height:1;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-size:.72rem;font-weight:600;display:block}@media (max-width:560px){.hero{padding:2rem 1rem}.stats-bar{grid-template-columns:repeat(2,1fr)}}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:2rem;display:flex}.filter-btn{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-size:.85rem;font-weight:500;font-family:var(--font-body);background:0 0;border-radius:20px;padding:8px 18px}.filter-btn:hover{border-color:var(--accent-wolf);color:var(--text-primary)}.filter-btn.active{background:var(--accent-wolf);border-color:var(--accent-wolf);color:#fff}.team-section{margin-bottom:2.5rem}.team-section.hidden{display:none}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:flex-start;gap:1rem;display:grid}.role-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);overflow:hidden}.role-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.role-card-header{align-items:center;gap:12px;padding:1rem 1.25rem;display:flex}.role-emoji{flex-shrink:0;font-size:1.75rem}.role-name{flex:1;font-size:1rem;font-weight:600}.role-night{border-radius:10px;padding:3px 8px;font-size:.7rem;font-weight:600}.role-night.yes{color:var(--accent-village);background:#1d9e7526}.role-night.no{color:var(--text-muted);background:#5a5a6a26}.role-card-body{border-top:1px solid var(--border-subtle);padding:0 1.25rem 1.25rem;display:none}.role-card.open .role-card-body{padding-top:1rem;display:block}.role-card-body p{color:var(--text-secondary);white-space:pre-line;font-size:.875rem;line-height:1.7}.role-card .chevron{transition:transform var(--transition);color:var(--text-muted);font-size:.8rem}.role-card.open .chevron{transform:rotate(180deg)}@media (max-width:768px){.roles-grid{grid-template-columns:1fr}.filter-bar{justify-content:center;gap:6px}.filter-btn{padding:6px 14px;font-size:.75rem}}.dashboard-container{gap:2rem;max-width:1400px;min-height:calc(100vh - 130px);margin:0 auto;padding:2rem;display:flex}.sidebar{flex-shrink:0;width:280px}.sidebar-header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:1rem;padding-left:1rem;font-size:.8rem}.sidebar-nav{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav li{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:12px;padding:12px 1rem;font-weight:500;display:flex}.sidebar-nav li:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-nav li.active{background:var(--bg-card);border-color:var(--border-subtle);color:var(--accent-wolf);box-shadow:var(--shadow-sm)}.nav-icon{font-size:1.1rem}.nav-count{background:var(--bg-elevated);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.75rem}.sidebar-nav li.active .nav-count{background:var(--accent-wolf);color:#fff}.main-dashboard{flex:1;min-width:0}.dashboard-header{margin-bottom:2rem}.search-wrapper{max-width:600px;position:relative}.search-wrapper svg{width:18px;height:18px;color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}#command-search{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition);padding:14px 14px 14px 2.8rem;font-size:1rem}#command-search:focus{border-color:var(--accent-wolf);outline:none;box-shadow:0 0 0 3px #d85a301a}.commands-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.cmd-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);flex-direction:column;gap:12px;padding:1.25rem;display:flex}.cmd-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);background:var(--bg-card-hover);transform:translateY(-3px)}.cmd-card-header{justify-content:space-between;align-items:center;display:flex}.cmd-card-title{color:var(--accent-wolf);font-family:monospace;font-size:1.05rem;font-weight:700}.cmd-card-tag{text-transform:uppercase;letter-spacing:1px;background:var(--bg-elevated);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700}.cmd-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.cmd-card-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:10px}.cmd-card-usage{color:var(--text-muted);font-size:.75rem;font-style:italic}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:90%;max-width:650px;box-shadow:var(--shadow-lg);padding:3rem;transition:transform .3s;position:relative;transform:translateY(20px)}.modal-overlay.visible .modal-content{transform:translateY(0)}.modal-close{background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;width:32px;height:32px;transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{background:var(--accent-wolf);transform:rotate(90deg)}.modal-header h2{color:var(--accent-wolf);margin-bottom:2rem;font-family:monospace;font-size:2rem}.modal-section{margin-bottom:2rem}.modal-section h3{font-family:var(--font-display);text-transform:uppercase;color:var(--text-muted);letter-spacing:2px;margin-bottom:1rem;font-size:.85rem}.modal-section p{color:var(--text-primary);line-height:1.6}.params-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.params-list li{background:var(--bg-card);border-radius:var(--radius-md);border-left:3px solid var(--accent-wolf);color:var(--text-secondary);padding:12px 1rem;font-size:.9rem}.params-list strong{color:var(--text-primary);font-family:monospace;font-size:1rem}.examples-box{border-radius:var(--radius-md);color:#fff;border:1px solid var(--border-subtle);background:#000;padding:1.5rem;font-family:Consolas,Courier New,monospace;line-height:1.8}.examples-box code{color:#a9ffcb}@media (max-width:1024px){.dashboard-container{flex-direction:column;gap:1.5rem;padding:1rem}.sidebar{width:100%}.sidebar-header{text-align:center;padding-left:0}.sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;padding-bottom:10px;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav li{flex-shrink:0;padding:10px 14px;font-size:.85rem}.nav-count{display:none}}@media (max-width:600px){.commands-grid{grid-template-columns:1fr}.dashboard-header{margin-bottom:1.5rem}#command-search{padding:12px 12px 12px 2.5rem;font-size:.9rem}}@media (max-width:480px){.modal-content{width:95%;margin:10px;padding:2rem 1.5rem}.modal-header h2{margin-bottom:1.5rem;font-size:1.3rem}.modal-section{margin-bottom:1.5rem}.modal-section h3{font-size:.75rem}.modal-close{top:1rem;right:1rem}.examples-box{padding:1rem;font-size:.8rem}}.controls-card{margin-bottom:1.5rem;padding:1.5rem}.slider-group{align-items:center;gap:20px;display:flex}.slider-group label{min-width:140px;font-size:1.1rem;font-weight:600}#player-count-display{color:var(--accent-wolf);font-size:1.5rem;font-family:var(--font-display)}.styled-slider{appearance:none;background:var(--bg-elevated);border-radius:3px;outline:none;flex:1;height:6px}.styled-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-wolf);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #d85a3066}.presets-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:.5rem;display:flex;position:relative}.info-icon-container{display:inline-block;position:relative}.info-trigger{cursor:help;opacity:.6;width:32px;height:32px;transition:all var(--transition);color:var(--accent-wolf)}.info-trigger svg{width:100%;height:100%}.info-trigger:hover{opacity:1;transform:scale(1.1)}.info-tooltip{visibility:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-medium);z-index:100;width:350px;box-shadow:var(--shadow-xl);opacity:0;text-align:left;background:#1a1a1ffa;border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;right:0;transform:translateY(10px)}.info-icon-container:hover .info-tooltip{visibility:visible;opacity:1;transform:translateY(5px)}.info-tooltip h3{color:var(--accent-wolf);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.9rem}.info-tooltip ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.info-tooltip li{color:var(--text-secondary);padding-left:12px;font-size:.8rem;line-height:1.4;position:relative}.info-tooltip li:before{content:"•";color:var(--accent-wolf);position:absolute;left:0}.info-tooltip b{color:var(--text-primary)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.sum-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:4px;padding:1rem;display:flex}.sum-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.sum-value{font-size:1.5rem;font-weight:700;font-family:var(--font-display)}.val-aldea{color:var(--accent-village)}.val-lobos{color:var(--accent-wolf)}.val-solo{color:var(--accent-solo)}.section{max-width:none;margin-bottom:1.25rem;padding:0}.role-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.role-bar-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 14px;display:flex}.bar-container{background:var(--bg-elevated);border-radius:2px;flex:1;max-width:80px;height:4px;overflow:hidden}.bar-fill{height:100%;transition:width .3s}.bar-village{background:var(--accent-village)}.bar-wolves{background:var(--accent-wolf)}.bar-solo{background:var(--accent-solo)}.role-pct{text-align:right;min-width:40px;font-family:monospace;font-size:.85rem;font-weight:700}.pct-high{color:var(--accent-village)}.pct-med{color:var(--accent-gold)}.pct-low{color:var(--text-muted)}.pct-zero{opacity:.3}.notes-container{padding:1rem}.note-text{color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.5}@media (max-width:768px){.role-grid{grid-template-columns:1fr}.slider-group{flex-direction:column;align-items:stretch;gap:10px}.slider-group label{min-width:auto;font-size:1rem}.presets-header{flex-direction:column;align-items:flex-start;gap:15px}.info-tooltip{width:calc(100vw - 40px);font-size:.9rem;left:0;right:auto;transform:translateY(10px)}.info-icon-container:hover .info-tooltip{transform:translateY(5px)}.summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.sum-value{font-size:1.25rem}}@media (max-width:480px){.summary-grid{grid-template-columns:1fr}}.changelog-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.changelog-content{margin-top:1rem;display:none}.changelog-item.open .changelog-content{display:block}.changelog-item .chevron{color:var(--text-muted);flex-shrink:0;font-size:.9rem;transition:transform .25s;display:inline-block}.changelog-item.open .chevron{transform:rotate(180deg)}.changelog-date{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;font-size:.75rem;display:block}.changelog-title{margin:0;font-size:1.1rem;font-weight:700}.changelog-list{color:var(--text-muted);margin:0;padding-left:1.4rem;line-height:1.7}.changelog-list li{margin-bottom:6px}.changelog-item{margin-bottom:1rem}.changelog-container h3{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:1rem 0 .5rem;font-size:.75rem}.changelog-container code{background:#ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9em}.xp-formula{text-align:center;color:var(--accent-wolf);margin-bottom:1rem;padding:1.25rem;font-family:monospace;font-size:1.15rem;font-weight:600}.xp-table{border-collapse:collapse;width:100%;font-size:.85rem}.xp-table th,.xp-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:10px 14px}.xp-table thead th{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.xp-table td.num{text-align:right;font-family:monospace;font-weight:700}.xp-table td.pos{color:var(--accent-village)}.xp-table td.neg{color:var(--accent-wolf)}.rank-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.rank-card{text-align:center;border-top:3px solid;padding:1.25rem}.rank-emoji{font-size:1.5rem}.rank-level{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:6px 0 2px;font-size:.7rem;display:block}.rank-card h4{margin-bottom:8px;font-size:1.05rem}.rank-card p{color:var(--text-secondary);font-size:.82rem}.soon-tag{vertical-align:middle;color:var(--accent-solo);text-transform:uppercase;letter-spacing:.05em;background:#7f77dd26;border-radius:999px;margin-left:10px;padding:4px 10px;font-size:.62rem;font-weight:700}@media (max-width:860px){.rank-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.rank-grid{grid-template-columns:1fr}}.guild-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.guild-card .icon{background:var(--gradient-solo);width:68px;height:68px;font-weight:700;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.guild-card .icon img{object-fit:cover;width:100%;height:100%}.guild-card h3{font-size:1rem;font-family:var(--font-body);font-weight:700}.page-pad{padding-top:2.5rem;padding-bottom:4rem}.hero-landing{text-align:center;flex-direction:column;align-items:center;padding:4rem 1.5rem 3.5rem;display:flex;position:relative;overflow:hidden}.hero-glow-bg{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#d85a302e 0%,#f0a5001a 40%,#5865f20d 70%,#0000 100%);width:700px;height:500px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero-badge-container{z-index:1;margin-bottom:1.75rem;position:relative}.hero-simple-badge{letter-spacing:1.5px;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block;color:var(--accent-wolf)!important}.hero-simple-badge:hover{transform:translateY(-2px);color:var(--accent-wolf)!important}.hero-main-title{z-index:1;color:#fff;max-width:960px;margin-bottom:1.4rem;font-family:Playfair Display,serif;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;line-height:1.12;position:relative}.orange-highlight-text{color:#f0950e}.hero-description{z-index:1;color:var(--text-secondary);max-width:720px;margin-bottom:2.2rem;font-size:1.12rem;line-height:1.7;position:relative}.hero-cta-group{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:2.5rem;display:flex;position:relative}.hero-btn-action{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:220px;height:48px;font-size:.94rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn-action:hover{transform:translateY(-2px)}.btn-hero-invite{background:#d95327;color:#fff!important}.btn-hero-invite:hover{background:#c4471e}.btn-hero-dash{background:var(--bg-card);border-color:var(--border-medium);color:var(--text-primary)}.btn-hero-dash:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.collapsible-role-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:14px;padding:1.25rem 1.5rem;transition:all .2s}.collapsible-role-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover)}.collapsible-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.header-role-info{align-items:center;gap:12px;display:flex}.header-role-info .role-emoji{font-size:1.6rem}.header-role-info .role-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.chevron-icon{color:var(--text-muted);font-size:.8rem;transition:transform .2s}.static-role-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:left;border-radius:16px;flex-direction:column;gap:12px;padding:1.5rem;transition:all .2s;display:flex}.static-role-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateY(-2px)}.role-title-row{align-items:center;gap:10px;display:flex}.role-title-row .role-emoji{font-size:1.75rem}.role-title-row .role-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.static-role-card .role-body p{color:var(--text-secondary);white-space:pre-line;font-size:.88rem;line-height:1.65}.collapsible-role-card.open .collapsible-card-body{display:block}.discord-mockup-wrapper{z-index:1;background:var(--bg-secondary);border:1px solid var(--border-medium);text-align:left;border-radius:20px;width:100%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.mockup-header-tabs{border-bottom:1px solid var(--border-subtle);background:#09090d;display:flex;overflow-x:auto}.mockup-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 20px;font-size:.86rem;font-weight:600}.mockup-tab:hover{color:var(--text-primary);background:#ffffff08}.mockup-tab.active{color:var(--accent-wolf);border-bottom-color:var(--accent-wolf);background:#d85a3014}.discord-embed-card{background:#12131a;gap:16px;padding:1.75rem;display:flex}.discord-bot-avatar{background:linear-gradient(135deg,#d85a30,#f0a500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 15px #d85a304d}.avatar-emoji{font-size:1.5rem}.discord-message-content{flex:1;min-width:0}.discord-author-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.author-name{color:#fff;font-size:.96rem;font-weight:700}.bot-tag{color:#fff;letter-spacing:.5px;background:#5865f2;border-radius:3px;padding:1px 5px;font-size:.62rem;font-weight:800}.timestamp{color:var(--text-muted);font-size:.75rem}.embed-box{border-left:4px solid var(--accent-wolf);background:#181924;border-radius:8px;flex-direction:column;gap:10px;padding:1.15rem 1.25rem;display:flex}.embed-box.wolf-border{border-left-color:#d85a30}.embed-box.day-border{border-left-color:#f0a500}.embed-box.gold-border{border-left-color:#eab308}.embed-box.purple-border{border-left-color:#a855f7}.embed-title{color:#fff;letter-spacing:.5px;font-size:.95rem;font-weight:800}.embed-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.embed-field{background:#00000040;border-radius:6px;flex-direction:column;gap:4px;padding:8px 12px;font-size:.86rem;display:flex}.field-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.field-val{color:var(--text-primary);font-weight:600}.highlight-danger{color:#f87171}.highlight-gold{color:#facc15}.embed-footer{color:var(--text-muted);margin-top:4px;font-size:.75rem}.discord-button-group{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.d-btn{cursor:pointer;border-radius:4px;padding:7px 14px;font-size:.82rem;font-weight:600}.d-btn-red{color:#fff;background:#da373c}.d-btn-gray{color:#fff;background:#4e5058}.d-btn-green{color:#fff;background:#248046}.podium-preview-list{flex-direction:column;gap:6px;margin-top:4px;display:flex}.podium-item{background:#0000004d;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.86rem;display:flex}.rank-badge{font-size:.9rem;font-weight:800}.podium-user{color:var(--text-primary);font-weight:700}.podium-xp{color:var(--accent-gold);font-family:monospace;font-weight:700}.podium-reward{color:#a855f7;font-size:.76rem;font-weight:600}.metrics-strip{grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1200px;margin:3.5rem auto;display:grid}.metric-box{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;transition:all var(--transition);border-radius:16px;padding:1.75rem 1.25rem}.metric-box:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateY(-3px)}.metric-number{font-family:var(--font-display);margin-bottom:8px;font-size:2.8rem;font-weight:700;line-height:1;display:block}.metric-number.text-orange{color:var(--accent-wolf)}.metric-number.text-gold{color:var(--accent-gold)}.metric-number.text-green{color:var(--accent-village)}.metric-number.text-purple{color:var(--accent-solo)}.metric-title{color:var(--text-primary);margin-bottom:4px;font-size:.98rem;font-weight:700;display:block}.metric-sub{color:var(--text-muted);font-size:.78rem;display:block}.cycle-section{margin:5rem 0}.section-title-center{text-align:center;max-width:700px;margin:0 auto 3rem}.subtitle-tag{letter-spacing:2px;color:var(--accent-wolf);text-transform:uppercase;margin-bottom:8px;font-size:.74rem;font-weight:800;display:inline-block}.section-title-center h2{color:var(--text-primary);margin-bottom:10px;font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.section-title-center p{color:var(--text-secondary);font-size:1rem}.cycle-grid{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.cycle-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition);border-radius:20px;padding:2.25rem;position:relative}.cycle-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-3px)}.night-card{border-top:4px solid var(--accent-wolf)}.day-card{border-top:4px solid var(--accent-gold)}.card-icon-badge{background:var(--bg-elevated);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.cycle-card h3{margin-bottom:10px;font-size:1.3rem;font-weight:700}.cycle-card p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.94rem;line-height:1.65}.card-bullets{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card-bullets li{color:var(--text-primary);font-size:.86rem;line-height:1.5}.roles-preview-section{margin:5rem 0}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;display:flex}.section-header-row h2{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.role-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600}.filter-pill:hover{color:var(--text-primary);border-color:var(--accent-wolf)}.filter-pill.active{background:var(--accent-wolf);border-color:var(--accent-wolf);color:#fff}.home-roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.home-role-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition);border-radius:16px;flex-direction:column;gap:10px;padding:1.5rem;display:flex}.home-role-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.role-top{justify-content:space-between;align-items:center;display:flex}.role-top .role-emoji{font-size:2rem}.role-cat-badge{border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.badge-village{color:var(--accent-village);background:#1d9e7526}.badge-wolves{color:var(--accent-wolf);background:#d85a3026}.badge-solo{color:var(--accent-solo);background:#7f77dd26}.role-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.role-desc{color:var(--text-secondary);font-size:.86rem;line-height:1.6}.center-btn-row{justify-content:center;display:flex}.btn-secondary-glow{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-primary);transition:all var(--transition);border-radius:12px;align-items:center;gap:10px;padding:12px 28px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary-glow:hover{border-color:var(--accent-wolf);color:var(--accent-wolf);transform:translateY(-2px);box-shadow:0 0 25px #d85a3033}.features-showcase-section{margin:5rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition);border-radius:16px;flex-direction:column;gap:10px;padding:1.75rem 1.5rem;display:flex}.feature-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateY(-3px)}.feature-icon{margin-bottom:4px;font-size:2rem}.feature-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.final-cta-banner{text-align:center;background:linear-gradient(135deg,#d85a3026 0%,#14141cf2 50%,#5865f226 100%);border:1px solid #d85a304d;border-radius:24px;margin:5rem 0 2rem;padding:4rem 2rem;box-shadow:0 0 50px #d85a3026}.cta-inner{flex-direction:column;align-items:center;gap:1rem;max-width:680px;margin:0 auto;display:flex}.cta-inner h2{color:#fff;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:700}.cta-inner p{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.cta-btn-wrapper{margin-top:1rem}@media (max-width:900px){.cycle-grid{grid-template-columns:1fr}.metrics-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.hero-landing{padding:2.5rem 1rem}.hero-cta-group{flex-direction:column;align-items:center;width:100%}.hero-btn-action{width:100%;max-width:280px}.metrics-strip{grid-template-columns:1fr}}.coming-soon-canvas{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 180px);padding:4rem 1.5rem 2rem;display:flex}.coming-soon-wrapper{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.typewriter-title{color:#fff;letter-spacing:-.5px;justify-content:center;align-items:center;min-height:2.3em;margin-bottom:1.25rem;font-family:Playfair Display,serif;font-size:clamp(2.4rem,6.5vw,4.5rem);font-weight:700;line-height:1.15;display:flex}.cursor-blink{color:var(--accent-wolf);margin-left:4px;font-weight:300;animation:.8s infinite blinkCursor}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.coming-soon-sub{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:2.5rem;font-size:1.1rem}.progress-bar-container{background:#ffffff14;border-radius:999px;width:280px;height:6px;margin:.5rem auto 3rem;position:relative;overflow:hidden;box-shadow:0 0 15px #00000080}.progress-bar-fill{background:linear-gradient(90deg,#f0950e,#d85a30);border-radius:999px;height:100%;animation:2.8s ease-in-out infinite alternate fillAndEmptyLoop}@keyframes fillAndEmptyLoop{0%{width:0%}to{width:100%}}.clean-square-btn,.clean-square-btn:hover,.clean-square-btn:focus,.clean-square-btn:active,.clean-square-btn:visited{border-radius:4px;justify-content:center;align-items:center;padding:10px 26px;font-size:.9rem;font-weight:600;transition:transform .2s;display:inline-flex;color:var(--text-primary)!important;border:1px solid var(--border-medium)!important;background:0 0!important;text-decoration:none!important}.clean-square-btn:hover{transform:translateY(-2px);color:var(--text-primary)!important;border-color:var(--border-medium)!important;background:0 0!important}.beta-status-note{color:var(--text-muted);letter-spacing:.3px;margin-top:1.75rem;font-size:.84rem}.pixel-matrix-bar{grid-template-columns:repeat(24,1fr);gap:4px;width:100%;max-width:960px;margin:5rem auto 0;padding:0 1rem;display:grid}.matrix-cell{background:#d85a3026;border-radius:2px;height:12px;animation:2.2s ease-in-out infinite alternate cellPulse}.matrix-cell:nth-child(3n){background:#f0a50038}.matrix-cell:nth-child(5n){background:#5865f233}@keyframes cellPulse{0%{opacity:.15;transform:scale(.85)}to{opacity:.95;transform:scale(1.05)}}