:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:100vw;min-height:100vh}h1{font-size:3.2em;line-height:1.1}:root{--bg-color: #0f1923;--card-bg: #1f2731;--accent-red: #ff4655;--accent-green: #1baf83;--text-primary: #ece8e1;--text-secondary: #768079}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;overflow-x:hidden}.container{max-width:900px;margin:0 auto;padding:20px;text-align:center}h1,h2{text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}h1{color:var(--accent-red);text-shadow:0 0 10px rgba(255,70,85,.5)}input{background:var(--card-bg);border:1px solid #444;padding:15px;color:#fff;border-radius:10px;font-size:1.1rem;text-align:center;width:80%;max-width:300px;margin-bottom:10px;transition:all .3s}input:focus{border-color:var(--accent-red);outline:none}.login-box{background:var(--card-bg);padding:40px;border-radius:10px;max-width:400px;margin:0 auto;width:100%;box-sizing:border-box;box-shadow:0 10px 30px #00000080}button{background-color:var(--accent-red);color:#fff;border:none;padding:15px 30px;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);transition:transform .1s,background .3s;letter-spacing:1px}button:hover{background-color:#d13644;transform:translateY(-2px)}button:active{transform:scale(.98)}button:disabled{background-color:#555;cursor:not-allowed;transform:none}.player-list{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto}.player-item{background:var(--card-bg);padding:15px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #555;animation:slideIn .3s ease-out}.player-item.is-me{border-left-color:var(--accent-green);background:#1a2e25}.player-item.is-host{border-right:4px solid gold}.badge-me{background:var(--accent-green);color:#000;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:700;margin-left:10px}.wheel-container-single{display:flex;flex-direction:column;align-items:center}.wheel-title{color:#aaa;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.wheel-wrapper{position:relative;width:350px;height:350px;margin:10px;border-radius:50%;border:4px solid #fff;background:#1f2731}.wheel{width:100%;height:100%;position:relative;border-radius:50%;transition:transform 4s cubic-bezier(.1,0,.2,1);overflow:hidden}.wheel-pointer{position:absolute;top:50%;right:-25px;transform:translateY(-50%);width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:35px solid #fff;z-index:10;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.5))}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#fff;border-radius:50%;z-index:5;box-shadow:0 0 10px #ffffff80}.wheel-text-container{position:absolute;top:50%;left:50%;width:50%;height:0;transform-origin:0 0;display:flex;justify-content:flex-end;align-items:center}.wheel-text-content{color:#fff;font-weight:800;font-size:.9rem;text-shadow:0 0 4px black;padding-right:35px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.roulette-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:50px}.roulette-box{width:250px;height:150px;background:var(--card-bg);border:2px solid var(--accent-red);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:0 0 20px #ff465533}.roulette-label{position:absolute;top:10px;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.roulette-value{font-size:2rem;font-weight:900;z-index:1}.roulette-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 40%,rgba(255,70,85,.1) 50%,transparent 60%);animation:scan 2s linear infinite}.timer-box{font-size:4rem;font-weight:700;color:var(--text-primary);text-shadow:0 0 10px rgba(255,255,255,.3);margin-bottom:20px}.timer-urgent{color:var(--accent-red);animation:heartbeat 1s infinite}.game-action-area{display:flex;flex-direction:column;width:100%}.game-grid{order:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:20px}.validation-container{order:2;margin-top:40px;min-height:80px;display:flex;justify-content:center}.game-card{background:var(--card-bg);padding:20px;border-top:4px solid #444;position:relative;transition:transform .3s;border-radius:10px}.game-card.done{border-top-color:var(--accent-green);opacity:.6}.game-card.target{border-top-color:var(--accent-red);border:2px solid var(--accent-red)}.game-card.me{transform:scale(1.05);box-shadow:0 5px 15px #00000080;z-index:10}.target-overlay{color:#fff;padding:25px;border-radius:10px;animation:popIn .5s cubic-bezier(.175,.785,.32,1.075);margin-bottom:25px;box-shadow:0 10px 20px #0006;text-align:left}.target-overlay h2{margin-top:0;font-size:1.8rem;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.5);letter-spacing:1px}.target-overlay p{font-size:1.1rem;margin-bottom:10px;line-height:1.5}.target-overlay.role-cible{background:linear-gradient(135deg,#ff4655f2,#82141ef2);border:2px solid #ffaaaf}.target-overlay.role-hunter{background:linear-gradient(135deg,#1baf83f2,#0a503cf2);border:2px solid #a8ffd9}.score-row{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);padding:15px;margin:10px 0;border-radius:4px;animation:slideIn .5s ease-out forwards;opacity:0}.score-row.winner{border:2px solid gold;box-shadow:0 0 15px #ffd7004d}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideIn{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.copy-btn{background:#333;font-size:.8rem;padding:10px;width:auto;clip-path:none;border-radius:4px}.copy-btn:hover{background:#555}.obs-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden}.obs-widget{background:#0f1923;border:2px solid #333;padding:20px;border-radius:8px}.obs-timer{font-weight:900;text-align:center;font-variant-numeric:tabular-nums}@keyframes hudFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hud-animate{animation:hudFadeIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:center}@media(max-width:615px){.container{padding:10px}h1{font-size:2rem}h2{font-size:1.4rem}input{width:100%;max-width:100%;box-sizing:border-box}button{width:100%;padding:15px 10px;font-size:.9rem}.wheel-wrapper{width:280px;height:280px}.wheel-text-content{font-size:.75rem;padding-right:25px;max-width:100px}.roulette-container{gap:20px}.timer-box{font-size:3rem}.game-grid{grid-template-columns:1fr;gap:10px}div[style*="display: flex"]{flex-wrap:wrap}div[style*="padding: 10px 20px"]{width:100%;box-sizing:border-box;text-align:center}.target-overlay{padding:15px}.target-overlay h2{font-size:1.3rem}.target-overlay p{font-size:.95rem}.score-row{flex-direction:column;gap:10px;text-align:center}.score-row>div:first-child{justify-content:center}.game-action-area{display:flex;flex-direction:column}.game-grid{order:2!important;margin-top:20px!important}.validation-container{order:1!important;margin-top:10px!important;margin-bottom:20px!important;min-height:auto}}