:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#e5e5e7;overflow-x:hidden;position:relative;margin:0;padding:0;justify-content:center}.hintergrund{min-height:100vh;display:flex;flex-direction:column}.main-content{display:flex;align-items:center;justify-content:center;flex:1;padding:70px 0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,122,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(88,86,214,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(52,199,89,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.navbar{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#0d0d0df2,#0d0d19f2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-bottom:1px solid rgba(0,212,255,.2);padding:15px 0;z-index:1000;box-shadow:0 5px 30px #00d4ff33}.navbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#00d4ff,#5856d6)}.navbar-content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.navbar-brand{font-size:1.3rem;font-weight:700;background:linear-gradient(45deg,#00d4ff,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display:flex;align-items:center;gap:8px}.navbar-nav{display:flex;gap:30px;list-style:none;margin:0;padding:0}.navbar-nav a{color:#e5e5e7cc;text-decoration:none;font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:20px;position:relative}.navbar-nav a:hover{color:#00d4ff;background:#00d4ff1a;text-shadow:0 0 10px rgba(0,212,255,.5)}.navbar-nav a.active{color:#00d4ff;background:#00d4ff26}.nav-restart-button{background:#00d4ff1a;color:#00d4ff;border:2px solid rgba(0,212,255,.5);padding:8px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;margin-left:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-restart-button:hover{background:#00d4ffe6;color:#0d0d0d;border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff66}.edit-names-button{background:#00d4ff1a;color:#00d4ff;border:2px solid rgba(0,212,255,.5);padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem;margin-right:10px}@media (max-width: 600px){.edit-names-button{padding:4px 8px;font-size:.8rem}}.theme-toggle{background:none;border:2px solid rgba(0,212,255,.5);color:#00d4ff;padding:8px 12px;border-radius:25px;cursor:pointer;margin-left:10px;transition:all .3s ease}.theme-toggle:hover{background:#00d4ff1a}.mobile-menu-toggle{display:none;background:none;border:none;color:#00d4ff;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.navbar-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0d0d0dfa;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);flex-direction:column;padding:20px;border-bottom:1px solid rgba(0,212,255,.2)}.navbar-nav.active{display:flex}.mobile-menu-toggle{display:block}}.container{width:100%;max-width:none;background:#0d0d0de6;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;padding:40px;text-align:center;animation:slideUp .8s ease-out;position:relative;overflow:hidden}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,122,255,.5),transparent);animation:scan 3s linear infinite}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo{font-size:3.5rem;font-weight:700;background:linear-gradient(45deg,#00d4ff,#5856d6,#007aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;animation:glow 2s ease-in-out infinite alternate;text-shadow:0 0 30px rgba(0,212,255,.3);position:relative}.logo:after{content:"🕵️ Imposter";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#00d4ff,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(2px);opacity:.3;z-index:-1}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(0,212,255,.4));text-shadow:0 0 20px rgba(0,212,255,.3)}to{filter:drop-shadow(0 0 30px rgba(88,86,214,.6));text-shadow:0 0 40px rgba(88,86,214,.5)}}.subtitle{font-size:1.2rem;color:#e5e5e7b3;margin-bottom:40px;font-weight:400;text-shadow:0 0 10px rgba(255,255,255,.1)}.game-screen{display:none}.game-screen.active{display:block;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-button{background:linear-gradient(45deg,#00d4ff,#5856d6,#007aff);background-size:200% 200%;color:#fff;border:none;padding:18px 40px;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 10px 30px #00d4ff4d,0 0 0 1px #ffffff1a,inset 0 1px #fff3;margin:20px 0;animation:gradientShift 3s ease infinite;position:relative;overflow:hidden}main{margin-top:2rem;margin-bottom:3rem}@media (max-width: 600px){#startScreen{margin-top:60px}}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.start-button:hover:before{left:100%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.start-button:hover{transform:translateY(-3px);box-shadow:0 20px 40px #00d4ff66,0 0 0 1px #fff3,inset 0 1px #ffffff4d}.start-button:active{transform:translateY(-1px)}.rules{text-align:left;background:#1a1a2ecc;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;margin:30px 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a}.rules h3{color:#e5e5e7;margin-bottom:20px;font-size:1.4rem;font-weight:600;text-shadow:0 0 10px rgba(0,212,255,.3)}.rules p{line-height:1.6;margin-bottom:15px;color:#e5e5e7cc}.rules ul{list-style:none;margin:15px 0}.rules li{margin:8px 0;padding-left:20px;position:relative;color:#e5e5e7cc}.rules li:before{content:"▶";color:#00d4ff;font-weight:700;position:absolute;left:0;text-shadow:0 0 10px rgba(0,212,255,.5)}.game-info{background:#1a1a2ee6;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;margin:20px 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a}.category-display{font-size:1.5rem;color:#00d4ff;font-weight:600;margin-bottom:20px;text-shadow:0 0 20px rgba(0,212,255,.5);text-transform:uppercase;letter-spacing:2px}.player-screen{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hide-screen{background:linear-gradient(135deg,#0d0d0d,#1a1a2e,#16213e);color:#fff;border:1px solid rgba(0,212,255,.3);border-radius:20px;padding:60px 40px;margin:20px 0;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.hide-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(0,212,255,.1),transparent);opacity:0;transition:opacity .3s ease}.hide-screen:hover:before{opacity:1}.hide-screen:hover{transform:scale(1.02);box-shadow:0 20px 50px #0009,0 0 0 1px #00d4ff4d,inset 0 1px #fff3;border-color:#00d4ff99}.hide-screen h3{font-size:1.8rem;margin-bottom:15px}.hide-screen p{font-size:1.1rem;opacity:.8}.role-reveal{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.role-reveal h3{font-size:2rem;margin-bottom:20px}.term-display{font-size:2.5rem;font-weight:700;color:#00ff87;margin:20px 0;text-shadow:0 0 20px rgba(0,255,135,.5);animation:pulse 2s ease-in-out infinite}.imposter-display{font-size:2rem;font-weight:700;color:#ff0080;margin:20px 0;text-shadow:0 0 20px rgba(255,0,128,.5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.next-button,.restart-button{background:#00d4ff1a;color:#00d4ff;border:2px solid rgba(0,212,255,.5);padding:12px 30px;font-size:1rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;margin:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #00d4ff33,inset 0 1px #ffffff1a}.next-button:hover,.restart-button:hover{background:#00d4ffe6;color:#0d0d0d;transform:translateY(-2px);box-shadow:0 10px 25px #00d4ff66,inset 0 1px #fff3;border-color:#00d4ff}.vote-row{display:flex;align-items:center;gap:10px;margin:10px 0}.vote-select.masked{color:transparent;text-shadow:0 0 0 #000}.edit-names-container input,.vote-select,input{padding:12px 20px;border:2px solid #e5e5e7;border-radius:12px;background-color:#007aff26;color:inherit;font-size:1.5rem}.role-reveal select{padding:1rem 1.5rem;border-radius:10px;font-size:1.2rem;width:100%;max-width:300px}@media (max-width: 600px){.role-reveal select{font-size:1rem;padding:.8rem 1.2rem}}.results-list{margin:20px 0}.scores-list{margin-top:20px}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#00d4ff1a,#5856d61a);animation:float 6s ease-in-out infinite;box-shadow:0 0 20px #00d4ff33}.floating-shape:nth-child(1){width:80px;height:80px;top:20%;left:10%;animation-delay:-1s}.floating-shape:nth-child(2){width:120px;height:120px;top:60%;right:15%;animation-delay:-3s}.floating-shape:nth-child(3){width:60px;height:60px;bottom:20%;left:20%;animation-delay:-2s}.floating-shape:nth-child(4){width:100px;height:100px;top:10%;right:30%;animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-30px) rotate(180deg);opacity:.6}}.player-count{margin:20px 0}.player-count label{display:block;margin-bottom:10px;font-weight:500;color:#fff}.player-count input{padding:12px 20px;border:2px solid #e5e5e7;border-radius:12px;font-size:1rem;text-align:center;width:100px;transition:border-color .3s ease;background-color:#007aff26;color:#fff}.player-count input:focus{outline:none;border-color:#007aff;color:#fff}.category-mode,.custom-names{margin:20px 0}.name-inputs{display:flex;flex-direction:column;gap:10px;margin-top:10px}.name-inputs input{padding:8px 12px;border:1px solid #e5e5e7;border-radius:8px;background-color:#007aff26}.category-mode label{display:block;margin-bottom:10px;font-weight:500;color:#1d1d1f}.category-mode select{padding:12px 20px;border:2px solid #e5e5e7;border-radius:12px;font-size:1rem;width:200px;transition:border-color .3s ease;background-color:#007aff26}.category-mode select:focus{outline:none;border-color:#007aff}.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background:#222;color:#fff;z-index:9999;padding:16px 0;box-shadow:0 -2px 8px #00000026;font-size:1rem;display:flex;justify-content:center;align-items:center}.cookie-banner-content{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:800px;width:100%;justify-content:center}.cookie-btn{background:#4caf50;color:#fff;border:none;padding:8px 18px;border-radius:4px;cursor:pointer;font-size:1rem;margin-left:8px;transition:background .2s}.cookie-btn:hover{background:#388e3c}.cookie-btn-secondary{background:#888}.cookie-btn-secondary:hover{background:#555}@media (max-width: 600px){.cookie-banner-content{flex-direction:column;gap:10px}}@media (max-width: 768px){.hintergrund{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff}.container{padding:30px 20px;width:95%}.logo{font-size:2.5rem}.start-button{padding:16px 32px;font-size:1.1rem}}@media (max-width: 600px){.container{padding:20px 15px}.start-button{padding:14px 28px;font-size:1rem}}html.light{background:#cbcab4}html.light body{background:#cbcab4;color:#1d1d1f}html.light .navbar{background:linear-gradient(90deg,#fffffff2,#ebebebf2);border-bottom:1px solid rgba(0,0,0,.1)}html.light .navbar-nav a{color:#1d1d1fcc}html.light .navbar-nav a.active{background:#007aff26;color:#007aff}html.light .navbar-nav a:hover{color:#007aff;background:#007aff1a}html.light .nav-restart-button,html.light .theme-toggle{color:#007aff;border-color:#007aff80}html.light .nav-restart-button:hover,html.light .theme-toggle:hover{background:#007aff1a;color:#007aff}html.light .game-info,html.light .rules{background:#ffffffe6;color:#1d1d1f}html.light .hide-screen{background:#e0e0d0;color:#1d1d1f}.edit-names-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.edit-names-container{background:#1a1a2ee6;padding:30px;border-radius:20px;display:flex;flex-direction:column;gap:10px}html.light p,html.light h1,html.light h2,html.light li{color:#1d1d1f}.footer{position:relative;bottom:0;left:0;right:0;background:linear-gradient(90deg,#0d0d0df2,#0d0d19f2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-bottom:1px solid rgba(0,212,255,.2);padding:10px 0;margin-top:12rem;box-shadow:0 5px 30px #00d4ff33}.footer.hidden{display:none}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4ff,#5856d6)}.footer-content{width:100%;margin:0 auto;padding:0 20px;text-align:center}.footer-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.footer-link{color:#e5e5e7cc;text-decoration:none;font-size:.9rem;transition:all .3s ease;padding:8px 16px;border-radius:20px;position:relative}.footer-link:hover{color:#00d4ff;background:#00d4ff1a;text-shadow:0 0 10px rgba(0,212,255,.5)}.footer-text{color:var(--text-secondary);font-size:.8rem}@media (max-width: 600px){.footer-content{padding:0 8px}.footer-links{flex-direction:column;gap:1rem}.footer{padding:2rem 0 1rem;font-size:.95rem}}@media (max-width: 768px){.footer{padding:2rem 0 1rem;font-size:1rem}.footer-content{padding:0 10px}}