@import"https://fonts.googleapis.com/css2?family=Creepster&family=Inter:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:Inter,sans-serif;color:#e0e0e0}:root{--neon-purple: #a855f7;--neon-green: #22c55e;--neon-red: #ef4444;--neon-cyan: #06b6d4;--dark-bg: #0a0a0f;--card-bg: #1a1a2e;--text-dim: #888}.home[data-v-9287e86f]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#1a0a2e,#0a0a0f)}.fog-bg[data-v-9287e86f]{position:absolute;width:200%;height:200%;background:radial-gradient(ellipse at 50% 50%,rgba(120,50,200,.08) 0%,transparent 60%);animation:fogMove-9287e86f 20s ease-in-out infinite;pointer-events:none}@keyframes fogMove-9287e86f{0%,to{transform:translate(-10%,-10%)}50%{transform:translate(10%,10%)}}.content[data-v-9287e86f]{position:relative;z-index:1;text-align:center;max-width:400px;width:90%}.title-section[data-v-9287e86f]{margin-bottom:2rem}.game-title[data-v-9287e86f]{font-family:Creepster,cursive;font-size:5rem;color:transparent;background:linear-gradient(135deg,#a855f7,#22c55e);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 40px rgba(168,85,247,.3);letter-spacing:4px;margin-bottom:.3rem}.subtitle[data-v-9287e86f]{color:#888;font-size:1rem;letter-spacing:3px;text-transform:uppercase}.menu-card[data-v-9287e86f]{background:#1a1a2ecc;border:1px solid rgba(168,85,247,.2);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-group[data-v-9287e86f]{margin-bottom:1.5rem;text-align:left}.input-group label[data-v-9287e86f]{display:block;font-size:.8rem;color:#888;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.glow-input[data-v-9287e86f]{width:100%;padding:.8rem 1rem;background:#0006;border:1px solid rgba(168,85,247,.3);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .3s}.glow-input[data-v-9287e86f]:focus{border-color:#a855f7;box-shadow:0 0 20px #a855f733}.code-input[data-v-9287e86f]{text-align:center;font-size:1.8rem;letter-spacing:8px;text-transform:uppercase;font-family:"monospace"}.btn[data-v-9287e86f]{display:block;width:100%;padding:.9rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:.8rem}.btn[data-v-9287e86f]:disabled{opacity:.4;cursor:not-allowed}.btn-primary[data-v-9287e86f]{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 20px #a855f74d}.btn-primary[data-v-9287e86f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #a855f780}.btn-secondary[data-v-9287e86f]{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.btn-secondary[data-v-9287e86f]:hover:not(:disabled){background:#22c55e40}.btn-ghost[data-v-9287e86f]{background:transparent;color:#888;border:1px solid rgba(255,255,255,.1)}.btn-ghost[data-v-9287e86f]:hover:not(:disabled){color:#fff;border-color:#ffffff4d}.error-message[data-v-9287e86f]{margin-top:1rem;padding:.8rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem}.status-dot[data-v-9287e86f]{margin-top:1rem;font-size:.8rem;color:#666}.status-dot.disconnected[data-v-9287e86f]{color:#ef4444}.lobby[data-v-4330eb7e]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#1a0a2e);overflow:auto}.lobby-content[data-v-4330eb7e]{max-width:600px;width:90%;padding:2rem 0;text-align:center}.header[data-v-4330eb7e]{margin-bottom:2rem}.room-code[data-v-4330eb7e]{font-family:Creepster,cursive;font-size:4rem;color:transparent;background:linear-gradient(135deg,#a855f7,#22c55e);-webkit-background-clip:text;background-clip:text;letter-spacing:12px;text-shadow:0 0 60px rgba(168,85,247,.3)}.hint[data-v-4330eb7e]{color:#666;font-size:.85rem;margin-top:.5rem}.section-title[data-v-4330eb7e]{display:flex;justify-content:center;align-items:center;gap:1rem;color:#ccc;font-size:1.2rem;margin-bottom:1rem}.player-count[data-v-4330eb7e]{font-size:.9rem;color:#666}.players-grid[data-v-4330eb7e]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.player-card[data-v-4330eb7e]{background:#1a1a2ecc;border:1px solid rgba(168,85,247,.15);border-radius:12px;padding:1rem;text-align:center;transition:all .3s}.player-card.is-host[data-v-4330eb7e]{border-color:#a855f766;box-shadow:0 0 20px #a855f71a}.player-card.empty[data-v-4330eb7e]{opacity:.3;border-style:dashed}.avatar[data-v-4330eb7e]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.3rem;margin:0 auto .5rem}.empty-avatar[data-v-4330eb7e]{background:#ffffff1a!important}.player-name[data-v-4330eb7e]{font-size:.85rem;font-weight:600;color:#e0e0e0}.empty-name[data-v-4330eb7e]{color:#555}.player-badge[data-v-4330eb7e]{font-size:.65rem;color:#a855f7;text-transform:uppercase;letter-spacing:1px;margin-top:.3rem}.btn[data-v-4330eb7e]{display:inline-block;padding:.9rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin:.5rem}.btn-primary[data-v-4330eb7e]{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 20px #a855f74d}.btn-primary[data-v-4330eb7e]:hover{transform:translateY(-2px);box-shadow:0 6px 30px #a855f780}.btn-ghost[data-v-4330eb7e]{background:transparent;color:#888;border:1px solid rgba(255,255,255,.1)}.btn-ghost[data-v-4330eb7e]:hover{color:#fff;border-color:#ffffff4d}.min-players[data-v-4330eb7e]{color:#888;font-size:.9rem}.countdown[data-v-4330eb7e]{margin:2rem 0}.countdown-number[data-v-4330eb7e]{font-family:Creepster,cursive;font-size:6rem;color:#a855f7;text-shadow:0 0 60px rgba(168,85,247,.5);animation:pulse-4330eb7e 1s ease-in-out infinite}@keyframes pulse-4330eb7e{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-message[data-v-4330eb7e]{margin-top:1rem;padding:.8rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444}.game-view[data-v-eda6949d]{width:100%;height:100%;position:relative;background:#0a0a0f}.game-container[data-v-eda6949d]{width:100%;height:100%}.hud[data-v-eda6949d]{position:absolute;top:0;left:0;right:0;padding:1rem;pointer-events:none;z-index:10}.hud-top[data-v-eda6949d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.time-display[data-v-eda6949d]{font-family:Creepster,cursive;font-size:1.5rem;color:#fff;text-shadow:0 0 20px rgba(168,85,247,.5);background:#0009;padding:.3rem .8rem;border-radius:8px}.role-badge[data-v-eda6949d]{font-size:.8rem;font-weight:700;padding:.3rem .8rem;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.role-badge.human[data-v-eda6949d]{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.role-badge.monster[data-v-eda6949d]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.score-display[data-v-eda6949d]{font-size:1rem;color:#fbbf24;background:#0009;padding:.3rem .8rem;border-radius:8px}.hud-bar[data-v-eda6949d]{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;max-width:300px}.bar-label[data-v-eda6949d]{font-size:.75rem;color:#ccc;width:60px;flex-shrink:0}.bar-track[data-v-eda6949d]{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.bar-fill[data-v-eda6949d]{height:100%;border-radius:4px;transition:width .3s}.bar-fill.health[data-v-eda6949d]{background:linear-gradient(90deg,#ef4444,#22c55e)}.bar-fill.sanity[data-v-eda6949d]{background:linear-gradient(90deg,#ef4444,#06b6d4)}.bar-value[data-v-eda6949d]{font-size:.75rem;color:#ccc;width:30px;text-align:right}.status-effects[data-v-eda6949d]{margin-top:.5rem}.effect[data-v-eda6949d]{display:inline-block;padding:.3rem .8rem;background:#ef44444d;border:1px solid #ef4444;border-radius:4px;font-size:.8rem;font-weight:700;color:#fff;animation:blink-eda6949d 1s infinite}.effect.frozen[data-v-eda6949d]{background:#06b6d44d;border-color:#06b6d4}@keyframes blink-eda6949d{0%,to{opacity:1}50%{opacity:.5}}.hud-monster-info[data-v-eda6949d]{margin-top:.5rem;font-size:.85rem;color:#ccc;background:#00000080;padding:.3rem .8rem;border-radius:8px;display:inline-block}.game-over-overlay[data-v-eda6949d]{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-over-card[data-v-eda6949d]{background:#1a1a2ef2;border:1px solid rgba(168,85,247,.3);border-radius:16px;padding:2rem;text-align:center;max-width:400px;width:90%}.result-title[data-v-eda6949d]{font-family:Creepster,cursive;font-size:3rem;margin-bottom:.5rem}.result-title.win[data-v-eda6949d]{color:#22c55e;text-shadow:0 0 40px rgba(34,197,94,.5)}.result-title.lose[data-v-eda6949d]{color:#ef4444;text-shadow:0 0 40px rgba(239,68,68,.5)}.result-text[data-v-eda6949d]{color:#aaa;margin-bottom:1.5rem}.scores-list[data-v-eda6949d]{margin-bottom:1.5rem}.score-row[data-v-eda6949d]{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);color:#ccc;font-size:.9rem}.btn[data-v-eda6949d]{display:inline-block;padding:.9rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;pointer-events:all}.btn-primary[data-v-eda6949d]{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 20px #a855f74d}.btn-primary[data-v-eda6949d]:hover{transform:translateY(-2px)}