@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&family=Inter:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0c10;color:#e8e4d8;font-family:Inter,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center}.screen{width:100%;max-width:420px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:20px}.logo-block{text-align:center}.logo-eye{font-size:48px;margin-bottom:8px}.title{font-family:Rajdhani,sans-serif;font-size:52px;font-weight:700;letter-spacing:6px;background:linear-gradient(135deg,#c8922a,#f0c060,#c8922a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#7a7260;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-top:4px}.hero-preview{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:340px}.hero-chip{background:#161a22;border:1px solid #2a2e3a;color:#7a7260;font-size:11px;padding:4px 10px;border-radius:3px;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#c8922a,#e8a830);color:#0a0c10;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;letter-spacing:3px;border:none;padding:14px 40px;border-radius:4px;cursor:pointer;width:100%;max-width:280px;transition:opacity .15s}.btn-primary:hover{opacity:.88}.btn-secondary{background:transparent;color:#7a7260;font-size:14px;border:1px solid #2a2e3a;padding:10px 24px;border-radius:4px;cursor:pointer;transition:color .15s,border-color .15s}.btn-secondary:hover{color:#e8e4d8;border-color:#5a5242}.deal-header{width:100%;display:flex;justify-content:space-between;font-size:12px;color:#5a5242;letter-spacing:1.5px;text-transform:uppercase}.player-name{font-family:Rajdhani,sans-serif;font-size:36px;font-weight:700;color:#f0c060;letter-spacing:2px;text-align:center}.hand-off-text{color:#5a5242;font-size:13px;text-align:center}.btn-reveal{background:#161a22;border:1px solid #3a3020;color:#c8922a;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;letter-spacing:2px;padding:16px 40px;border-radius:4px;cursor:pointer;transition:background .15s}.btn-reveal:hover{background:#1e2230}.role-card{width:100%;border-radius:8px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:popIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.role-spy{background:linear-gradient(160deg,#1a0a0a,#0d0d0d);border:1px solid #5a1a1a}.role-hero{background:linear-gradient(160deg,#0a1220,#0d0d0d);border:1px solid #1a3060}.role-icon{font-size:44px}.role-label{font-family:Rajdhani,sans-serif;font-size:13px;letter-spacing:4px;color:#7a7260}.role-hero-name{font-family:Rajdhani,sans-serif;font-size:32px;font-weight:700;color:#6ab0f0;letter-spacing:1px}.role-hint{color:#6a3a3a;font-size:13px}.btn-done{background:transparent;border:1px solid #3a3020;color:#c8922a;font-size:14px;padding:10px 24px;border-radius:4px;cursor:pointer;margin-top:8px;transition:background .15s}.btn-done:hover{background:#1e1a10}.timer-block{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.timer-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#1e2230;stroke-width:6}.ring-progress{fill:none;stroke:#c8922a;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.urgent .ring-progress{stroke:#c83030}.timer-text{font-family:Rajdhani,sans-serif;font-size:40px;font-weight:700;color:#f0c060;letter-spacing:2px;position:relative}.urgent .timer-text{color:#e05050}.btn-toggle{background:#161a22;border:1px solid #2a2e3a;color:#e8e4d8;font-size:15px;padding:8px 24px;border-radius:4px;cursor:pointer;transition:background .15s}.btn-toggle:hover{background:#1e2230}.players-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.player-tag{background:#161a22;border:1px solid #2a2e3a;color:#a09880;font-size:13px;padding:8px 16px;border-radius:3px;letter-spacing:.5px}.game-actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.vote-title{font-family:Rajdhani,sans-serif;font-size:36px;font-weight:700;letter-spacing:3px;color:#f0c060}.vote-sub{color:#5a5242;font-size:13px;letter-spacing:1px}.vote-list{display:flex;flex-direction:column;gap:10px;width:100%}.vote-btn{background:#161a22;border:1px solid #2a2e3a;color:#e8e4d8;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:500;letter-spacing:1px;padding:16px;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.vote-btn:hover{background:#1e2230;border-color:#c8922a;color:#f0c060}.result-block{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.result-badge{font-family:Rajdhani,sans-serif;font-size:40px;font-weight:700;letter-spacing:3px}.win{color:#50c080}.lose{color:#c05050}.result-spy{color:#a09880;font-size:16px}.result-hero{color:#6ab0f0;font-size:16px}.result-spy strong,.result-hero strong{color:#f0c060}.result-hint{color:#5a5242;font-size:13px}.player-count-block{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.count-label{font-size:11px;letter-spacing:3px;color:#5a5242;text-transform:uppercase}.count-row{display:flex;align-items:center;gap:24px}.count-btn{width:44px;height:44px;background:#161a22;border:1px solid #2a2e3a;color:#c8922a;font-size:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;line-height:1}.count-btn:hover{background:#1e2230;border-color:#c8922a}.count-value{font-family:Rajdhani,sans-serif;font-size:56px;font-weight:700;color:#f0c060;min-width:60px;text-align:center;line-height:1}.count-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:#2a2e3a;cursor:pointer;transition:background .15s,transform .15s}.dot-active{background:#c8922a}.dot:hover{transform:scale(1.3)}.mode-list{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#161a22;border:1px solid #2a2e3a;border-radius:8px;padding:22px 20px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.mode-btn:hover{background:#1e2230;border-color:#c8922a}.mode-emoji{font-size:32px}.mode-name{font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;letter-spacing:3px;color:#f0c060}.mode-desc{color:#7a7260;font-size:12px;line-height:1.4}.category-block{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.category-picker{display:flex;gap:8px;width:100%;max-width:340px}.category-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:#161a22;border:1px solid #2a2e3a;border-radius:6px;padding:12px 6px;cursor:pointer;transition:background .15s,border-color .15s}.category-btn:hover:not(:disabled){background:#1e2230}.category-btn.active{border-color:#c8922a;background:#1e1a10}.category-btn:disabled{cursor:default;opacity:.55}.category-emoji{font-size:22px}.category-name{font-size:11px;letter-spacing:.5px;color:#a09880;text-transform:uppercase}.category-btn.active .category-name{color:#f0c060}.role-img{width:128px;height:128px;object-fit:contain;border-radius:8px;background:#05070a;border:1px solid #2a2e3a}.result-img{width:96px;height:96px;object-fit:contain;border-radius:8px;background:#05070a;border:1px solid #2a2e3a}.text-input{width:100%;max-width:280px;background:#161a22;border:1px solid #2a2e3a;color:#e8e4d8;font-family:Inter,sans-serif;font-size:16px;padding:12px 14px;border-radius:4px;text-align:center;outline:none}.text-input:focus{border-color:#c8922a}.code-input{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;letter-spacing:8px;text-transform:uppercase}.join-code{font-family:Rajdhani,sans-serif;font-size:44px;font-weight:700;letter-spacing:10px;color:#f0c060;background:#05070a;border:1px dashed #3a3020;padding:8px 20px;border-radius:6px}.join-code-label{font-size:11px;letter-spacing:3px;color:#5a5242;text-transform:uppercase}.lobby-players{display:flex;flex-direction:column;gap:8px;width:100%;max-width:340px}.lobby-player{display:flex;align-items:center;justify-content:space-between;background:#161a22;border:1px solid #2a2e3a;border-radius:4px;padding:10px 14px;color:#e8e4d8;font-size:15px}.lobby-player.disconnected{opacity:.4}.host-badge{font-size:10px;letter-spacing:1px;color:#0a0c10;background:#c8922a;padding:2px 8px;border-radius:3px;text-transform:uppercase}.you-badge{font-size:11px;color:#6ab0f0;letter-spacing:1px}.status-text{color:#7a7260;font-size:14px;text-align:center;line-height:1.5}.error-text{color:#e05050;font-size:13px;text-align:center;min-height:18px}.section-label{font-size:11px;letter-spacing:3px;color:#5a5242;text-transform:uppercase}.divider{width:100%;max-width:280px;text-align:center;color:#3a3e48;font-size:12px;letter-spacing:2px;border-top:1px solid #1e2230;padding-top:14px}