:root{--tg-viewport-height: 100vh;--tg-theme-bg: var(--tg-theme-bg-color, #ffffff);--tg-theme-text: var(--tg-theme-text-color, #000000);--tg-theme-hint: var(--tg-theme-hint-color, #999999);--tg-theme-link: var(--tg-theme-link-color, #2678b6);--tg-theme-button: var(--tg-theme-button-color, #2678b6);--tg-theme-button-text: var(--tg-theme-button-text-color, #ffffff);--tg-theme-secondary-bg: var(--tg-theme-secondary-bg-color, #f1f1f1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:var(--tg-viewport-height);overflow:hidden;background-color:var(--tg-theme-bg);color:var(--tg-theme-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lobby{display:flex;flex-direction:column;height:100%;overflow-y:auto;gap:16px;padding:16px 0}.reconnecting-banner{background:#f39c12;color:#fff;text-align:center;padding:8px;font-size:13px;border-radius:8px}.invite-section{display:flex;align-items:center;gap:12px;background:var(--tg-theme-secondary-bg);border-radius:12px;padding:12px 16px}.room-code{flex:1;font-size:18px;font-weight:700;letter-spacing:2px;color:var(--tg-theme-text)}.share-btn{padding:8px 16px;border-radius:8px;border:none;background:var(--tg-theme-button);color:var(--tg-theme-button-text);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.player-list{background:var(--tg-theme-secondary-bg);border-radius:12px;overflow:hidden}.player-list__header{padding:10px 16px;font-size:12px;font-weight:600;color:var(--tg-theme-hint);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(128,128,128,.15)}.player-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(128,128,128,.1)}.player-row:last-child{border-bottom:none}.connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-dot.connected{background:#2ecc71}.connection-dot.disconnected{background:#95a5a6}.player-name{flex:1;font-size:15px;color:var(--tg-theme-text)}.you-badge{color:var(--tg-theme-hint);font-size:13px}.host-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--tg-theme-button);color:var(--tg-theme-button-text)}.host-controls{display:flex;flex-direction:column;gap:16px}.section-label{font-size:13px;font-weight:600;color:var(--tg-theme-hint);margin-bottom:8px}.fp-selector{background:var(--tg-theme-secondary-bg);border-radius:12px;padding:14px 16px}.fp-options{display:flex;gap:20px}.fp-option{display:flex;align-items:center;gap:6px;font-size:15px;cursor:pointer;color:var(--tg-theme-text)}.fp-select{margin-top:12px;width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(128,128,128,.3);background:var(--tg-theme-bg);color:var(--tg-theme-text);font-size:15px}.start-btn{width:100%;padding:16px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer}.start-btn.enabled{background:var(--tg-theme-button);color:var(--tg-theme-button-text)}.start-btn.disabled{background:#80808040;color:var(--tg-theme-hint);cursor:not-allowed}.waiting-msg{text-align:center;color:var(--tg-theme-hint);font-size:15px;padding:16px}.role-reveal-screen{display:flex;flex-direction:column;align-items:center;padding:24px 16px;min-height:100%}.role-reveal-header{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:24px}.role-card-container{perspective:1000px;width:260px;height:360px;cursor:pointer;margin-bottom:24px}.role-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s ease}.role-card.flipped{transform:rotateY(180deg)}.role-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.role-card-front{background:#1a1a2e;border:2px solid #444}.role-card-front .card-icon{font-size:4rem;color:#888;margin-bottom:16px}.role-card-front .tap-hint{font-size:.9rem;color:#ffffff80;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.5}50%{opacity:1}}.role-card-back{transform:rotateY(180deg)}.role-card-back.role-liberal{background:linear-gradient(135deg,#1a5276,#2e86c1);border:2px solid #5dade2}.role-card-back.role-fascist{background:linear-gradient(135deg,#922b21,#e74c3c);border:2px solid #f1948a}.role-card-back.role-hitler{background:linear-gradient(135deg,#1c1c1c,#4a0000);border:2px solid #922b21}.role-name{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:4px}.role-party{font-size:1rem;color:#ffffffb3}.role-team-info{margin-top:16px;text-align:center;color:#ffffffd9;font-size:.9rem;line-height:1.6}.role-team-info .team-label{font-weight:700;margin-bottom:4px;color:#fff}.role-confirm-btn{padding:12px 32px;font-size:1rem;font-weight:700;border:none;border-radius:8px;background:#2e86c1;color:#fff;cursor:pointer;margin-top:8px}.role-confirm-btn:active{opacity:.8}.role-confirmed-msg{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffffb3;font-size:.95rem}.role-confirmed-msg .checkmark{font-size:2rem;color:#2ecc71}.role-advance-btn{padding:12px 32px;font-size:1rem;font-weight:700;border:none;border-radius:8px;background:#27ae60;color:#fff;cursor:pointer;margin-top:16px}.role-advance-btn:disabled{background:#555;color:#999;cursor:not-allowed}.role-advance-hint{font-size:.8rem;color:#fff6;margin-top:4px}.game-board{display:flex;flex-direction:column;gap:16px;padding:16px;width:100%}.game-board-header{font-size:.9rem;font-weight:600;color:var(--tg-theme-hint, #999);text-align:center}.policy-track-container{display:flex;flex-direction:column;gap:4px}.policy-track-label{font-size:.85rem;font-weight:600}.policy-track-label.liberal{color:#2e86c1}.policy-track-label.fascist{color:#c0392b}.policy-track{display:flex;flex-direction:row;gap:6px}.policy-slot{width:48px;height:64px;border-radius:8px;border:2px solid;flex-shrink:0;display:flex;align-items:center;justify-content:center}.policy-slot.liberal{border-color:#2e86c1;background:#2e86c11a}.policy-slot.liberal.filled{background:#2e86c1}.policy-slot.fascist{border-color:#c0392b;background:#c0392b1a}.policy-slot.fascist.filled{background:#c0392b}.policy-slot .power-icon{font-size:.65rem;color:#fff9;text-align:center}.election-tracker{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;padding:8px}.election-tracker-label{font-size:.85rem;color:var(--tg-theme-hint, #999)}.tracker-dot{width:24px;height:24px;border-radius:50%;border:2px solid #c0392b;background:transparent}.tracker-dot.active{background:#c0392b}.peek-role-btn{align-self:center;font-size:.85rem;padding:8px 16px;border-radius:8px;border:1px solid var(--tg-theme-hint, #999);background:transparent;color:var(--tg-theme-text, #fff);cursor:pointer}.peek-role-overlay{position:fixed;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100}.peek-role-close-btn{font-size:.9rem;padding:8px 24px;border-radius:8px;border:none;background:var(--tg-theme-button, #2e86c1);color:var(--tg-theme-button-text, #fff);cursor:pointer}