:root{--color-bg:#0a0a14;--color-surface:#15151f;--color-text:#ececf1;--color-text-muted:#8a8a9c;--color-accent:#c9a55b;--color-error:#ef4444;--radius:8px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.5}#app{padding:var(--space-4)var(--space-3);max-width:480px;min-height:100vh;margin:0 auto}button{font:inherit;cursor:pointer}input{font:inherit}.enable-audio{position:fixed;top:var(--space-2);right:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-accent);color:#1a1a1a;border-radius:var(--radius);cursor:pointer;z-index:100;border:none;font-size:.85rem}.enable-audio[hidden]{display:none}body{background:radial-gradient(circle at top,#1a1a2e 0%,var(--color-bg)60%);background-attachment:fixed}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}button{min-height:48px}.home{display:flex;gap:var(--space-5);flex-direction:column}.home__title{text-align:center;color:var(--color-accent);margin:0;font-size:2rem}.home__tagline{text-align:center;color:var(--color-text-muted);margin:0}.home__error{padding:var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);background:#ef44441a}.home__form{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius);flex-direction:column}.home__section-title{margin:0;font-size:1.1rem}.home__label{display:flex;gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.9rem}.home__input{padding:var(--space-3);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);border:1px solid #2a2a3a}.home__input--code{letter-spacing:.3em;text-transform:uppercase;text-align:center;font-size:1.4rem}.home__button{padding:var(--space-3);border-radius:var(--radius);color:var(--color-text);background:0 0;border:1px solid #2a2a3a;min-height:48px}.home__button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#1a1a1a;font-weight:600}.lobby{display:flex;gap:var(--space-5);flex-direction:column}.lobby__header{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius);text-align:center}.lobby__label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0;font-size:.85rem}.lobby__code{margin:var(--space-2)0;letter-spacing:.2em;color:var(--color-accent);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:2.5rem}.lobby__hint{color:var(--color-text-muted);margin:0;font-size:.9rem}.lobby__section-title{margin:0 0 var(--space-2);font-size:1.05rem}.lobby__player-list{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.lobby__player{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius)}.lobby__player--me{border:1px solid var(--color-accent)}.lobby__player--offline{opacity:.5}.lobby__player-name{flex:1}.lobby__badge{text-transform:uppercase;letter-spacing:.1em;background:#2a2a3a;border-radius:999px;padding:2px 8px;font-size:.7rem}.lobby__badge--me{background:var(--color-accent);color:#1a1a1a}.lobby__waiting{text-align:center;color:var(--color-text-muted);font-style:italic}.lobby__config-form{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius);flex-direction:column}.lobby__config-hint{color:var(--color-text-muted);margin:0;font-size:.85rem}.lobby__roles{display:flex;gap:var(--space-1);border:0;flex-direction:column;margin:0;padding:0}.lobby__role{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius);cursor:pointer}.lobby__role input{width:18px;height:18px}.lobby__role input[disabled]{opacity:.6}.lobby__label-input{display:flex;gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.85rem}.lobby__label-input input{padding:var(--space-2);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius);border:1px solid #2a2a3a}.lobby__start{padding:var(--space-3);background:var(--color-accent);color:#1a1a1a;border-radius:var(--radius);cursor:pointer;border:none;min-height:48px;font-weight:600}.lobby__start[disabled]{opacity:.5;cursor:not-allowed}.lobby__qr{display:flex;margin:var(--space-3)0;justify-content:center;min-height:120px}.lobby__qr-img{border-radius:var(--radius);background:#fff;width:200px;height:200px;padding:8px}.lobby__config-error{color:var(--color-error);padding:var(--space-2);border-radius:var(--radius);background:#ef44441a;margin:0;font-size:.85rem}.role-reveal{display:flex;gap:var(--space-5);padding-top:var(--space-5);flex-direction:column;align-items: center}.role-reveal__intro{color:var(--color-text-muted);font-style:italic}.role-reveal__card{position:relative;perspective:1000px;width:280px;height:400px}.role-reveal__back,.role-reveal__front{position:absolute;border-radius:var(--radius);background:var(--color-surface);border:2px solid var(--color-accent);padding:var(--space-4);display:flex;text-align:center;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items: center;transition:transform .8s cubic-bezier(.4,0,.2,1);inset:0}.role-reveal__back{color:var(--color-accent);font-size:6rem}.role-reveal__front{gap:var(--space-2);transform:rotateY(180deg)}.role-reveal__card[data-revealed=true] .role-reveal__back{transform:rotateY(180deg)}.role-reveal__card[data-revealed=true] .role-reveal__front{transform:rotateY(0)}.role-reveal__faction{text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);margin:0;font-size:.75rem}.role-reveal__name{color:var(--color-accent);margin:0;font-size:2rem}.role-reveal__lore{color:var(--color-text);margin:0;font-size:.85rem;line-height:1.6}.role-reveal__allies{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #2a2a3a;width:100%}.role-reveal__allies-label{color:var(--color-error);margin:0 0 var(--space-1);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.role-reveal__allies ul{list-style:none;margin:0;padding:0}.role-reveal__reveal,.role-reveal__ack{padding:var(--space-3)var(--space-5);background:var(--color-accent);color:#1a1a1a;border-radius:var(--radius);cursor:pointer;border:none;min-height:48px;font-weight:600}.role-reveal__ack{color:var(--color-text);border:1px solid var(--color-accent);background:0 0}.role-reveal__ack[disabled]{opacity:.5;cursor:not-allowed}.night-waiting{display:flex;gap:var(--space-5);padding-top:var(--space-6);text-align:center;flex-direction:column;align-items: center}.night-waiting__caption{color:var(--color-text-muted);margin:0;font-style:italic}.night-waiting__phase{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:1.5rem}.notebook{background:var(--color-surface);padding:var(--space-3);border-radius:var(--radius);width:100%}.notebook__title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0 0 var(--space-2);font-size:.9rem}.notebook__list{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.notebook__entry{text-align:left;font-size:.85rem;line-height:1.5}.notebook__night{display:inline-block;color:var(--color-accent);margin-right:var(--space-1);font-weight:600}.night-action{display:flex;gap:var(--space-4);padding-top:var(--space-4);flex-direction:column}.night-action__role{text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent);margin:0;font-size:.8rem}.night-action__prompt{color:var(--color-text);margin:0;font-size:1.4rem}.night-action__confirm{padding:var(--space-3)var(--space-5);background:var(--color-accent);color:#1a1a1a;border-radius:var(--radius);cursor:pointer;border:none;min-height:48px;font-weight:600}.night-action__confirm[disabled]{opacity:.4;cursor:not-allowed}.player-picker{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.player-picker__item{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius);cursor:pointer;display:flex;user-select:none;border:1px solid #2a2a3a;align-items: center;min-height:48px}.player-picker__item--selected{background:var(--color-accent);color:#1a1a1a;border-color:var(--color-accent)}.player-picker__item--dead{opacity:.4;cursor:not-allowed}.player-picker__name{font-size:1rem}.night-action__consensus{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-3);border:1px solid #2a2a3a}.night-action__consensus-title{text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin:0 0 var(--space-2);font-size:.75rem}.night-action__consensus-list{list-style:none;margin:0 0 var(--space-2);display:flex;gap:var(--space-1);flex-direction:column;padding:0}.night-action__consensus-row{font-size:.95rem}.night-action__consensus-pending{color:var(--color-text-muted);font-style:italic}.night-action__consensus-wait{color:var(--color-text-muted);margin:0;font-size:.85rem;font-style:italic}.night-action__consensus-ok{color:var(--color-accent);margin:0;font-size:.9rem;font-weight:600}.night-action--result{text-align:center;align-items: center}.night-action__result-text{color:var(--color-accent);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius);margin:var(--space-3)0;font-size:1.4rem;font-weight:600;line-height:1.4}.night-action__result-hint{color:var(--color-text-muted);margin:0 0 var(--space-3);font-size:.85rem;font-style:italic}.night-action__dismiss{padding:var(--space-3)var(--space-5);background:var(--color-accent);color:#1a1a1a;border-radius:var(--radius);cursor:pointer;border:none;min-height:48px;font-weight:600}.death-trigger{display:flex;gap:var(--space-4);padding-top:var(--space-4);flex-direction:column}.death-trigger__role{text-transform:uppercase;letter-spacing:.2em;color:var(--color-danger,#d9534f);margin:0;font-size:.8rem}.death-trigger__prompt{color:var(--color-text);margin:0;font-size:1.4rem}.death-trigger__hint{color:var(--color-muted,#9a9ab0);margin:0;font-size:.95rem}.death-trigger__confirm{padding:var(--space-3)var(--space-5);background:var(--color-danger,#d9534f);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;min-height:48px;font-weight:600}.death-trigger__confirm[disabled]{opacity:.4;cursor:not-allowed}.day-results{display:flex;gap:var(--space-5);padding-top:var(--space-5);flex-direction:column}.day-results__intro{color:var(--color-text-muted);text-align:center;margin:0;font-style:italic}.day-results__deaths{list-style:none;display:flex;gap:var(--space-3);flex-direction:column;margin:0;padding:0}.day-results__death{padding:var(--space-3);background:var(--color-surface);border-left:3px solid var(--color-error);border-radius:var(--radius)}.day-results__name{color:var(--color-text);margin:0;font-size:1.2rem}.day-results__cause{margin:var(--space-1)0;color:var(--color-text-muted);font-style:italic}.day-results__role{margin:0;font-size:.9rem}.day-results__role strong{color:var(--color-accent)}.day-results__hint{text-align:center;color:var(--color-text-muted);margin:0;font-style:italic}.day{display:flex;gap:var(--space-4);padding-top:var(--space-3);flex-direction:column}.day__header{text-align:center}.day__title{color:var(--color-accent);margin:0;font-size:1.6rem}.day__subtitle{color:var(--color-text-muted);margin:0;font-style:italic}.day__section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0 0 var(--space-2);font-size:.9rem}.day__list{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.day__player{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius)}.day__player--ready{border-left:3px solid var(--color-accent)}.day__player--dead{opacity:.5}.day__player-name{flex:1}.day__player-ready{background:var(--color-accent);color:#1a1a1a;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:2px 8px;font-size:.7rem}.day__player-role{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.day__footer{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid #2a2a3a;flex-direction:column;align-items: center}.day__quorum{color:var(--color-text-muted);margin:0;font-size:.9rem}.day__ready{padding:var(--space-3)var(--space-5);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius);cursor:pointer;background:0 0;min-height:48px;font-weight:600}.day__ready--active{background:var(--color-accent);color:#1a1a1a}.vote{display:flex;gap:var(--space-4);padding-top:var(--space-3);flex-direction:column}.vote__header{text-align:center}.vote__title{color:var(--color-error);margin:0;font-size:1.6rem}.vote__timer{color:var(--color-accent);margin:var(--space-1)0 0;font-family:ui-monospace,monospace;font-size:2rem}.vote__candidates{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.vote__candidate{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius);cursor:pointer;display:flex;border:1px solid #2a2a3a;align-items: center;min-height:48px}.vote__candidate--selected{background:var(--color-error);color:#fff;border-color:var(--color-error)}.vote__candidate--abstain{color:var(--color-text-muted);font-style:italic}.vote__candidate--abstain.vote__candidate--selected{color:var(--color-text);background:#2a2a3a}.vote__confirm{padding:var(--space-3)var(--space-5);background:var(--color-accent);color:#1a1a1a;border-radius:var(--radius);cursor:pointer;border:none;min-height:48px;font-weight:600}.vote__confirm[disabled]{opacity:.4;cursor:not-allowed}.vote__dead{text-align:center;color:var(--color-text-muted);padding:var(--space-5);font-style:italic}.end{display:flex;gap:var(--space-5);padding-top:var(--space-5);flex-direction:column}.end__header{text-align:center}.end__faction{text-transform:uppercase;letter-spacing:.3em;color:var(--color-accent);margin:0;font-size:.8rem}.end__title{margin:var(--space-2)0;color:var(--color-text);font-size:1.6rem}.end__subtitle{color:var(--color-text-muted);margin:0;font-style:italic}.end__section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0 0 var(--space-2);font-size:.9rem}.end__list{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.end__entry{display:flex;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius);justify-content:space-between}.end__name{color:var(--color-text)}.end__role{color:var(--color-accent);font-weight:600}.end__footer{text-align:center;color:var(--color-text-muted);font-style:italic}.end__hint{margin:0}