:root{--bg-primary: #0f0c29;--bg-secondary: #302b63;--accent-primary: #b06ab3;--accent-secondary: #4568dc;--text-main: #ffffff;--text-muted: #a0a0a0;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-main);margin:0;padding:0;width:100%;height:100%;overflow:hidden}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100dvh;padding:2dvh 15px;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));overflow-y:auto;-webkit-overflow-scrolling:touch}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;box-shadow:var(--glass-shadow);padding:2.5rem 1.5rem;width:100%;max-width:450px;margin:auto 0;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;position:relative;transition:all .3s ease;flex-shrink:0}@media(min-height:800px){.glass-panel{padding:3.5rem 2rem}}.glow-text{text-shadow:0 0 15px rgba(255,255,255,.3);font-weight:800;letter-spacing:4px;line-height:1}.btn-primary{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:#fff;padding:1.2rem;border-radius:16px;font-weight:700;font-size:1.1rem;width:100%;border:none;cursor:pointer;margin-top:1rem;transition:transform .2s,background .3s;box-shadow:0 8px 20px #0000004d}.btn-primary:active{transform:scale(.98)}.input-field{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:16px;padding:1.2rem;color:#fff;width:100%;font-size:1.1rem;text-align:center;font-family:inherit;margin-bottom:1rem;transition:border-color .3s,background .3s}.input-field:focus{outline:none;border-color:var(--accent-primary);background:#ffffff1a}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.version-info{position:fixed;bottom:12px;left:12px;font-size:10px;opacity:.3;pointer-events:none;font-family:monospace}.player-list{list-style:none;width:100%;margin:1.5rem 0;display:flex;flex-direction:column;gap:10px}.player-item{background:var(--glass-bg);margin-bottom:.8rem;padding:1rem;border-radius:18px;display:flex;align-items:center;justify-content:flex-start;font-size:1.1rem;border:1px solid var(--glass-border)}.player-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-weight:800;box-shadow:0 4px 10px #0003}.settings-box{background:#0003;padding:1.5rem;border-radius:20px;text-align:left;margin:1.5rem 0;border:1px solid var(--glass-border)}.playing-card{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));padding:3rem 1.5rem;border-radius:32px;box-shadow:0 20px 50px #00000080;width:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.playing-card.is-imposter{background:linear-gradient(135deg,#ff416c,#ff4b2b);box-shadow:0 20px 50px #ff416c66}.playing-card h3{font-size:clamp(.9rem,4vw,1.2rem);opacity:.8;margin-bottom:2rem;text-transform:uppercase;letter-spacing:5px}.playing-card h1{font-size:clamp(1.6rem,7.5vw,3rem);font-weight:900;text-transform:uppercase;text-align:center;line-height:1.1;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;width:100%}