@import"https://fonts.googleapis.com/css2?family=Nosifer&family=Creepster&family=Special+Elite&display=swap";:root{--horror-bg: #0a0808;--horror-bg-alt: #120e0c;--horror-blood: #6b1c1c;--horror-blood-dark: #3d1010;--horror-blood-bright: #8b2020;--horror-rust: #5c3d2e;--horror-bone: #c4b59d;--horror-bone-dark: #8a7d6a;--horror-mold: #2d3a2d;--horror-fog: rgba(180, 170, 160, .1);--horror-text: #c4b59d;--horror-text-dim: #7a7060;--horror-glow: rgba(139, 32, 32, .5);--font-title: "Nosifer", cursive;--font-heading: "Creepster", cursive;--font-body: "Special Elite", monospace}.horror-container{background:var(--horror-bg);color:var(--horror-text);font-family:var(--font-body);min-height:100vh;position:relative;overflow:hidden}.horror-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");pointer-events:none;z-index:1;opacity:.3}.blood-drip{position:absolute;top:0;width:3px;background:linear-gradient(to bottom,var(--horror-blood-bright) 0%,var(--horror-blood) 30%,transparent 100%);animation:drip 8s ease-in infinite;opacity:.7}@keyframes drip{0%{height:0;opacity:0}10%{opacity:.7}to{height:200px;opacity:0}}.horror-title{font-family:var(--font-title);font-size:2.5rem;color:var(--horror-blood-bright);text-shadow:0 0 10px var(--horror-blood),0 0 20px var(--horror-blood-dark),2px 2px 4px #000;letter-spacing:3px;text-transform:uppercase}.horror-heading{font-family:var(--font-heading);font-size:1.5rem;color:var(--horror-bone);text-shadow:2px 2px 4px #000;letter-spacing:2px}.horror-btn{font-family:var(--font-body);background:linear-gradient(135deg,var(--horror-blood-dark) 0%,var(--horror-blood) 50%,var(--horror-blood-dark) 100%);color:var(--horror-bone);border:2px solid var(--horror-rust);padding:12px 24px;font-size:1rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #00000080,inset 0 1px #ffffff1a}.horror-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,32,32,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s}.horror-btn:hover{transform:scale(1.02);border-color:var(--horror-blood-bright);box-shadow:0 6px 20px #8b202066,0 0 30px #8b202033}.horror-btn:hover:before{opacity:1}.horror-btn:active{transform:scale(.98)}.horror-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.horror-btn:disabled:hover{transform:none;box-shadow:0 4px 15px #00000080}.horror-btn-start{font-size:1.3rem;padding:16px 48px;background:linear-gradient(135deg,var(--horror-blood) 0%,#9b2020 50%,var(--horror-blood) 100%);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px 15px #00000080,0 0 20px #8b20204d}50%{box-shadow:0 4px 15px #00000080,0 0 40px #8b202080}}.horror-panel{background:linear-gradient(135deg,#120e0cf2,#0a0808fa);border:1px solid var(--horror-rust);border-radius:4px;padding:20px;position:relative;box-shadow:0 10px 30px #00000080,inset 0 0 60px #0000004d}.horror-panel:before,.horror-panel:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--horror-blood-dark)}.horror-panel:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.horror-panel:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.horror-menu-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:transparent;border:1px solid transparent;color:var(--horror-bone-dark);font-family:var(--font-body);font-size:.95rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-align:left}.horror-menu-btn:hover{background:#6b1c1c33;border-color:var(--horror-blood-dark);color:var(--horror-bone);transform:translate(5px)}.horror-menu-btn i{width:20px;color:var(--horror-blood);filter:drop-shadow(0 0 3px var(--horror-blood-dark))}.horror-toggle{display:flex;background:var(--horror-bg);border:1px solid var(--horror-rust);border-radius:4px;overflow:hidden}.horror-toggle-option{flex:1;padding:10px 16px;background:transparent;border:none;color:var(--horror-text-dim);font-family:var(--font-body);font-size:.85rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.horror-toggle-option.active{background:var(--horror-blood-dark);color:var(--horror-bone);box-shadow:inset 0 0 10px #00000080}.horror-toggle-option:hover:not(.active){background:#6b1c1c4d;color:var(--horror-bone)}.horror-input{width:100%;padding:12px 16px;background:#00000080;border:1px solid var(--horror-rust);border-radius:4px;color:var(--horror-bone);font-family:var(--font-body);font-size:.9rem;transition:all .3s ease}.horror-input:focus{outline:none;border-color:var(--horror-blood);box-shadow:0 0 10px #8b20204d}.horror-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--horror-rust);box-shadow:0 0 10px #00000080}.horror-slide-panel{position:fixed;top:0;right:-350px;width:350px;height:100vh;background:linear-gradient(to left,#120e0cfa,#0a0808f2);border-left:2px solid var(--horror-blood-dark);z-index:100;transition:right .4s ease;box-shadow:-10px 0 30px #00000080}.horror-slide-panel.open{right:0}.horror-friend-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid rgba(92,61,46,.3);transition:all .2s ease}.horror-friend-row:hover{background:#6b1c1c26}.horror-friend-row .invite-btn{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--horror-blood-dark);border:1px solid var(--horror-rust);border-radius:4px;color:var(--horror-bone);cursor:pointer;transition:all .2s ease}.horror-friend-row .invite-btn:hover{background:var(--horror-blood);transform:scale(1.1)}.horror-ready{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:3px;font-size:.75rem;text-transform:uppercase}.horror-ready.is-ready{background:#2d3a2dcc;color:#6b8b6b;border:1px solid #3d5a3d}.horror-ready.not-ready{background:#6b1c1c4d;color:var(--horror-blood-bright);border:1px solid var(--horror-blood-dark)}.fa-bloody{color:var(--horror-blood);filter:drop-shadow(0 0 3px var(--horror-blood-dark));transition:all .3s ease}.fa-bloody:hover{color:var(--horror-blood-bright);filter:drop-shadow(0 0 6px var(--horror-blood))}.horror-team-selector{display:flex;align-items:center;gap:8px}.horror-team-selector button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--horror-blood-dark);border:1px solid var(--horror-rust);border-radius:3px;color:var(--horror-bone);cursor:pointer;transition:all .2s ease}.horror-team-selector button:hover:not(:disabled){background:var(--horror-blood)}.horror-team-selector button:disabled{opacity:.3;cursor:not-allowed}.horror-team-selector .team-count{font-family:var(--font-heading);font-size:1.2rem;color:var(--horror-bone);min-width:30px;text-align:center}.horror-skeleton{background:linear-gradient(90deg,var(--horror-bg) 25%,var(--horror-bg-alt) 50%,var(--horror-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(.4);z-index:0}.login-card{position:relative;z-index:10;padding:3rem;width:100%;max-width:400px;text-align:center}.form-group{margin-bottom:1.5rem}.horror-input{width:100%;padding:14px 18px;background:#0a0808cc;border:2px solid var(--horror-blood-dark);border-radius:4px;color:var(--horror-bone);font-family:Special Elite,cursive;font-size:1rem;transition:all .3s ease}.horror-input:focus{outline:none;border-color:var(--horror-blood);box-shadow:0 0 15px #8b00004d}.horror-input::placeholder{color:var(--horror-text-dim)}.horror-btn-primary{background:linear-gradient(180deg,var(--horror-blood) 0%,var(--horror-blood-dark) 100%);border:2px solid var(--horror-blood);color:var(--horror-bone);font-family:Creepster,cursive;letter-spacing:2px;transition:all .3s ease}.horror-btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 20px #8b000080}.horror-btn-primary:disabled{opacity:.6;cursor:not-allowed}.game-menu-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.menu-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(.3);z-index:0}.menu-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0a0808cc;border-bottom:2px solid var(--horror-blood-dark)}.user-info{display:flex;align-items:center;gap:12px}.menu-main{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.menu-options{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.horror-btn-large{display:flex;flex-direction:column;align-items:center;gap:15px;padding:2.5rem 3rem;min-width:200px;font-size:1.2rem;background:#0a0808e6;border:2px solid var(--horror-blood-dark);transition:all .3s ease}.horror-btn-large i{font-size:2.5rem;color:var(--horror-blood)}.horror-btn-large:hover{transform:translateY(-5px);border-color:var(--horror-blood);box-shadow:0 10px 30px #8b00004d}.menu-panel{padding:2rem;max-width:400px;width:100%;text-align:center}.code-input{width:100%;text-align:center;font-size:1.5rem;letter-spacing:8px;padding:15px;margin-bottom:1.5rem;text-transform:uppercase}.menu-actions{display:flex;gap:1rem;justify-content:center}.menu-actions .horror-btn{padding:12px 24px}.menu-actions .horror-btn-primary{background:linear-gradient(180deg,var(--horror-blood) 0%,var(--horror-blood-dark) 100%)}.lobby-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.lobby-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(.25);z-index:0}.lobby-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 30%,rgba(10,8,8,.9) 100%);z-index:1}.lobby-loading{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--horror-bone);font-size:1.5rem}.lobby-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:transparent;border-bottom:none}.header-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:10px}.lobby-main{position:relative;z-index:10;flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;padding:2rem}.lobby-main-new{position:relative;z-index:10;flex:1;display:flex;padding:1rem 2rem}.lobby-center-new{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.lobby-top-info{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:20}.player-count-box{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#0a0808e6;border:1px solid var(--horror-blood-dark);border-radius:4px;color:var(--horror-bone);font-size:1.1rem}.lobby-players-stack{display:flex;flex-direction:column;gap:4px}.player-slot-compact{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0a0808e6;border:1px solid var(--horror-blood-dark);border-radius:4px;transition:all .2s ease}.player-slot-compact.clickable{cursor:pointer}.player-slot-compact.clickable:hover{border-color:var(--horror-blood);background:#8b00004d}.player-slot-compact.is-killer{border-color:var(--horror-blood);background:#8b000066}.horror-avatar-sm{width:32px;height:32px;border-radius:50%;border:2px solid var(--horror-blood-dark)}.player-name-sm{color:var(--horror-bone);font-size:.95rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-role-badge{font-size:.8rem;padding:4px 8px;border-radius:4px}.player-role-badge.killer{background:var(--horror-blood);color:#fff}.player-role-badge.survivor{background:#ffffff1a;color:var(--horror-text-dim)}.lobby-code-bottom{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 25px;background:#0a0808f2;border:2px solid var(--horror-blood-dark);border-radius:8px;cursor:pointer;transition:all .3s ease;z-index:100}.lobby-code-bottom:hover{border-color:var(--horror-blood);transform:translate(-50%) scale(1.05)}.code-label{color:var(--horror-text-dim);font-size:.7rem;letter-spacing:2px}.code-value{font-size:1.5rem;font-family:Creepster,cursive;color:var(--horror-blood);letter-spacing:4px}.lobby-controls-bottom{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100}.horror-btn-start-sm{display:flex;align-items:center;gap:10px;padding:15px 30px;font-size:1.1rem;background:linear-gradient(180deg,var(--horror-blood) 0%,var(--horror-blood-dark) 100%);border:2px solid var(--horror-blood);border-radius:8px;transition:all .3s ease}.horror-btn-start-sm:hover:not(.disabled):not(:disabled){transform:scale(1.08);box-shadow:0 0 25px #8b000099}.horror-btn-start-sm.disabled,.horror-btn-start-sm:disabled{opacity:.5;cursor:not-allowed}.waiting-message-sm{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#0a0808e6;border:1px solid var(--horror-blood-dark);border-radius:6px;color:var(--horror-text-dim);font-size:.9rem}.warning-message-sm{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#8b000033;border:1px solid var(--horror-blood);border-radius:4px;color:var(--horror-bone);font-size:.8rem;margin-top:10px}.loading-text{color:var(--horror-text-dim);font-size:.8rem}.error-text{color:var(--horror-blood);font-size:.8rem}.lobby-menu{display:flex;flex-direction:column;gap:.5rem;padding:1rem;height:fit-content}.horror-menu-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:1rem 1.5rem;background:#0a0808cc;border:1px solid var(--horror-blood-dark);color:var(--horror-bone);cursor:pointer;transition:all .3s ease;font-family:Special Elite,cursive}.horror-menu-btn:hover:not(.disabled){background:#8b00004d;border-color:var(--horror-blood)}.horror-menu-btn.disabled{opacity:.4;cursor:not-allowed}.horror-menu-btn small{font-size:.6rem;color:var(--horror-text-dim)}.horror-menu-btn i{font-size:1.5rem;color:var(--horror-blood)}.lobby-center{display:flex;flex-direction:column;align-items:center;gap:1rem}.lobby-info{display:flex;gap:2rem;align-items:center}.lobby-code{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:10px 20px;background:#0a0808cc;border:1px solid var(--horror-blood-dark);border-radius:4px;transition:all .3s ease}.lobby-code:hover{border-color:var(--horror-blood)}.lobby-code .code{font-size:1.8rem;font-family:Creepster,cursive;color:var(--horror-blood);letter-spacing:4px}.player-count{display:flex;align-items:center;gap:8px;color:var(--horror-bone);font-size:1.2rem}.lobby-players{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:400px}.player-slot{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0a0808cc;border:2px solid var(--horror-blood-dark);border-radius:4px;transition:all .3s ease}.player-slot.clickable{cursor:pointer}.player-slot.clickable:hover{border-color:var(--horror-blood);background:#8b000033}.player-slot.is-killer{border-color:var(--horror-blood);background:#8b00004d}.player-info{flex:1;display:flex;flex-direction:column;gap:2px}.player-name{color:var(--horror-bone);font-weight:700}.player-role{font-size:.8rem;display:flex;align-items:center;gap:6px}.player-role.killer{color:var(--horror-blood)}.player-role.survivor{color:var(--horror-text-dim)}.role-hint{color:var(--horror-text-dim);font-size:.9rem}.warning-message{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#8b000033;border:1px solid var(--horror-blood);border-radius:4px;color:var(--horror-bone);font-size:.9rem;margin-top:1rem}.warning-message i{color:var(--horror-blood)}.lobby-controls{display:flex;flex-direction:column;gap:1rem;padding:1rem;align-items:center;justify-content:center}.horror-btn-start{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2rem 3rem;font-size:1.2rem;background:linear-gradient(180deg,var(--horror-blood) 0%,var(--horror-blood-dark) 100%);border:2px solid var(--horror-blood);transition:all .3s ease}.horror-btn-start:hover:not(.disabled):not(:disabled){transform:scale(1.05);box-shadow:0 0 30px #8b000080}.horror-btn-start.disabled,.horror-btn-start:disabled{opacity:.5;cursor:not-allowed}.horror-btn-start i{font-size:2rem}.waiting-message{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2rem;color:var(--horror-text-dim);text-align:center}.waiting-message i{font-size:2rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.blood-drip{position:absolute;top:0;width:8px;height:0;background:linear-gradient(to bottom,transparent,var(--horror-blood));animation:drip 4s ease-in-out infinite;z-index:5}@keyframes drip{0%{height:0;opacity:0}10%{opacity:1}50%{height:200px;opacity:1}to{height:200px;opacity:0;transform:translateY(100px)}}.horror-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--horror-blood-dark)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{max-width:600px;max-height:80vh;width:90%;overflow-y:auto;animation:slideUp .3s ease;scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--horror-blood-dark)}.modal-close-btn{background:transparent;border:none;color:var(--horror-bone);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:var(--horror-blood)}.skill-points{padding:12px 16px;background:#8b000033;border:1px solid var(--horror-blood-dark);border-radius:4px;color:var(--horror-bone);margin-bottom:1.5rem}.skills-list{display:flex;flex-direction:column;gap:1rem}.skill-item{display:flex;align-items:center;gap:15px;padding:15px;background:#0a080899;border:1px solid var(--horror-blood-dark);border-radius:4px;transition:all .3s ease}.skill-item:hover{background:#8b000033;border-color:var(--horror-blood)}.skill-icon{width:50px;height:50px;background:#0006;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--horror-text-dim)}.skill-icon.active{background:var(--horror-blood-dark);color:var(--horror-bone)}.skill-info{flex:1}.skill-info h4{color:var(--horror-bone);margin:0 0 5px;font-size:1rem}.skill-info p{color:var(--horror-text-dim);margin:0 0 10px;font-size:.85rem}.skill-levels{display:flex;gap:4px}.level-pip{width:18px;height:5px;background:#ffffff1a;border-radius:2px}.level-pip.filled{background:var(--horror-blood)}.skill-upgrade-btn{padding:8px 16px;font-size:.9rem}.vault-empty{text-align:center;padding:3rem 1rem;color:var(--horror-text-dim)}.vault-empty i{font-size:3.5rem;margin-bottom:1rem;opacity:.5;color:var(--horror-blood)}.vault-empty h3{color:var(--horror-bone);margin-bottom:.5rem}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.vault-item{display:flex;flex-direction:column;align-items:center;padding:15px;background:#0a080899;border:1px solid var(--horror-blood-dark);border-radius:4px;cursor:pointer;transition:all .3s ease}.vault-item:hover{background:#8b000033;border-color:var(--horror-blood);transform:translateY(-3px)}.vault-item-icon{width:60px;height:60px;background:var(--horror-blood-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--horror-bone);margin-bottom:10px}.vault-item-name{color:var(--horror-bone);font-size:.85rem;text-align:center;margin-bottom:4px}.vault-item-type{color:var(--horror-text-dim);font-size:.7rem}.vault-item.selected{border-color:var(--horror-blood);background:#8b00004d;box-shadow:0 0 15px #8b000066}.vault-item-selected{position:absolute;top:8px;right:8px;color:var(--horror-blood);font-size:1.2rem}.vault-item{position:relative}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}