*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--card: #21262d;--border: #30363d;--primary: #e63946;--primary-h: #c1121f;--success: #3fb950;--warning: #d29922;--danger: #e63946;--text: #e6edf3;--text-muted:#8b949e;--radius: 12px;--radius-sm: 6px;--shadow: 0 4px 24px rgba(0,0,0,.5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}html,body{height:100%;background:var(--bg);color:var(--text)}#root{height:100%}.app{min-height:100%;display:flex;flex-direction:column;align-items:center}.reconnect-banner{position:fixed;top:0;left:0;right:0;z-index:999;background:var(--warning);color:#000;text-align:center;padding:6px 12px;font-size:.85rem;font-weight:600}.screen{width:100%;max-width:480px;padding:24px 16px 48px;display:flex;flex-direction:column;gap:20px}.screen__header{display:flex;flex-direction:column;gap:4px}.screen__round{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.screen__title{font-size:1.6rem;font-weight:700}.screen--home{justify-content:center;min-height:100vh}.home__hero{text-align:center;padding:40px 0 20px}.home__logo{font-size:72px;line-height:1;display:block}.home__title{font-size:2.8rem;font-weight:800;letter-spacing:-.03em;margin-top:8px}.home__subtitle{color:var(--text-muted);margin-top:6px}.home__version{color:var(--text-muted);font-size:.75rem;margin-top:8px;opacity:.6}.home__actions{display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-h)}.btn--secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--surface)}.btn--ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.btn--lg{padding:14px 28px;font-size:1.1rem}.btn--full{width:100%}.btn--icon{background:var(--card);color:var(--text);border:1px solid var(--border);width:36px;height:36px;border-radius:50%;padding:0;font-size:1.1rem}.form{display:flex;flex-direction:column;gap:16px}.form__title{font-size:1.3rem;font-weight:700}.form__label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-muted)}.form__input{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-size:1rem;outline:none;transition:border-color .15s}.form__input:focus{border-color:var(--primary)}.form__input--code{letter-spacing:.2em;text-transform:uppercase;font-size:1.4rem;font-weight:700;text-align:center}.form__select{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-size:1rem;outline:none;cursor:pointer}.form__num-row{display:flex;align-items:center;gap:12px}.form__num-val{font-size:1.1rem;font-weight:700;min-width:48px;text-align:center}.form__actions{display:flex;gap:10px}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:.9rem}.alert--error{background:#e6394626;border:1px solid var(--danger);color:#ff8080}.alert--warning{background:#d2992226;border:1px solid var(--warning);color:var(--warning)}.section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.player-list{list-style:none;display:flex;flex-direction:column;gap:6px}.player-list__item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border)}.player-list__item--offline{opacity:.5}.player-list__item--me{border-color:var(--primary)}.player-list__name{font-weight:600}.player-list__you{font-weight:400;color:var(--text-muted);font-size:.85rem}.player-list__badges{display:flex;gap:6px}.player-list--compact .player-list__item{padding:8px 12px}.badge{padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.badge--host{background:#e6394633;color:var(--primary)}.badge--offline{background:var(--surface);color:var(--text-muted)}.badge--imposter{background:#e6394633;color:var(--primary)}.badge--winner{background:#3fb95033;color:var(--success)}.badge--loser{background:#e6394633;color:var(--danger)}.lobby__header{display:flex;flex-direction:column;gap:12px}.lobby__title{font-size:1.6rem;font-weight:700}.lobby__code-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;cursor:pointer;text-align:center;transition:border-color .15s}.lobby__code-box:hover{border-color:var(--primary)}.lobby__code-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);display:block}.lobby__code{display:block;font-size:2.4rem;font-weight:800;letter-spacing:.2em;color:var(--text);margin:4px 0}.lobby__code-copy{font-size:.8rem;color:var(--text-muted)}.lobby__settings{display:flex;flex-direction:column;gap:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lobby__settings-view{background:var(--surface);border-radius:var(--radius);padding:14px}.settings-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:.9rem;color:var(--text-muted)}.lobby__wait-msg{color:var(--text-muted);text-align:center;font-style:italic}.player-score{font-size:.9rem;font-weight:700}.player-score__limit{font-weight:400;color:var(--text-muted);font-size:.8rem}.flip-card{perspective:900px;width:100%;height:220px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.flip-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.4,0,.2,1)}.flip-card--flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;border:2px solid var(--border)}.flip-card__face--front{background:var(--card)}.flip-card__face--back{background:linear-gradient(135deg,#1a2a3a,#1a1a2e);border-color:#3a5a7a;transform:rotateY(180deg)}.flip-card__face--imposter{background:linear-gradient(135deg,#2a1a1a,#1a0a0a);border-color:var(--primary)}.flip-card__icon{font-size:3rem}.flip-card__label{font-size:1rem;font-weight:600;color:var(--text-muted)}.flip-card__hint-text{font-size:.75rem;color:var(--text-muted)}.flip-card__badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:#e6394626;padding:4px 12px;border-radius:999px}.flip-card__word-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.flip-card__word{font-size:1.6rem;font-weight:800;text-align:center}.word-reveal__instruction{color:var(--text-muted);font-size:.9rem;text-align:center}.countdown{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.countdown__ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.countdown__track{fill:none;stroke:var(--border);stroke-width:6}.countdown__progress{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.countdown--danger .countdown__progress{stroke:var(--danger)}.countdown--danger .countdown__number{color:var(--danger);animation:pulse .5s infinite alternate}.countdown__number{font-size:1.5rem;font-weight:800;position:relative;z-index:1}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.screen--voting{align-items:center}.voting__timer{display:flex;justify-content:center}.voting__progress{width:100%;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-muted)}.progress-bar{height:4px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--primary);border-radius:999px;transition:width .3s}.voting__instruction{font-size:.9rem;color:var(--text-muted);align-self:flex-start}.voting__voted-msg{text-align:center;display:flex;flex-direction:column;gap:6px}.vote-list{list-style:none;display:flex;flex-direction:column;gap:8px;width:100%}.vote-btn{width:100%;padding:14px 18px;border-radius:var(--radius);background:var(--card);border:2px solid var(--border);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:border-color .15s,background .15s}.vote-btn:hover:not(:disabled){border-color:var(--primary);background:#e6394614}.vote-btn--voted{opacity:.6}.vote-btn__badge{font-size:.75rem;color:var(--text-muted)}.vote-breakdown{list-style:none;display:flex;flex-direction:column;gap:6px}.vote-breakdown__item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--card);border-radius:var(--radius-sm);font-size:.9rem}.vote-breakdown__voter{font-weight:600;min-width:100px}.vote-breakdown__arrow{color:var(--text-muted)}.vote-breakdown__target--correct{color:var(--danger);font-weight:700}.reveal__imposter{display:flex;flex-direction:column;gap:10px;align-items:center}.imposter-reveal{display:flex;align-items:center;gap:12px;padding:14px 24px;background:#e639461a;border:1px solid var(--primary);border-radius:var(--radius);font-size:1.2rem;animation:imposterReveal .5s cubic-bezier(.4,0,.2,1)}.imposter-reveal__icon{font-size:1.8rem}.imposter-reveal__name{font-weight:700;font-size:1.3rem}.reveal__word{color:var(--text-muted);font-size:.9rem;text-align:center}@keyframes imposterReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-list{list-style:none;display:flex;flex-direction:column;gap:8px}.score-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border)}.score-list__item--winner{border-color:var(--success)}.score-list__item--loser{border-color:var(--danger)}.score-list__player{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.score-list__rank{font-size:.8rem;color:var(--text-muted);margin-right:6px}.score-list__name{font-weight:600}.score-list__details{display:flex;flex-direction:column;gap:2px}.score-list__reason{font-size:.75rem}.score-list__right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:60px}.score-list__total{font-size:1.2rem;font-weight:700}.score-delta{font-size:.95rem;font-weight:700}.score-delta--up{color:var(--danger)}.score-delta--down{color:var(--success)}.score-bar-wrap{width:60px;height:4px;background:var(--border);border-radius:999px;overflow:hidden}.score-bar{height:100%;background:var(--primary);border-radius:999px;transition:width .5s;min-width:2px}.score-bar--danger{background:var(--danger);animation:pulse .7s infinite alternate}.reveal__actions{display:flex;flex-direction:column;gap:12px}.screen--gameover{align-items:center;padding-top:40px}.gameover__hero{text-align:center}.gameover__emoji{font-size:64px;display:block}.gameover__title{font-size:2rem;font-weight:800;margin-top:8px}.gameover__callout{width:100%;display:flex;flex-direction:column;gap:10px}.gameover__winner,.gameover__loser{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius);font-size:1.1rem}.gameover__winner{background:#3fb9501a;border:1px solid var(--success)}.gameover__loser{background:#e639461a;border:1px solid var(--danger)}.gameover__crown,.gameover__skull{font-size:1.5rem}.gameover__scores{width:100%}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}@media (max-width: 400px){.settings-grid{grid-template-columns:1fr}.flip-card{height:180px}.lobby__code{font-size:2rem}}