:root{--bg-0: #070a16;--bg-1: #0d1226;--bg-2: #161a3a;--surface: rgba(255, 255, 255, .055);--surface-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .12);--text: #eef0ff;--text-dim: #a3a8cf;--primary: #6d5dfc;--primary-2: #9d8bff;--danger: #e0454f;--danger-2: #ff6b74;--village: #35c98b;--solo: #b388ff;--moon: #ffe9a8;--radius: 18px;--shadow: 0 18px 40px rgba(0, 0, 0, .55);--font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg-0);overscroll-behavior:none}.app{position:relative;min-height:100dvh;display:flex;justify-content:center;overflow-x:hidden}.app__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 82% 8%,rgba(157,139,255,.22),transparent 40%),radial-gradient(circle at 12% 92%,rgba(224,69,79,.16),transparent 42%),linear-gradient(170deg,var(--bg-0),var(--bg-2))}.moon{position:fixed;top:34px;right:28px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--moon) 60%,#d8c07e);box-shadow:0 0 60px 12px #ffe9a859;z-index:-1}.screen{width:100%;max-width:480px;padding:calc(22px + env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.title{font-size:1.55rem;font-weight:800;text-align:center;margin:0;letter-spacing:-.02em}.hint{color:var(--text-dim);font-size:.9rem;text-align:center;margin:0;line-height:1.45}.hint em{color:var(--primary-2);font-style:normal}.counter{text-align:center;color:var(--text-dim);font-weight:600;margin:0}.error{color:var(--danger-2);text-align:center;font-weight:600;margin:0}.section-title{font-size:1.05rem;font-weight:800;margin:0}.big-info{text-align:center;font-weight:700;font-size:1.05rem;margin:0}.big-info--good{color:var(--village)}.big-info--bad{color:var(--danger-2)}.btn{border:none;border-radius:14px;font-family:inherit;font-weight:700;font-size:1rem;padding:14px 16px;color:var(--text);cursor:pointer;transition:transform .12s ease,opacity .12s ease;background:var(--surface-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--lg{padding:16px 18px;font-size:1.05rem}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 12px 26px #6d5dfc66}.btn--danger{background:linear-gradient(135deg,var(--danger),var(--danger-2));box-shadow:0 12px 26px #e0454f5c}.btn--village{background:linear-gradient(135deg,#2aa876,var(--village));box-shadow:0 12px 26px #35c98b52}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.two-cols{display:flex;gap:10px}.two-cols .btn{flex:1}.stack{display:flex;flex-direction:column;gap:14px}.stack--center{align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel{padding:15px;display:flex;flex-direction:column;gap:10px}.setup{gap:16px}.brand{text-align:center;margin-top:4px}.brand__icon{font-size:3rem;filter:drop-shadow(0 6px 18px rgba(224,69,79,.5))}.brand__title{font-size:2.2rem;font-weight:900;letter-spacing:.1em;margin:4px 0 2px;background:linear-gradient(135deg,#fff,var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand__subtitle{color:var(--text-dim);margin:0;letter-spacing:.03em;font-size:.9rem}.stepper{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--danger)}.stepper--wolf{border-left-color:var(--danger)}.stepper__label{font-weight:700}.stepper__controls{display:flex;align-items:center;gap:14px}.stepper__btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center}.stepper__btn--sm{width:34px;height:34px;font-size:1.3rem}.stepper__btn:disabled{opacity:.3}.stepper__value{min-width:26px;text-align:center;font-size:1.3rem;font-weight:800}.stepper__sub{font-weight:500;font-size:.72rem;color:var(--text-dim)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);cursor:pointer;font-family:inherit;color:var(--text);text-align:left;transition:border-color .15s ease,background .15s ease}.switch-row--on{border-color:var(--primary-2);background:#6d5dfc24}.switch-row__text{display:flex;flex-direction:column;gap:2px}.switch-row__label{font-weight:700}.switch-row__sub{font-size:.76rem;color:var(--text-dim)}.switch{flex:none;width:52px;height:30px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);position:relative;transition:background .2s ease}.switch-row--on .switch{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent}.switch__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000059;transition:transform .2s ease}.switch-row--on .switch__knob{transform:translate(22px)}.mystery-note{flex-direction:row;align-items:center;gap:14px}.mystery-note__marks{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.8rem;font-weight:900;background:#6d5dfc2e;color:var(--primary-2)}.tallies{display:flex;gap:10px}.tally{flex:1;text-align:center;padding:8px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-weight:700;font-size:.9rem}.tally--wolf{color:var(--danger-2)}.tally--village{color:var(--village)}.roles-head{display:flex;align-items:center;justify-content:space-between}.link-btn{background:none;border:none;color:var(--primary-2);font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer}.roles-list{display:flex;flex-direction:column;gap:8px}.role-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:border-color .15s ease,background .15s ease}.role-row--on{border-color:var(--primary-2);background:#6d5dfc1f}.role-row__emoji{font-size:1.5rem;flex:none;width:30px;text-align:center}.role-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.role-row__name{font-weight:700;display:flex;align-items:center;gap:6px}.role-row__blurb{font-size:.74rem;color:var(--text-dim);line-height:1.3}.role-row__controls{display:flex;align-items:center;gap:8px;flex:none}.role-row__count{min-width:18px;text-align:center;font-weight:800}.team-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.team-dot--village{background:var(--village)}.team-dot--loups{background:var(--danger)}.team-dot--solo{background:var(--solo)}.sticky-cta{position:sticky;bottom:8px}.progress{height:8px;border-radius:6px;background:var(--surface-strong);overflow:hidden}.progress__bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.deal{display:flex;flex-direction:column;gap:16px}.deal__head{display:flex;flex-direction:column;gap:8px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gamecard{aspect-ratio:3 / 4;border-radius:16px;border:1px solid var(--border);background:linear-gradient(160deg,#1a2050,#10142e);color:var(--text);font-weight:800;cursor:pointer;position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow)}.gamecard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 28%,rgba(157,139,255,.3),transparent 62%)}.gamecard__face{font-size:2rem;position:relative}.gamecard--taken{background:linear-gradient(160deg,#16342a,#10241d);border-color:#35c98b66;cursor:default}.gamecard__owner{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.82rem;padding:4px;text-align:center;word-break:break-word}.gamecard__check{font-size:1.4rem;color:var(--village)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04030cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:100%;max-width:360px;background:linear-gradient(165deg,var(--bg-1),var(--bg-2));border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.modal__title{text-align:center;margin:0;font-size:1.25rem}.modal__actions{display:flex;gap:10px}.modal__actions .btn{flex:1}.input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:#00000047;color:var(--text);font-size:1.1rem;font-family:inherit;outline:none}.input:focus{border-color:var(--primary-2);box-shadow:0 0 0 3px #6d5dfc40}.reveal-word{display:flex;flex-direction:column;gap:16px;align-items:center}.reveal-word__hello{margin:0;color:var(--text-dim);font-weight:600}.role-card{width:100%;border-radius:18px;padding:24px 18px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;border:2px solid var(--border);box-shadow:var(--shadow)}.role-card--village{background:linear-gradient(160deg,#35c98b42,#35c98b12);border-color:var(--village)}.role-card--loups{background:linear-gradient(160deg,#e0454f47,#e0454f14);border-color:var(--danger)}.role-card--solo{background:linear-gradient(160deg,#b388ff42,#b388ff14);border-color:var(--solo)}.role-card--mini{padding:16px 10px}.role-card__emoji{font-size:3rem}.role-card__role{font-size:1.5rem;font-weight:900}.role-card__blurb{font-size:.82rem;color:var(--text-dim);line-height:1.4}.narrator{display:flex;flex-direction:column;gap:16px;align-items:center}.narrator__icon{font-size:3.4rem}.roster{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px}.roster__item{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:12px;background:var(--surface);border-left:4px solid var(--border)}.roster__item--village{border-left-color:var(--village)}.roster__item--loups{border-left-color:var(--danger)}.roster__item--solo{border-left-color:var(--solo)}.roster__item--out .roster__name{text-decoration:line-through;opacity:.55}.roster__name{font-weight:700}.roster__role{font-size:.85rem;color:var(--text-dim);font-weight:600}.night{display:flex;flex-direction:column;gap:16px}.night__head{display:flex;flex-direction:column;gap:6px;align-items:center}.night__badge{align-self:center;padding:6px 16px;border-radius:999px;background:#9d8bff29;border:1px solid rgba(157,139,255,.3);font-weight:700;font-size:.85rem}.night__actors{margin:0;color:var(--text-dim);text-align:center}.night__actors b{color:var(--text)}.picker{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.picker__item{display:flex;align-items:center;gap:8px;padding:9px 13px 9px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:inherit;font-weight:700}.picker__item--sel{border-color:var(--danger);background:#e0454f29}.picker__item--dead{opacity:.35}.picker__avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;font-size:.9rem}.picker__name{font-size:.95rem}.picker__check{color:var(--danger-2)}.thief-cards{display:flex;gap:12px}.thief-cards .role-card{flex:1;cursor:pointer}.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;cursor:pointer}.toggle--on{border-color:var(--primary-2);background:#6d5dfc29}.toggle--heal.toggle--on{border-color:var(--village);background:#35c98b29}.toggle__state{font-size:.8rem;color:var(--text-dim)}.fox-result{text-align:center;font-weight:800;font-size:1.1rem;padding:18px;border-radius:16px;border:1px solid var(--border)}.fox-result--yes{color:var(--danger-2);background:#e0454f24;border-color:var(--danger)}.fox-result--no{color:var(--village);background:#35c98b24;border-color:var(--village)}.morning{display:flex;flex-direction:column;gap:16px;align-items:center}.morning__sun{font-size:3.4rem}.dead-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.dead-card{flex:1 1 130px;max-width:160px;border-radius:16px;padding:16px 10px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;border:2px solid var(--border)}.dead-card--village{border-color:var(--village);background:#35c98b1a}.dead-card--loups{border-color:var(--danger);background:#e0454f1f}.dead-card--solo{border-color:var(--solo);background:#b388ff1a}.dead-card__emoji{font-size:2.4rem}.dead-card__name{font-weight:800}.dead-card__role{font-size:.8rem;color:var(--text-dim)}.day,.vote{display:flex;flex-direction:column;gap:16px;align-items:center}.round-badge{padding:6px 16px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);font-weight:700;font-size:.85rem}.timer{font-size:3.4rem;font-weight:900;letter-spacing:.02em;font-variant-numeric:tabular-nums;padding:8px 24px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.timer--sm{font-size:2.6rem;padding:6px 20px}.timer--run{color:var(--primary-2);border-color:#9d8bff66}.timer--done{color:var(--danger-2);border-color:var(--danger)}.timer-controls{display:flex;gap:8px}.reveal{display:flex;flex-direction:column;gap:16px;align-items:center}.reminders{width:100%;display:flex;flex-direction:column;gap:6px}.reminder{margin:0;text-align:center;font-size:.9rem;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px}.reminder b{color:var(--text)}.hunter{display:flex;flex-direction:column;gap:16px;align-items:center}.hunter__icon{font-size:3.8rem}.gameover{position:relative;display:flex;flex-direction:column;gap:16px;align-items:center}.gameover__banner{text-align:center;margin-top:6px;padding:16px 20px;border-radius:20px;width:100%;border:1px solid var(--border)}.banner--village{background:#35c98b24;border-color:var(--village)}.banner--loups{background:#e0454f29;border-color:var(--danger)}.banner--amour{background:#ff6b7424;border-color:#ff8fa3}.banner--solo{background:#b388ff29;border-color:var(--solo)}.gameover__emoji{font-size:3.4rem;display:block}.gameover__title{font-size:1.7rem;font-weight:900;margin:6px 0 0}.gameover__actions{width:100%;display:flex;flex-direction:column;gap:10px}.gameover__actions .btn{width:100%}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti__piece{position:absolute;top:0;width:9px;height:14px;border-radius:2px;background:var(--primary-2)}.confetti__piece:nth-child(3n){background:var(--danger-2)}.confetti__piece:nth-child(3n+1){background:var(--village)}.confetti__piece:nth-child(4n){background:var(--moon)}.narrator>.btn,.morning>.btn,.day>.btn,.vote .two-cols,.reveal>.btn,.hunter>.btn,.night .stack>.btn{width:100%}