:root{--color-primary:#4e2e90;--color-primary-light:#7e57c2;--color-primary-dark:#2d1b4e;--color-primary-bg:#f5f0ff;--color-werewolf:#b71c1c;--color-villager:#1b5e20;--color-tanner:#ef6c00;--color-bg:#1a1225;--color-surface:#fffffff2;--color-text:#2c2c2c;--color-text-secondary:#666;--color-border:#e0e0e0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:50px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1225;background-color:var(--color-bg);color:#2c2c2c;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;min-height:-webkit-fill-available;overscroll-behavior:none}html{height:-webkit-fill-available}::selection{background-color:#4e2e90;background-color:var(--color-primary);color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scroll-container{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#4e2e904d;border-radius:4px}.app-container{background:linear-gradient(160deg,#1a1225,#2d1b4e 40%,#1a1225);max-width:100%;padding:0;padding-bottom:var(--safe-bottom);padding-top:var(--safe-top)}.app-container,.home-screen{display:flex;flex-direction:column;margin:0 auto;min-height:100vh;min-height:-webkit-fill-available}.home-screen{align-items:center;gap:8px;justify-content:center;max-width:440px;padding:24px 20px;text-align:center;width:100%}.home-logo{border-radius:20px;box-shadow:0 4px 24px #0006;height:auto;margin-bottom:4px;width:clamp(100px,30vw,160px)}.home-screen h1{color:#e8dff5;font-family:Cinzel,serif;font-size:clamp(2rem,8vw,3.2rem);font-weight:900;letter-spacing:2px;line-height:1.2;margin-bottom:8px;text-shadow:0 2px 20px #7e57c266}.home-subtitle{color:#ffffff80;font-size:14px;letter-spacing:3px;margin-bottom:24px;text-transform:uppercase}.home-options{display:flex;flex-direction:column;gap:12px;margin-top:16px;width:100%}.home-separator{color:#fff6;font-size:13px;letter-spacing:1px;margin:8px 0;position:relative;text-align:center}.home-separator:after,.home-separator:before{background:linear-gradient(90deg,#0000,#7e57c24d,#0000);content:"";height:1px;position:absolute;top:50%;width:38%}.home-separator:before{left:0}.home-separator:after{right:0}@media (max-width:768px){.home-screen{padding:20px 16px}}.game-screen{background:linear-gradient(160deg,#1a1225,#2d1b4e 40%,#1a1225);display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available;padding:12px;padding-bottom:calc(12px + var(--safe-bottom));padding-top:calc(12px + var(--safe-top));width:100%}.game-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:var(--radius-md);margin-bottom:12px;padding:12px 16px;text-align:center;width:100%}.game-title{color:#e8dff5;font-family:Cinzel,serif;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;letter-spacing:.5px;margin-bottom:0;margin-top:0}.game-your-card{align-items:center;color:#fff9;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:center;margin-bottom:4px}.game-your-card-name{border-radius:var(--radius-pill);color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;padding:3px 12px}.game-your-card-name--werewolf{background:linear-gradient(135deg,#c62828,#b71c1c)}.game-your-card-name--villager{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.game-your-card-name--tanner{background:linear-gradient(135deg,#f57c00,#ef6c00)}.game-content{display:flex;flex-direction:column;flex-grow:1}.game-loading{align-items:center;color:#fff9;display:flex;font-size:16px;height:100vh;justify-content:center}@media (max-width:768px){.game-screen{padding:8px;padding-top:calc(8px + var(--safe-top))}.game-header{padding:10px 12px}.game-your-card{font-size:13px}}.card-reveal-phase{align-items:center;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:12px;width:100%}.card-reveal-loading{align-items:center;color:#ffffff80;display:flex;justify-content:center;min-height:200px}.card-reveal-header{margin-bottom:10px;text-align:center}.card-reveal-header h2{color:#e8dff5;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;margin:0 0 4px}.card-reveal-header p{color:#ffffff80;font-size:.8rem;line-height:1.3;margin:0}.card-reveal-card{display:flex;justify-content:center;margin:0 auto 12px;max-width:220px;width:100%}.card-reveal-card .game-card{margin:0;max-width:220px;width:100%}.card-reveal-card .game-card__image-container{height:auto;overflow:visible}.card-reveal-card .game-card__image{height:auto;object-fit:contain;width:100%}.card-reveal-card .game-card__header{padding:8px 12px}.card-reveal-card .game-card__name{font-size:16px}.card-reveal-card .game-card__team{font-size:10px;margin-top:4px;padding:2px 8px}.card-reveal-card .game-card__description{font-size:12px;line-height:1.4;padding:8px 10px}.card-reveal-status{margin-bottom:10px;max-width:380px;text-align:center;width:100%}.card-reveal-status>span{color:#c4a7e8;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.card-reveal-players{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.card-reveal-player{align-items:center;background:#ffffff14;border-radius:var(--radius-pill);display:flex;font-size:.8rem;gap:5px;padding:4px 10px;transition:background .2s}.card-reveal-player--ready{background:#4caf5026}.card-reveal-player-avatar{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.card-reveal-player--ready .card-reveal-player-avatar{background:linear-gradient(135deg,#43a047,#66bb6a)}.card-reveal-player-name{color:#ffffffb3}.card-reveal-player-check{color:#66bb6a;font-weight:700}.card-reveal-action{margin-top:4px;max-width:380px;width:100%}.card-reveal-waiting{color:#fff6;font-size:14px;font-style:italic;padding:12px;text-align:center}@media (max-width:480px){.card-reveal-phase{padding:8px}.card-reveal-header h2{font-size:1.05rem}.card-reveal-header p{font-size:.75rem}.card-reveal-card{margin-bottom:10px;max-width:190px}.card-reveal-card .game-card{max-width:190px}.card-reveal-card .game-card__image-container{height:auto}}@media (max-height:700px){.card-reveal-header{margin-bottom:6px}.card-reveal-header h2{font-size:1rem;margin-bottom:2px}.card-reveal-header p{font-size:.72rem}.card-reveal-card{margin-bottom:8px;max-width:180px}.card-reveal-card .game-card{max-width:180px}.card-reveal-card .game-card__image-container{height:auto}.card-reveal-card .game-card__header{padding:6px 10px}.card-reveal-card .game-card__name{font-size:14px}.card-reveal-card .game-card__description{font-size:11px;padding:6px 8px}.card-reveal-status{margin-bottom:6px}.card-reveal-status>span{font-size:.8rem;margin-bottom:6px}}.game-button{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:var(--radius-sm);box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;justify-content:center;letter-spacing:.3px;min-height:48px;text-align:center;touch-action:manipulation;transition:background-color .2s,transform .1s,box-shadow .2s}.game-button:active{transform:scale(.97)}.game-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.game-button--primary{background:linear-gradient(135deg,#5e3da0,#7e57c2);box-shadow:0 4px 12px #4e2e9059;color:#fff}.game-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#4e2e90,#6d48b0);box-shadow:0 6px 16px #4e2e9073}.game-button--secondary{background-color:#ffffffe6;border:1.5px solid #4e2e9033;box-shadow:0 2px 8px #00000014;color:var(--color-primary)}.game-button--secondary:hover:not(:disabled){background-color:var(--color-primary-bg);border-color:#4e2e904d}.game-button--danger{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 4px 12px #e5393559;color:#fff}.game-button--danger:hover:not(:disabled){background:linear-gradient(135deg,#c62828,#b71c1c)}.game-button--small{font-size:14px;min-height:40px;padding:8px 16px}.game-button--medium{font-size:15px;padding:12px 24px}.game-button--large{font-size:16px;padding:14px 32px}.game-button--full-width{width:100%}@media (max-width:768px){.game-button--medium{font-size:16px;padding:13px 24px}.game-button--large{font-size:17px;padding:15px 28px}.game-button--small{font-size:15px;padding:10px 18px}}.game-card{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:0 auto;max-width:260px;overflow:hidden;position:relative;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease;width:100%}.game-card--selectable{cursor:pointer}.game-card--selectable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.game-card--selected{box-shadow:0 8px 24px #4e2e904d;outline:3px solid var(--color-primary);outline-offset:-3px;transform:translateY(-4px)}.game-card__header{background:linear-gradient(135deg,#5e3da0,#7e57c2);color:#fff;padding:12px 14px;text-align:center}.game-card__name{font-family:Cinzel,serif;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0}.game-card__team{border-radius:var(--radius-pill);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin:6px auto 0;padding:3px 10px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.game-card__team--werewolf{background-color:#b71c1cd9;color:#fff}.game-card__team--villager{background-color:#1b5e20d9;color:#fff}.game-card__team--tanner{background-color:#ef6c00d9;color:#fff}.game-card__image-container{align-items:center;background-color:#f0edf5;display:flex;height:160px;justify-content:center;overflow:hidden}.game-card__image{height:100%;object-fit:cover;width:100%}.game-card__placeholder{background:linear-gradient(135deg,#e8dff5,#d1c4e9);border-radius:50%;color:var(--color-primary);font-family:Cinzel,serif;font-size:36px;font-weight:700;height:80px;width:80px}.game-card__description,.game-card__placeholder{align-items:center;display:flex;justify-content:center}.game-card__description{color:#555;flex-grow:1;font-size:13px;line-height:1.5;padding:12px 14px;text-align:center}.game-card__back{align-items:center;background:linear-gradient(135deg,#3a2266,#5e3da0 50%,#7e57c2);display:flex;justify-content:center;min-height:280px;overflow:hidden;position:relative;width:100%}.game-card__back:before{border:1px solid #ffffff26;border-radius:calc(var(--radius-lg) - 4px);content:"";inset:8px;pointer-events:none;position:absolute}.game-card__back-logo{color:#ffffffd9;font-family:Cinzel,serif;font-size:56px;font-weight:900;letter-spacing:4px;text-shadow:0 2px 12px #0000004d}@media (max-width:480px){.game-card{max-width:220px}.game-card__image-container{height:130px}.game-card__name{font-size:16px}.game-card__description{font-size:12px;padding:10px 12px}.game-card__back{min-height:240px}.game-card__back-logo{font-size:44px}}.night-action{background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;flex-grow:1;margin-bottom:12px;padding:16px}.night-action-header{margin-bottom:16px;text-align:center}.night-action-header h2{color:var(--color-primary);font-family:Cinzel,serif;font-size:1.2rem;margin-bottom:6px;margin-top:0}.night-action-instruction{color:#666;font-size:14px;line-height:1.4;margin-bottom:0}.night-action-content{flex-grow:1}.night-action-center-selection,.night-action-player-selection{margin-bottom:20px}.night-action-center-selection h3,.night-action-player-selection h3{color:var(--color-text);font-size:15px;font-weight:600;margin-bottom:10px}.night-action-players{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.night-action-player{align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;padding:12px 8px;position:relative;transition:all .2s ease}.night-action-player:hover{background-color:var(--color-primary-bg);transform:translateY(-2px)}.night-action-player--selected{background-color:var(--color-primary-bg);border-color:var(--color-primary)}.night-action-player-avatar{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:38px;justify-content:center;margin-bottom:6px;width:38px}.night-action-player-name{color:var(--color-text);font-size:13px;font-weight:500;text-align:center;word-break:break-word}.night-action-player-check{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.night-action-center-cards{display:flex;gap:14px;justify-content:center;margin-top:12px}.night-action-center-card{border-radius:var(--radius-sm);cursor:pointer;height:108px;position:relative;transition:all .2s ease;width:72px}.night-action-center-card--selected,.night-action-center-card:hover{transform:translateY(-4px)}.night-action-center-card-back{background:linear-gradient(135deg,#3a2266,#5e3da0 50%,#7e57c2);border-radius:var(--radius-sm);box-shadow:0 4px 12px #4e2e904d;font-family:Cinzel,serif;font-size:22px;height:100%;width:100%}.night-action-center-card-back,.night-action-center-card-check{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center}.night-action-center-card-check{background:linear-gradient(135deg,#5e3da0,#7e57c2);border:2px solid #fff;border-radius:50%;font-size:12px;height:22px;position:absolute;right:-6px;top:-6px;width:22px}.night-action-footer{margin-top:auto;padding-top:12px}.night-action-none{color:#666;font-size:14px;padding:20px;text-align:center}.night-waiting{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:16px}.night-waiting-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:var(--radius-md);max-width:400px;padding:28px 24px;text-align:center;width:100%}.night-waiting-content h2{color:#e8dff5;font-family:Cinzel,serif;margin-top:0}.night-waiting-content p{color:#fff9}.night-waiting-animation{animation:spin 1.2s linear infinite;border:3px solid #7e57c233;border-radius:50%;border-top-color:#7e57c2;height:44px;margin:16px auto;width:44px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.night-waiting-note{color:#fff6;font-size:13px;font-style:italic}.night-action-result{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:16px}.night-action-result-content{background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:400px;padding:24px;text-align:center;width:100%}.night-action-result-content h2{color:var(--color-primary);font-family:Cinzel,serif;margin-top:0}.night-action-result-card{margin:16px auto;max-width:220px}.night-action-error,.night-action-success{padding:16px}.night-action-success-icon{background:linear-gradient(135deg,#43a047,#2e7d32)}.night-action-error-icon,.night-action-success-icon{border-radius:50%;color:#fff;display:block;font-size:32px;height:56px;line-height:56px;margin:0 auto 16px;width:56px}.night-action-error-icon{background:linear-gradient(135deg,#e53935,#c62828)}@media (max-width:480px){.night-action{padding:12px}.night-action-players{gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.night-action-player{padding:10px 6px}.night-action-player-avatar{font-size:14px;height:34px;width:34px}.night-action-center-card{height:96px;width:64px}.night-action-center-card-back{font-size:18px}.night-action-result-content,.night-waiting-content{padding:20px 16px}}.discussion-phase{background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;flex-grow:1;padding:16px}.discussion-header{margin-bottom:16px;text-align:center}.discussion-round-badge{background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;padding:3px 14px}.discussion-title{color:var(--color-primary);font-family:Cinzel,serif;font-size:1.2rem;margin-bottom:6px;margin-top:0}.discussion-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:0}.discussion-start{align-items:center;background-color:#faf9fc;border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:center;margin-bottom:14px;padding:20px;text-align:center}.discussion-start p{color:#666;font-size:14px;margin-bottom:14px}.discussion-active{display:flex;flex-direction:column;flex-grow:1}.discussion-timer{background-color:#faf9fc;border-radius:var(--radius-sm);margin-bottom:20px;padding:14px}.discussion-timer-visual{background-color:#e8e4ef;border-radius:5px;height:10px;margin-bottom:8px;overflow:hidden}.discussion-timer-progress{background:linear-gradient(90deg,#5e3da0,#7e57c2);border-radius:5px;height:100%;transition:width 1s linear}.discussion-timer-warning .discussion-timer-progress{background:linear-gradient(90deg,#ef6c00,#ff9800)}.discussion-timer-critical .discussion-timer-progress{background:linear-gradient(90deg,#c62828,#f44336)}.discussion-timer-display{align-items:center;display:flex;gap:4px;justify-content:center}.discussion-timer-value{font-feature-settings:"tnum";color:var(--color-text);font-size:22px;font-variant-numeric:tabular-nums;font-weight:700}.discussion-timer-label{color:#999;font-size:13px;margin-top:2px}.discussion-timer-warning .discussion-timer-value{color:#ef6c00}.discussion-timer-critical .discussion-timer-value{color:#e53935}.discussion-players{margin-bottom:20px}.discussion-players h3{color:var(--color-text);font-size:15px;font-weight:600;margin-bottom:10px;margin-top:0}.discussion-players-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.discussion-player{align-items:center;display:flex;flex-direction:column;position:relative}.discussion-player-avatar{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:38px;justify-content:center;margin-bottom:6px;width:38px}.discussion-player-name{color:var(--color-text);font-size:12px;font-weight:500;max-width:100%;text-align:center;word-break:break-word}.discussion-player-silenced{align-items:center;background:linear-gradient(135deg,#e53935,#c62828);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;right:-4px;top:-4px;width:22px}.discussion-notes{background-color:#fff9e6;border-left:3px solid #ffc107;border-radius:var(--radius-sm);margin-bottom:20px;padding:10px 12px}.discussion-notes p{color:#8a7000;font-size:13px;line-height:1.4;margin:0}.discussion-controls{margin-top:auto;padding-top:12px}.discussion-ready-status{background:#4caf501a;border:1px solid #4caf5040;border-radius:var(--radius-sm);padding:10px;text-align:center}.discussion-ready-check{color:#2e7d32;font-size:14px;font-weight:500;margin:0}.discussion-not-ready{background:#faf9fc;border-radius:var(--radius-sm);margin-top:10px;padding:10px 12px;text-align:center}.discussion-not-ready-label{color:#999;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.discussion-not-ready-players{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.discussion-not-ready-player{background:#0000000f;border-radius:var(--radius-pill);color:#555;font-size:12px;font-weight:500;padding:3px 10px}.discussion-zeus-reveal{background:linear-gradient(135deg,#ffc10714,#ffc10726);border:2px solid #ffc1074d;border-radius:var(--radius-sm);margin-bottom:14px;padding:14px;text-align:center}.discussion-zeus-reveal h3{color:#f57f17;font-family:Cinzel,serif;font-size:15px;font-weight:700;margin:0 0 6px}.discussion-zeus-reveal-text{color:#666;font-size:13px;margin:0 0 10px}.discussion-zeus-reveal-card{margin:0 auto;max-width:180px}.discussion-eliminated-banner{background:#e5393514;border:1px solid #e5393533;border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 14px;text-align:center}.discussion-eliminated-banner p{color:#c62828;font-size:13px;font-weight:500;margin:0}.discussion-eliminated-title{color:#999;font-size:14px;font-weight:600;margin-bottom:8px;margin-top:12px}.discussion-player--eliminated{opacity:.5}.discussion-player-avatar--eliminated{background:linear-gradient(135deg,#9e9e9e,#bdbdbd)!important}.discussion-time-up{margin-top:20px;text-align:center}.discussion-time-up-text{color:#e53935;font-size:20px;font-weight:700;margin-bottom:12px}.discussion-loading{align-items:center;color:#999;display:flex;height:200px;justify-content:center}@media (max-width:480px){.discussion-phase{padding:12px}.discussion-timer-value{font-size:20px}.discussion-players-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.discussion-player-avatar{font-size:14px;height:34px;width:34px}.discussion-player-name{font-size:11px}}.voting-phase{background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;flex-grow:1;padding:16px}.voting-header{margin-bottom:16px;text-align:center}.voting-header h2{color:var(--color-primary);font-family:Cinzel,serif;font-size:1.2rem;margin-bottom:6px;margin-top:0}.voting-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:12px}.voting-status{align-items:center;background-color:var(--color-primary-bg);border-radius:var(--radius-pill);display:inline-flex;gap:6px;margin:0 auto;padding:5px 12px}.voting-status-label{color:#666;font-size:13px}.voting-status-count{color:var(--color-primary);font-size:14px;font-weight:700}.voting-players{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:20px}.voting-player{align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;padding:12px 8px;position:relative;transition:all .2s ease}.voting-player:hover{background-color:var(--color-primary-bg);transform:translateY(-2px)}.voting-player--selected{background-color:var(--color-primary-bg);border-color:var(--color-primary)}.voting-player-avatar{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:38px;justify-content:center;margin-bottom:6px;width:38px}.voting-player-name{color:var(--color-text);font-size:13px;font-weight:500;text-align:center;word-break:break-word}.voting-player-check{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.voting-instruction{color:#999;font-size:14px;margin-bottom:20px;text-align:center}.voting-footer{margin-top:auto;padding-top:12px}.voting-message{color:#999;font-size:14px;font-style:italic;margin-bottom:14px;text-align:center}.voting-results-preview{margin-bottom:20px}.voting-results-preview h3{color:var(--color-text);font-size:16px;font-weight:600;margin-bottom:14px;margin-top:0;text-align:center}.voting-player-results{display:flex;flex-direction:column;gap:10px}.voting-player-result{display:flex;flex-direction:column;gap:4px}.voting-player-result-name{color:var(--color-text);font-size:14px;font-weight:500}.voting-player-result-bar-container{align-items:center;background-color:#f0edf5;border-radius:14px;display:flex;height:28px;overflow:hidden;padding:0 12px;position:relative}.voting-player-result-bar{background:linear-gradient(90deg,#5e3da0,#7e57c2);border-radius:14px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease-out}.voting-player-result-count{color:#fff;font-size:13px;font-weight:700;position:relative;z-index:1}.voting-loading{align-items:center;color:#999;display:flex;height:200px;justify-content:center}@media (max-width:480px){.voting-phase{padding:12px}.voting-players{gap:8px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.voting-player{padding:10px 6px}.voting-player-avatar{font-size:14px;height:34px;width:34px}.voting-player-name{font-size:12px}}.voting-eliminated-banner{background:#e5393514;border:1px solid #e5393533;border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 14px;text-align:center}.voting-eliminated-banner p{color:#c62828;font-size:13px;font-weight:500;margin:0}.round-result-phase{background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;flex-grow:1;padding:16px}.round-result-header{margin-bottom:16px;text-align:center}.round-result-round-badge{background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:3px 14px}.round-result-title{color:var(--color-text);font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;margin:0}.round-result-tie{background:#faf9fc;border-radius:var(--radius-sm);margin-bottom:16px;padding:20px;text-align:center}.round-result-tie p{color:#666;font-size:15px;font-weight:500;margin:0}.round-result-eliminated{margin-bottom:16px}.round-result-eliminated h3{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 10px;text-align:center}.round-result-eliminated--special h3{color:#e65100}.round-result-eliminated-info{align-items:center;display:flex;flex-direction:column;text-align:center}.round-result-eliminated-name{color:var(--color-text);font-size:18px;font-weight:700;margin-bottom:4px}.round-result-eliminated-detail{color:#999;font-size:13px;margin-bottom:8px}.round-result-eliminated-card{margin:0 auto;max-width:200px}.round-result-status{color:#888;font-size:14px;font-weight:500;margin-bottom:12px;padding:8px 0;text-align:center}.round-result-winner{border-radius:var(--radius-md);margin-bottom:16px;padding:20px;text-align:center}.round-result-winner--werewolf{background:linear-gradient(135deg,#b71c1c14,#b71c1c26);border:2px solid #b71c1c4d}.round-result-winner--villager{background:linear-gradient(135deg,#1b5e2014,#1b5e2026);border:2px solid #1b5e204d}.round-result-winner--tanner{background:linear-gradient(135deg,#ef6c0014,#ef6c0026);border:2px solid #ef6c004d}.round-result-winner-title{font-family:Cinzel,serif;font-size:22px;font-weight:700;margin:0 0 8px}.round-result-winner--werewolf .round-result-winner-title{color:var(--color-werewolf)}.round-result-winner--villager .round-result-winner-title{color:var(--color-villager)}.round-result-winner--tanner .round-result-winner-title{color:var(--color-tanner)}.round-result-winner-description{color:#666;font-size:14px;line-height:1.4;margin:0}.round-result-continue-info{background:#5e3da00f;border-radius:var(--radius-sm);margin-bottom:16px;padding:12px;text-align:center}.round-result-continue-info p{color:#666;font-size:14px;margin:0}.round-result-actions{margin-top:auto;padding-top:12px}.round-result-waiting{color:#999;font-size:14px;font-style:italic;margin-top:auto;padding:12px;text-align:center}.round-result-waiting p{margin:0}.round-result-loading{align-items:center;color:#999;display:flex;height:200px;justify-content:center}@media (max-width:480px){.round-result-phase{padding:12px}.round-result-winner-title{font-size:18px}}.results-phase{background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;flex-grow:1;padding:16px}.results-winner{border-radius:var(--radius-md);margin-bottom:20px;padding:20px;text-align:center}.results-winner--werewolf{background:linear-gradient(135deg,#b71c1c14,#b71c1c26);border:2px solid #b71c1c4d}.results-winner--villager{background:linear-gradient(135deg,#1b5e2014,#1b5e2026);border:2px solid #1b5e204d}.results-winner--tanner{background:linear-gradient(135deg,#ef6c0014,#ef6c0026);border:2px solid #ef6c004d}.results-winner-title{font-family:Cinzel,serif;font-size:24px;font-weight:700;margin-bottom:8px;margin-top:0}.results-winner--werewolf .results-winner-title{color:var(--color-werewolf)}.results-winner--villager .results-winner-title{color:var(--color-villager)}.results-winner--tanner .results-winner-title{color:var(--color-tanner)}.results-winner-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:4px}.results-round-count{color:#999;font-size:12px;margin:0}.results-voted-player{margin-bottom:20px}.results-voted-player h3{color:var(--color-text);font-size:17px;font-weight:600;margin-bottom:12px;margin-top:0;text-align:center}.results-voted-player-info{align-items:center;display:flex;flex-direction:column;text-align:center}.results-voted-player-name{color:var(--color-text);font-size:18px;font-weight:700;margin-bottom:4px}.results-voted-player-votes{color:#999;font-size:14px;margin-bottom:12px}.results-voted-player-card{margin:0 auto;max-width:200px}.results-all-cards,.results-reveal-cards{margin-bottom:20px}.results-all-cards h3{color:var(--color-text);font-size:17px;font-weight:600;margin-bottom:14px;margin-top:0;text-align:center}.results-players-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.results-player{background-color:#faf9fc;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;position:relative}.results-player--executed{box-shadow:0 0 0 2px #e53935}.results-player-team--werewolf{border-left:4px solid var(--color-werewolf)}.results-player-team--villager{border-left:4px solid var(--color-villager)}.results-player-team--tanner{border-left:4px solid var(--color-tanner)}.results-player-info{align-items:center;display:flex;margin-bottom:10px}.results-player-avatar{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:30px;justify-content:center;margin-right:8px;width:30px}.results-player-name{color:var(--color-text);font-size:15px;font-weight:600}.results-player-card{margin-bottom:10px}.results-player-final-card{border-top:1px dashed #e0e0e0;padding-top:8px}.results-player-final-card-label{color:#999;font-size:12px;margin-bottom:6px}.results-center-cards h3{color:var(--color-text);font-size:17px;font-weight:600;margin-bottom:14px;margin-top:0;text-align:center}.results-center-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.results-center-card{text-align:center}.results-center-card-label{color:#999;font-size:13px;font-weight:500;margin-bottom:6px}.results-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.results-loading{align-items:center;color:#999;display:flex;height:200px;justify-content:center}.results-rules{background-color:var(--color-primary-bg);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);margin-top:20px;padding:14px}.results-rules h3{color:var(--color-primary);font-family:Cinzel,serif;font-size:16px;margin-bottom:12px;margin-top:0;text-align:center}.results-rules-list{list-style-type:none;margin:0;padding:0}.results-rules-list li{color:#555;font-size:13px;line-height:1.5;margin-bottom:10px;padding-left:8px;position:relative}.results-rules-condition{color:var(--color-primary);font-weight:700}.results-player-executed-tag{background:linear-gradient(135deg,#e53935,#c62828);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;padding:2px 6px}@media (max-width:480px){.results-phase{padding:12px}.results-winner{padding:16px}.results-winner-title{font-size:20px}.results-players-grid{grid-template-columns:1fr}.results-center-cards-grid{gap:16px;grid-template-columns:1fr}}.create-lobby{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:var(--radius-lg);margin:0 auto;max-width:440px;padding:24px 20px;width:100%}.create-lobby__title{color:#e8dff5;font-family:Cinzel,serif;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;margin-top:0;text-align:center}.create-lobby__form{display:flex;flex-direction:column;gap:16px}.create-lobby__input-group{display:flex;flex-direction:column;gap:6px}.create-lobby__label{color:#ffffffb3;font-size:14px;font-weight:600;letter-spacing:.3px}.create-lobby__input{background:#ffffffe6;border:1.5px solid #7e57c24d;border-radius:var(--radius-sm);color:var(--color-text);font-family:Inter,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.create-lobby__input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #7e57c233;outline:none}.create-lobby__input::placeholder{color:#aaa}.create-lobby__error{color:#ff6b6b;font-size:13px;margin-top:-8px}.create-lobby__buttons{display:flex;gap:10px;margin-top:4px}.create-lobby__buttons button{flex:1 1}@media (max-width:768px){.create-lobby{padding:20px 16px}.create-lobby__input{font-size:16px;padding:14px 16px}}.join-lobby{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:var(--radius-lg);margin:0 auto;max-width:440px;padding:24px 20px;width:100%}.join-lobby__title{color:#e8dff5;font-family:Cinzel,serif;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;margin-top:0;text-align:center}.join-lobby__form{display:flex;flex-direction:column;gap:16px}.join-lobby__input-group{display:flex;flex-direction:column;gap:6px}.join-lobby__label{color:#ffffffb3;font-size:14px;font-weight:600;letter-spacing:.3px}.join-lobby__input{background:#ffffffe6;border:1.5px solid #7e57c24d;border-radius:var(--radius-sm);color:var(--color-text);font-family:Inter,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.join-lobby__input--code{font-family:Cinzel,serif;font-size:20px;font-weight:700;letter-spacing:6px;text-align:center;text-transform:uppercase}.join-lobby__input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #7e57c233;outline:none}.join-lobby__input::placeholder{color:#aaa;letter-spacing:2px}.join-lobby__error{color:#ff6b6b;font-size:13px;margin-top:-8px}.join-lobby__buttons{display:flex;gap:10px;margin-top:4px}.join-lobby__buttons button{flex:1 1}@media (max-width:768px){.join-lobby{padding:20px 16px}.join-lobby__input{font-size:16px;padding:14px 16px}.join-lobby__input--code{font-size:20px;padding:14px 16px}}.lobby-screen{background:linear-gradient(160deg,#1a1225,#2d1b4e 40%,#1a1225);display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));padding-top:calc(16px + var(--safe-top));width:100%}.lobby-header{margin-bottom:20px;text-align:center;width:100%}.lobby-header h1{color:#e8dff5;font-family:Cinzel,serif;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;letter-spacing:1px;margin-bottom:12px;text-shadow:0 2px 12px #7e57c24d}.lobby-info{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:var(--radius-md);flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto;max-width:500px;padding:12px 16px;width:100%}.lobby-code,.lobby-info{align-items:center;display:flex}.lobby-code{color:#fff9;font-size:13px;gap:8px}.lobby-code-value{align-items:center;background:#7e57c233;border:1px solid #7e57c24d;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;min-width:80px;padding:8px 14px;touch-action:manipulation;transition:background .2s}.lobby-code-value:active{background:#7e57c259}.lobby-code-value strong{color:#e8dff5;font-family:Cinzel,serif;font-size:20px;letter-spacing:3px}.lobby-code-copy{color:#7e57c2cc;font-size:10px;margin-top:2px}.lobby-players-count{align-items:center;color:#fff9;display:flex;font-size:13px;gap:8px}.lobby-players-count strong{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:50%;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.lobby-content{display:flex;flex-direction:column;flex-grow:1;gap:20px;margin:0 auto;max-width:600px;width:100%}.lobby-players-section{margin-bottom:0}.lobby-settings-section{background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:20px}.lobby-settings-title{color:var(--color-text);font-size:18px;font-weight:600;margin-top:0}.lobby-error,.lobby-settings-title{margin-bottom:16px;text-align:center}.lobby-error{background-color:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:var(--radius-sm);color:#ff6b6b;font-size:14px;padding:12px}.lobby-start-game{margin-top:16px}.lobby-waiting{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.lobby-waiting-message{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:var(--radius-md);max-width:400px;padding:28px 24px;text-align:center;width:100%}.lobby-waiting-message h2{color:#e8dff5;font-family:Cinzel,serif;margin-top:0}.lobby-waiting-message p{color:#fff9}.lobby-loading{align-items:center;color:#fff9;display:flex;font-size:16px;height:100vh;justify-content:center}@media (max-width:768px){.lobby-screen{padding:12px;padding-top:calc(12px + var(--safe-top))}.lobby-header h1{font-size:24px}.lobby-info{gap:10px;padding:10px 12px}.lobby-code-value strong{font-size:18px}.lobby-settings-section{padding:16px}.lobby-waiting-message{padding:20px 16px}}.player-list-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:var(--radius-md);margin:0 auto;max-width:500px;padding:16px;width:100%}.player-list-title{color:#e8dff5;font-size:16px;font-weight:600;letter-spacing:.3px;margin-bottom:12px;margin-top:0;text-align:center}.player-list{list-style:none;margin:0;padding:0}.player-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .2s ease}.player-item:last-child{border-bottom:none}.player-item--current{background-color:#7e57c21f;border-radius:var(--radius-sm)}.player-item__name{align-items:center;color:#ffffffd9;display:flex;font-size:14px;font-weight:500;gap:8px}.player-item__badge{background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:var(--radius-pill);color:#fff;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px}.player-item__badge--self{background:linear-gradient(135deg,#2e7d32,#43a047)}.player-item__status{border-radius:var(--radius-pill);font-size:11px;font-weight:500;padding:3px 8px}.player-item__status--ready{background-color:#2e7d3233;color:#66bb6a}.player-item__status--silenced{background-color:#c6282833;color:#ef5350}.player-list-empty{color:#fff6;font-size:14px;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.player-list-container{padding:12px}.player-item{padding:8px 10px}}.card-selection{margin-top:12px}.card-selection__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.card-selection__title{color:var(--color-text);font-size:16px;font-weight:600;margin:0}.card-selection__counter{background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:var(--radius-pill);color:#fff;font-size:13px;font-weight:700;padding:4px 12px}.card-selection__selected{margin-bottom:14px}.card-selection__selected h4{color:var(--color-text);font-size:14px;margin-bottom:8px;margin-top:0}.card-selection__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.card-selection__chip{align-items:center;border-radius:var(--radius-pill);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:5px 10px;transition:all .2s ease}.card-selection__chip--werewolf{background-color:var(--color-werewolf)}.card-selection__chip--werewolf:hover{background-color:#8f1616}.card-selection__chip--villager{background-color:var(--color-villager)}.card-selection__chip--villager:hover{background-color:#144418}.card-selection__chip--tanner{background-color:var(--color-tanner)}.card-selection__chip--tanner:hover{background-color:#cc5c00}.card-selection__chip-remove{font-size:16px;font-weight:700;margin-left:2px;opacity:.8}.card-selection__actions{display:flex;flex-direction:column;gap:12px}.card-selection__success-message{background-color:#e8f5e9;color:#2e7d32}.card-selection__info-message,.card-selection__success-message{border-radius:var(--radius-sm);font-size:14px;font-weight:500;padding:10px;text-align:center}.card-selection__info-message{background-color:#e1f5fe;color:#0277bd}.card-selection__filters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px}.card-selection__filter{background-color:#f0f0f0;border:none;border-radius:var(--radius-pill);color:#666;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:7px 14px;transition:all .2s ease}.card-selection__filter--active{background-color:var(--color-primary);color:#fff}.card-selection__filter--villager.card-selection__filter--active{background-color:var(--color-villager)}.card-selection__filter--werewolf.card-selection__filter--active{background-color:var(--color-werewolf)}.card-selection__filter--tanner.card-selection__filter--active{background-color:var(--color-tanner)}.card-selection__pool{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:14px;max-height:380px;overflow-y:auto;padding-right:4px}.card-selection__card{background-color:#faf9fc;border:1.5px solid #e8e4ef;border-radius:var(--radius-sm);cursor:pointer;padding:12px;position:relative;transition:all .2s ease}.card-selection__card:hover{background-color:#f5f0ff;box-shadow:0 4px 12px #4e2e901a;transform:translateY(-1px)}.card-selection__card--selected{background-color:var(--color-primary-bg);border-color:var(--color-primary)}.card-selection__card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.card-selection__card-name{color:var(--color-text);font-size:15px;font-weight:600;margin:0}.card-selection__card-team{border-radius:var(--radius-pill);color:#fff;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.card-selection__card-team--werewolf{background-color:var(--color-werewolf)}.card-selection__card-team--villager{background-color:var(--color-villager)}.card-selection__card-team--tanner{background-color:var(--color-tanner)}.card-selection__card-description{color:#666;font-size:13px;line-height:1.4;margin-bottom:20px}.card-selection__card-status{bottom:10px;position:absolute;right:10px}.card-selection__card-selected-mark{align-items:center;background:linear-gradient(135deg,#5e3da0,#7e57c2);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.card-selection__card-select-prompt{color:var(--color-primary);font-size:12px;font-weight:500;opacity:.6}@media (max-width:768px){.card-selection__pool{grid-template-columns:1fr;max-height:400px}.card-selection__chip{font-size:14px;padding:6px 10px}}
/*# sourceMappingURL=main.f8404ace.css.map*/