.game-selection{min-height:100vh;padding:32px;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto}.game-selection-container{max-width:1200px;width:100%;text-align:center}.game-selection h1{font-size:4rem;font-weight:800;font-family:var(--font-display);background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.game-selection .subtitle{color:var(--text-secondary);font-size:1.25rem;margin-bottom:48px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;max-width:1200px;margin-bottom:48px}.game-card{padding:32px;background:var(--bg-secondary);border-radius:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.05);text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:280px}.game-card-content{flex:1;cursor:pointer}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-main);opacity:0;transition:opacity .3s;pointer-events:none}.game-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #8b5cf633;border-color:#8b5cf64d}.game-card:hover:before{opacity:.05}.game-card:active{transform:translateY(-2px)}.game-icon{font-size:3rem;display:block;margin-bottom:16px;position:relative;z-index:1}.game-card h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;position:relative;z-index:1;font-family:var(--font-display)}.game-card p{color:var(--text-secondary);line-height:1.5;font-size:1rem;margin-bottom:20px;position:relative;z-index:1;flex:1}.game-button{background:var(--gradient-button);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s;position:relative;z-index:1;width:100%;margin-top:auto;flex-shrink:0}.game-button:active{transform:scale(.96)}.loading,.no-games{color:var(--text-secondary);font-size:1.2rem;margin-top:40px}.join-game-section{margin-top:48px;text-align:center}.join-game-button{background:#ffffff1a;color:var(--text-primary);border:2px solid rgba(255,255,255,.2);padding:15px 40px;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-display)}.join-game-button:hover{background:var(--gradient-main);border-color:transparent;box-shadow:0 4px 15px #8b5cf666}.join-game-button:active{transform:scale(.96)}@media (max-width: 768px){.game-selection{padding:20px}.game-selection h1{font-size:2.5rem}.games-grid{grid-template-columns:1fr;gap:16px}.game-card{padding:24px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#a1a1aa;font-size:16px;font-weight:500}.lobby-page{min-height:100vh;background:#0f0f1a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column}.lobby-header{position:fixed;top:0;left:0;right:0;height:64px;padding:0 32px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;width:100%;z-index:1000}.lobby-header-content{max-width:1400px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#a1a1aa;font-size:14px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#ffffff0d;color:#fff;border-color:#ffffff40}.logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-badge{display:flex;align-items:center;gap:8px;background:transparent}.game-icon{font-size:18px}.game-name{font-weight:600;color:#fff;font-size:14px}.game-status{color:#71717a;font-size:14px}.lobby-main{flex:1;padding:96px 32px 32px;display:flex;flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;width:100%}.lobby-top{display:grid;grid-template-columns:380px 1fr;gap:24px}.qr-card{background:#1a1a2e;border-radius:24px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;border:1px solid rgba(255,255,255,.06)}.qr-wrapper{position:relative;padding:16px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #8b5cf61a,0 20px 50px -10px #8b5cf64d,0 0 100px -20px #8b5cf666}.qr-code{width:180px;height:180px;display:flex;align-items:center;justify-content:center}.qr-code svg,.qr-code canvas,.qr-code img{width:100%!important;height:100%!important}.room-info{text-align:center}.room-label{display:block;font-size:11px;font-weight:600;letter-spacing:.2em;color:#71717a;margin-bottom:8px;text-transform:uppercase}.room-code{display:flex;gap:6px;justify-content:center}.room-code span{display:flex;align-items:center;justify-content:center;width:42px;height:50px;background:#252542;border-radius:10px;font-family:JetBrains Mono,SF Mono,monospace;font-size:24px;font-weight:700;color:#8b5cf6}.copy-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#252542;border:2px solid transparent;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#2d2d4a;border-color:#8b5cf6}.copy-btn:active{transform:scale(.98)}.copy-btn.copied{background:linear-gradient(135deg,#10b981,#06b6d4)}.copy-icon{font-size:18px}.game-info-card{background:#1a1a2e;border-radius:24px;padding:32px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:24px}.game-info-header{display:flex;align-items:center;gap:16px}.game-info-icon{font-size:48px}.game-info-title{font-size:32px;font-weight:700;color:#fff;margin:0}.game-info-description{font-size:16px;line-height:1.7;color:#a1a1aa;max-width:600px;margin:0}.settings-btn{margin-top:auto;padding:14px 24px;background:#252542;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.settings-btn:hover{background:#2d2d4a;border-color:#8b5cf6}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{background:#1a1a2e;border-radius:24px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.settings-modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.settings-modal-title{font-size:24px;font-weight:700;color:#fff;margin:0}.settings-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#252542;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#a1a1aa;font-size:20px;cursor:pointer;transition:all .2s}.settings-modal-close:hover{background:#2d2d4a;color:#fff;border-color:#fff3}.settings-modal-body{padding:24px 32px;overflow-y:auto;flex:1}.settings-modal-content{display:flex;flex-direction:column;gap:24px}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item:last-child{border-bottom:none}.setting-label{display:flex;flex-direction:column;gap:4px;flex:1}.setting-name{font-weight:600;color:#fff;font-size:15px}.setting-desc{font-size:13px;color:#71717a}.setting-input{padding:10px 16px;background:#252542;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;width:120px;font-family:JetBrains Mono,monospace;transition:border-color .2s}.setting-input:focus{outline:none;border-color:#8b5cf6}.toggle{position:relative;width:52px;height:28px;background:#252542;border-radius:14px;cursor:pointer;transition:background .2s;border:2px solid transparent;flex-shrink:0}.toggle.active{background:#8b5cf6;border-color:#8b5cf6}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.toggle.active .toggle-knob{transform:translate(24px)}.setting-options{display:flex;gap:8px;flex-shrink:0}.option-btn{padding:10px 20px;background:#252542;border:2px solid transparent;border-radius:10px;color:#a1a1aa;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.option-btn:hover{border-color:#8b5cf6}.option-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-color:#8b5cf6}.categories-grid,.modes-grid{display:flex;flex-wrap:wrap;gap:8px;width:100%}.mode-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#252542;border:2px solid transparent;border-radius:10px;color:#a1a1aa;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.mode-chip:hover{background:#2a2a4a;border-color:#f59e0b4d}.mode-chip.active{background:#f59e0b26;border-color:#f59e0b;color:#fff}.mode-icon{font-size:18px}.mode-name{font-size:14px}.category-chip{padding:10px 16px;background:#252542;border:2px solid transparent;border-radius:12px;color:#a1a1aa;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.category-chip:hover{border-color:#8b5cf6}.category-chip.active{background:#8b5cf633;border-color:#8b5cf6;color:#fff}.visibility-options{display:flex;gap:12px;width:100%}.visibility-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#252542;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s}.visibility-btn:hover{border-color:#8b5cf6}.visibility-btn.active{background:#8b5cf626;border-color:#8b5cf6}.vis-icon{font-size:24px}.vis-name{font-weight:600;color:#fff;font-size:14px}.vis-desc{font-size:12px;color:#71717a;text-align:center;line-height:1.3}.lobby-bottom{flex:1;min-height:0}.players-card{background:#1a1a2e;border-radius:24px;padding:24px 32px;border:1px solid rgba(255,255,255,.06);height:100%;display:flex;flex-direction:column;min-height:300px}.players-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.players-title{font-size:20px;font-weight:700;color:#fff;margin:0}.players-count{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:16px;font-size:14px;font-weight:700;color:#fff}.players-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;flex:1;align-content:flex-start;align-items:flex-start}.player-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:#252542;border-radius:16px;width:120px;flex-shrink:0;transition:all .3s ease;animation:playerJoin .4s ease-out both}@keyframes playerJoin{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.player-item:hover:not(.placeholder){transform:translateY(-4px);box-shadow:0 8px 25px #8b5cf633}.player-item.host{background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(139,92,246,.3)}.player-item.placeholder{background:transparent;border:2px dashed rgba(255,255,255,.15);opacity:.5}.player-item.placeholder:hover{transform:none;box-shadow:none;cursor:default}.player-avatar{font-size:36px;line-height:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.player-item.placeholder .player-avatar.placeholder-avatar{font-size:24px;color:#71717a;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:transparent;border:2px dashed rgba(255,255,255,.15)}.player-avatar-img{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;border-radius:50%;object-fit:cover;border:2px solid #8b5cf6;display:block}.player-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.player-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;text-align:center}.player-item.placeholder .player-name{color:#71717a;font-weight:400}.player-badge{position:absolute;top:-8px;right:calc(50% - 24px);font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.start-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:24px}.start-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 64px;background:#252542;border:none;border-radius:18px;color:#71717a;font-size:18px;font-weight:700;cursor:not-allowed;transition:all .3s}.start-btn.ready{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;cursor:pointer;box-shadow:0 8px 30px #8b5cf666;animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 8px 30px #8b5cf666}50%{box-shadow:0 8px 50px #8b5cf699}}.start-btn.ready:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf680}.start-btn.ready:active{transform:translateY(0)}.start-icon{font-size:22px}.start-hint{font-size:14px;color:#71717a;margin:0}@media (max-width: 1100px){.lobby-top{grid-template-columns:1fr}.qr-card{flex-direction:row;flex-wrap:wrap;justify-content:center}.room-info{flex:1;min-width:200px}.copy-btn{width:auto}}@media (max-width: 768px){.lobby-main{padding:80px 16px 16px}.lobby-header{padding:0 16px}.game-badge .game-name{display:none}.qr-card{padding:24px}.qr-code{width:150px;height:150px}.room-code span{width:36px;height:44px;font-size:20px}.game-info-title{font-size:24px}.player-item{padding:12px 16px;min-width:85px}.player-avatar{font-size:28px}}.waiting-state{display:flex;align-items:center;justify-content:center;height:100vh}.waiting-text{font-size:18px;color:#a1a1aa}.join-screen{min-height:100dvh;max-height:100dvh;background:#0f0f1a;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.join-header{flex-shrink:0;padding:20px 24px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.back-btn{position:absolute;left:24px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s;-webkit-tap-highlight-color:transparent}.back-btn:hover{background:#ffffff1a}.back-btn:active{background:#fff3}.join-logo{font-size:32px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.join-game{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#1a1a2e;border-radius:20px}.join-game-icon{font-size:18px}.join-game-name{font-size:14px;font-weight:600;color:#fff}.join-form{flex:1;padding:0 24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overflow-x:hidden}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em}.room-input-wrapper{position:relative;display:flex;align-items:center}.room-input{width:100%;height:56px;padding:0 20px;background:#1a1a2e;border:2px solid transparent;border-radius:16px;color:#fff;font-family:JetBrains Mono,SF Mono,monospace;font-size:24px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-align:center;transition:all .2s}.room-input::placeholder{color:#71717a;font-weight:400;letter-spacing:.1em}.room-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.room-input:disabled{background:#252542;color:#8b5cf6}.room-locked{position:absolute;right:16px;font-size:18px}.name-input{width:100%;height:56px;padding:0 20px;background:#1a1a2e;border:2px solid transparent;border-radius:16px;color:#fff;font-size:18px;font-weight:500;transition:all .2s}.name-input::placeholder{color:#71717a}.name-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.avatar-section{display:flex;gap:12px;height:120px}.avatar-photo-btn{flex-shrink:0;width:100px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#1a1a2e;border:2px dashed #71717a;border-radius:16px;cursor:pointer;transition:all .2s;overflow:hidden}.avatar-photo-btn:hover{border-color:#8b5cf6;background:#252542}.avatar-photo-btn:active{transform:scale(.97)}.avatar-photo-icon{font-size:28px}.avatar-photo-text{font-size:12px;color:#71717a;font-weight:500}.avatar-photo-preview{width:100%;height:100%;object-fit:cover}.avatar-photo-btn.has-photo{border-style:solid;border-color:#8b5cf6}.emoji-carousel{flex:1;display:flex;flex-direction:column;background:#1a1a2e;border-radius:16px;overflow:hidden;position:relative}.emoji-carousel-inner{flex:1;overflow-x:auto;overflow-y:hidden;padding:12px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.emoji-carousel-inner::-webkit-scrollbar{display:none}.emoji-row{display:flex;gap:8px;flex-shrink:0}.emoji-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#252542;border:2px solid transparent;border-radius:12px;font-size:24px;cursor:pointer;transition:all .15s;flex-shrink:0}.emoji-btn:active{transform:scale(.9)}.emoji-btn.selected{border-color:#8b5cf6;background:#8b5cf633;box-shadow:0 0 15px #8b5cf666;animation:emojiPop .3s ease}@keyframes emojiPop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.emoji-scroll-hint{display:flex;justify-content:center;align-items:center;gap:8px;padding:6px;font-size:11px;color:#71717a;background:linear-gradient(to top,#1a1a2e 0%,transparent 100%)}.join-footer{flex-shrink:0;padding:20px 24px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.join-btn{width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:10px;background:#252542;border:none;border-radius:16px;color:#71717a;font-size:17px;font-weight:700;cursor:not-allowed;transition:all .2s}.join-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;cursor:pointer;box-shadow:0 8px 25px #8b5cf666}.join-btn.active:active{transform:scale(.98);box-shadow:0 4px 15px #8b5cf64d}.join-btn-icon{font-size:20px}.error-message{padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:14px;text-align:center}.who-voting .question-block{text-align:center;padding:20px 0}.who-voting .question-text{font-size:22px;font-weight:700;color:#1a1a2e;line-height:1.4;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 4px 20px #0003}.vote-grid{flex:1;display:grid;gap:12px;align-content:center}.vote-grid[data-count="2"],.vote-grid[data-count="3"],.vote-grid[data-count="4"]{grid-template-columns:repeat(2,1fr)}.vote-grid[data-count="5"],.vote-grid[data-count="6"]{grid-template-columns:repeat(3,1fr)}.vote-grid[data-count="7"],.vote-grid[data-count="8"]{grid-template-columns:repeat(4,1fr)}.vote-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:#1a1a2e;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s}.vote-card:active:not(:disabled){transform:scale(.95)}.vote-card.selected{border-color:#8b5cf6;background:#8b5cf626;box-shadow:0 0 20px #8b5cf64d;animation:voteSelect .3s ease}@keyframes voteSelect{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.vote-card.is-me{opacity:.4;cursor:not-allowed}.vote-avatar{font-size:40px;line-height:1}.vote-name{font-size:14px;font-weight:600;color:#fff;text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-me-badge{font-size:10px;color:#71717a;background:#252542;padding:2px 8px;border-radius:8px}.vote-hint{text-align:center;font-size:14px;color:#71717a;padding:12px 0}.who-voted .player-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px}.vote-confirmed{display:flex;flex-direction:column;align-items:center;gap:12px}.confirmed-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;font-size:36px;color:#fff;animation:confirmPop .5s ease}@keyframes confirmPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.confirmed-text{font-size:20px;font-weight:700;color:#fff}.your-choice{display:flex;flex-direction:column;align-items:center;gap:8px}.choice-label{font-size:14px;color:#71717a}.choice-player{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#1a1a2e;border-radius:16px}.choice-avatar{font-size:28px;display:flex;align-items:center;justify-content:center}.choice-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.choice-name{font-size:16px;font-weight:600;color:#fff}.waiting-status{display:flex;flex-direction:column;align-items:center;gap:12px}.waiting-text{font-size:16px;color:#a1a1aa;animation:waitPulse 2s ease-in-out infinite}@keyframes waitPulse{0%,to{opacity:1}50%{opacity:.6}}.progress-dots{display:flex;gap:8px}.dot{width:12px;height:12px;background:#252542;border-radius:50%;transition:all .3s ease}.dot.filled{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 0 10px #8b5cf680;animation:dotFill .3s ease}.progress-text{font-size:13px;color:#71717a}.watch-hint{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px;font-size:14px;font-weight:600;color:#8b5cf6;margin-top:auto}.watch-icon{font-size:18px}.who-final-player .player-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px}.final-header{display:flex;align-items:center;gap:10px;text-align:center}.final-emoji{font-size:32px;animation:emojiWave 1s ease-in-out infinite}.final-title{font-size:24px;font-weight:700;color:#fff}.your-result{width:100%;display:flex;justify-content:center}.result-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 40px;background:#1a1a2e;border-radius:24px;border:2px solid transparent;animation:resultAppear .5s ease-out}@keyframes resultAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-card[data-place="1"]{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2466}.result-card[data-place="2"]{background:linear-gradient(135deg,#9ca3af1a,#6b72801a);border-color:#9ca3af4d}.result-card[data-place="3"]{background:linear-gradient(135deg,#b453091a,#92400e1a);border-color:#b453094d}.result-avatar{font-size:56px;line-height:1;display:flex;align-items:center;justify-content:center}.result-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.result-card[data-place="1"] .result-avatar{animation:winnerGlow 2s ease-in-out infinite}.result-card[data-place="1"] .result-avatar-img{border:3px solid #fbbf24}@keyframes winnerGlow{0%,to{filter:drop-shadow(0 0 10px rgba(251,191,36,.4))}50%{filter:drop-shadow(0 0 25px rgba(251,191,36,.7))}}.result-name{font-size:22px;font-weight:700;color:#fff}.result-place{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:#a1a1aa;padding:8px 16px;background:#ffffff1a;border-radius:12px}.result-card[data-place="1"] .result-place{color:#fbbf24;background:#fbbf2433}.your-stats{width:100%;background:#1a1a2e;border-radius:20px;padding:20px}.stats-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff;margin-bottom:16px}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#252542;border-radius:12px}.stat-row.column{flex-direction:column;align-items:flex-start;gap:6px}.stat-label{font-size:14px;color:#a1a1aa}.stat-value.small{font-size:14px;font-weight:600;color:#8b5cf6}.play-again-btn-player{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px #8b5cf666;margin-top:auto}.play-again-btn-player:active{transform:scale(.98)}.play-again-btn-player span:first-child{font-size:18px}.waiting-screen{min-height:100dvh;max-height:100dvh;background:#0f0f1a;display:flex;flex-direction:column;overflow:hidden;position:relative;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.waiting-pulse-bg{position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:bgPulse 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes bgPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.waiting-header{flex-shrink:0;padding:20px 24px;text-align:center;position:relative;z-index:1}.waiting-logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.waiting-game{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#1a1a2e;border-radius:20px}.waiting-game-icon{font-size:16px}.waiting-game-name{font-size:13px;font-weight:600;color:#fff}.waiting-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;gap:24px;position:relative;z-index:1;overflow-y:auto;overflow-x:hidden}.my-player-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 40px;background:linear-gradient(135deg,#8b5cf626,#ec489926);border:1px solid rgba(139,92,246,.3);border-radius:24px;animation:cardFloat 3s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.my-avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#252542;border-radius:50%;overflow:hidden}.my-avatar-emoji{font-size:48px;line-height:1}.my-avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.my-name{font-size:20px;font-weight:700;color:#fff}.my-badge{position:absolute;top:-8px;right:-8px;font-size:24px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.connected-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:12px;font-weight:600;color:#10b981}.connected-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.waiting-status{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.status-title{font-size:24px;font-weight:700;color:#fff;margin:0}.players-progress{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 24px;background:#1a1a2e;border-radius:16px}.progress-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.progress-dot{width:12px;height:12px;background:#252542;border-radius:50%;transition:all .3s ease}.progress-dot.filled{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 0 10px #8b5cf680;animation:dotFill .4s ease}@keyframes dotFill{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.progress-text{font-size:14px;color:#a1a1aa}.waiting-message{font-size:16px;color:#71717a;animation:textPulse 2s ease-in-out infinite;margin:0}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.6}}.players-list-mini{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:100%}.player-mini{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#1a1a2e;border-radius:20px;animation:playerSlideIn .4s ease-out}@keyframes playerSlideIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.player-mini-avatar{font-size:20px;line-height:1;display:flex;align-items:center}.player-mini-avatar-img{width:20px;height:20px;border-radius:50%;object-fit:cover}.player-mini-name{font-size:14px;font-weight:600;color:#fff;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-mini-crown{font-size:12px}.waiting-footer{flex-shrink:0;padding:20px 24px;padding-bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}.start-game-btn{width:100%;max-width:320px;height:58px;display:flex;align-items:center;justify-content:center;gap:10px;background:#252542;border:none;border-radius:16px;color:#71717a;font-size:17px;font-weight:700;cursor:not-allowed;transition:all .2s}.start-game-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;cursor:pointer;box-shadow:0 8px 25px #8b5cf666;animation:btnReady 2s ease-in-out infinite}@keyframes btnReady{0%,to{box-shadow:0 8px 25px #8b5cf666}50%{box-shadow:0 8px 40px #8b5cf699}}.start-game-btn.active:active{transform:scale(.98)}.start-game-icon{font-size:20px}.start-hint{font-size:13px;color:#71717a;margin:0}@media (max-height: 700px){.my-player-card{padding:16px 32px}.my-avatar{width:64px;height:64px}.my-avatar-emoji{font-size:36px}.waiting-content{gap:16px}.status-title{font-size:20px}}@media (max-height: 600px){.waiting-header{padding:12px 20px}.my-player-card{padding:12px 24px;gap:8px}.my-avatar{width:56px;height:56px}.my-avatar-emoji{font-size:32px}.my-name{font-size:16px}.players-progress{padding:12px 20px}.status-title{font-size:18px}.waiting-message{font-size:14px}}.quiz-question .player-content{gap:20px}.quiz-question-text{font-size:20px;font-weight:600;color:#fff;text-align:center;line-height:1.4;padding:16px 0}.quiz-answers{flex:1;display:flex;flex-direction:column;gap:12px;justify-content:center}.quiz-answer{display:flex;align-items:center;gap:14px;padding:16px 20px;border:none;border-radius:16px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s;text-align:left}.quiz-answer:active:not(:disabled){transform:scale(.98)}.quiz-answer-a{background:#ef4444}.quiz-answer-b{background:#3b82f6}.quiz-answer-c{background:#f59e0b}.quiz-answer-d{background:#10b981}.quiz-answer.selected{box-shadow:0 0 0 4px #fff6,0 8px 25px #0000004d;transform:scale(1.02)}.quiz-answer:disabled{opacity:.6;cursor:not-allowed}.answer-letter{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:10px;font-size:18px;font-weight:800;flex-shrink:0}.answer-text{flex:1;line-height:1.3}.quiz-result .result-content{align-items:center;justify-content:center;gap:20px}.result-feedback{display:flex;flex-direction:column;align-items:center;gap:12px;animation:feedbackPop .5s ease}.feedback-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:40px;font-weight:700}.result-feedback.correct .feedback-icon{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;animation:correctBounce .6s ease}@keyframes correctBounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}.result-feedback.wrong .feedback-icon{background:linear-gradient(135deg,#ef4444,#ec4899);color:#fff;animation:wrongShake .4s ease}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.feedback-text{font-size:24px;font-weight:700;color:#fff}.feedback-points{font-size:20px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-badge{padding:10px 20px;background:linear-gradient(135deg,#f59e0b33,#ef444433);border:1px solid rgba(245,158,11,.4);border-radius:20px;font-size:16px;font-weight:700;color:#f59e0b;animation:streakGlow 1s ease-in-out infinite}@keyframes streakGlow{0%,to{box-shadow:0 0 10px #f59e0b4d}50%{box-shadow:0 0 25px #f59e0b80}}.correct-answer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;background:#1a1a2e;border-radius:16px}.correct-label{font-size:12px;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.correct-text{font-size:16px;font-weight:600;color:#10b981}.truth-writing .player-content{gap:20px}.truth-instructions{text-align:center;padding:8px 0}.truth-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.truth-subtitle{font-size:14px;color:#a1a1aa}.facts-form{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center}.fact-input-group{display:flex;align-items:center;gap:12px}.fact-input{flex:1;height:52px;padding:0 16px;background:#1a1a2e;border:2px solid transparent;border-radius:14px;color:#fff;font-size:15px;transition:all .2s}.fact-input::placeholder{color:#71717a}.fact-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.lie-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border:2px solid #252542;border-radius:12px;color:#71717a;font-size:20px;cursor:pointer;transition:all .2s}.lie-toggle:active{transform:scale(.9)}.lie-toggle.active{background:linear-gradient(135deg,#ef4444,#ec4899);border-color:transparent;color:#fff;box-shadow:0 4px 15px #ef444466}.facts-hint{text-align:center;font-size:13px;color:#71717a}.submit-btn{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:10px;background:#252542;border:none;border-radius:14px;color:#71717a;font-size:16px;font-weight:700;cursor:not-allowed;transition:all .2s}.submit-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;cursor:pointer;box-shadow:0 6px 20px #8b5cf666}.truth-voting .player-content{gap:16px}.voting-title{text-align:center;font-size:18px;font-weight:600;color:#fff;padding:8px 0}.facts-list{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center}.fact-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#1a1a2e;border:2px solid transparent;border-radius:14px;text-align:left;cursor:pointer;transition:all .2s}.fact-card:active{transform:scale(.98)}.fact-card.selected{border-color:#8b5cf6;background:#8b5cf61a}.fact-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#8b5cf6;border-radius:8px;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.fact-text{flex:1;font-size:15px;color:#fff;line-height:1.4}.confidence-section{padding:12px 0;animation:fadeSlideUp .3s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confidence-label{text-align:center;font-size:13px;color:#a1a1aa;margin-bottom:10px}.confidence-buttons{display:flex;gap:10px;justify-content:center}.confidence-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#1a1a2e;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.confidence-btn span:first-child{font-size:24px}.confidence-btn span:last-child{font-size:12px;font-weight:700;color:#a1a1aa}.confidence-btn:active{transform:scale(.95)}.confidence-btn.active{border-color:#8b5cf6;background:#8b5cf626}.confidence-btn.active span:last-child{color:#8b5cf6}.vote-submit-btn{width:100%;height:54px;background:#252542;border:none;border-radius:14px;color:#71717a;font-size:16px;font-weight:700;cursor:not-allowed;transition:all .2s}.vote-submit-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;cursor:pointer}.vote-submit-btn.active:active{transform:scale(.98)}.truthlie-player-screen.ask-question-phase{min-height:100dvh;background:#0f0f1a;color:#fff;padding:16px;display:flex;flex-direction:column;gap:16px}.ask-question-phase .header{text-align:center;padding:16px 0}.ask-question-phase .header h1{font-size:20px;font-weight:700;color:#fff;margin:0}.ask-question-phase .timer-container{display:flex;justify-content:center;padding:8px 0}.ask-question-phase .timer{font-size:24px;font-weight:700;color:#f59e0b;font-family:JetBrains Mono,monospace}.facts-display{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center}.fact-display-card{padding:16px 20px;background:#1a1a2e;border:2px solid rgba(255,255,255,.1);border-radius:14px;display:flex;flex-direction:column;gap:8px}.fact-display-card .fact-label{font-size:14px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.05em}.fact-display-card .fact-text{font-size:16px;font-weight:500;color:#fff;line-height:1.5}.question-input-container{display:flex;gap:12px;padding:16px 0}.question-input{flex:1;height:52px;padding:0 16px;background:#1a1a2e;border:2px solid transparent;border-radius:14px;color:#fff;font-size:15px;transition:all .2s}.question-input::placeholder{color:#71717a}.question-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.send-button{padding:0 24px;height:52px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.send-button:active{transform:scale(.98)}.questions-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding:8px 0}.question-item{padding:12px 16px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;color:#fff;line-height:1.5}.question-item strong{color:#8b5cf6;font-weight:700}.reactions-bar{display:flex;gap:12px;justify-content:center;padding:16px 0}.reaction-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:24px;cursor:pointer;transition:all .2s}.reaction-button:active{transform:scale(.9);background:#252542}.story-writing .player-content{gap:16px}.genre-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#8b5cf626,#ec489926);border:1px solid rgba(139,92,246,.3);border-radius:14px;animation:genreSlide .4s ease}@keyframes genreSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.genre-emoji{font-size:28px}.genre-info{display:flex;flex-direction:column;gap:2px}.genre-name{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.genre-hint{font-size:13px;color:#a1a1aa}.story-context{padding:14px 16px;background:#1a1a2e;border-left:3px solid #8b5cf6;border-radius:0 12px 12px 0}.context-label{display:block;font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.context-text{font-size:15px;color:#a1a1aa;font-style:italic;line-height:1.5}.sentence-input-wrapper{flex:1;display:flex;flex-direction:column;gap:8px;position:relative}.input-label{font-size:13px;font-weight:600;color:#a1a1aa}.sentence-input{flex:1;min-height:100px;padding:14px 14px 30px;background:#1a1a2e;border:2px solid transparent;border-radius:14px;color:#fff;font-size:16px;line-height:1.5;resize:none;transition:all .2s}.sentence-input::placeholder{color:#71717a}.sentence-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.char-counter{position:absolute;bottom:10px;right:14px;font-size:12px;color:#71717a}.incoming-reactions{display:flex;justify-content:center;gap:8px;min-height:40px}.incoming-reaction{font-size:28px;animation:reactionPop .4s ease}@keyframes reactionPop{0%{opacity:0;transform:scale(0) translateY(20px)}50%{transform:scale(1.3) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.send-btn{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:10px;background:#252542;border:none;border-radius:14px;color:#71717a;font-size:16px;font-weight:700;cursor:not-allowed;transition:all .2s}.send-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;cursor:pointer}.send-btn.active:active{transform:scale(.98)}.story-watching .watching-content{align-items:center;justify-content:center;gap:24px}.watching-status{display:flex;flex-direction:column;align-items:center;gap:12px}.watching-avatar{font-size:56px;animation:avatarFloat 2s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.watching-name{font-size:20px;font-weight:700;color:#fff}.watching-text{font-size:16px;color:#a1a1aa}.watching-dots{display:flex;gap:6px}.watching-dots span{width:10px;height:10px;background:#8b5cf6;border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.watching-dots span:nth-child(1){animation-delay:0s}.watching-dots span:nth-child(2){animation-delay:.2s}.watching-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.watching-hint{font-size:14px;color:#71717a}.reactions-bar{display:flex;gap:12px}.reaction-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border:2px solid transparent;border-radius:50%;font-size:28px;cursor:pointer;transition:all .2s}.reaction-btn:active{transform:scale(.85);background:#8b5cf6;border-color:#8b5cf6}.reaction-player{background:#0f0f1a}.countdown-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;flex:1}.countdown-mode{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff}.countdown-mode-icon{font-size:32px}.countdown-number{font-size:96px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countPulse 1s ease-in-out}.tap-area{flex:1;display:flex;align-items:center;justify-content:center}.tap-button{width:200px;height:200px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:64px;cursor:pointer;transition:transform .1s;-webkit-tap-highlight-color:transparent}.tap-button:active:not(:disabled){transform:scale(.95)}.tap-button.waiting{background:#374151;box-shadow:0 0 0 8px #3741514d}.tap-button.ready{background:#ef4444;box-shadow:0 0 0 8px #ef44444d;animation:pulse 1s infinite}.tap-button.go{background:#10b981;box-shadow:0 0 0 8px #10b9814d,0 0 60px #10b98180;animation:goFlash .3s ease}.tap-button.tapped{background:linear-gradient(135deg,#8b5cf6,#6366f1);cursor:not-allowed}.tap-result{text-align:center;padding:20px 0}.tap-time{font-size:48px;font-weight:800;font-family:JetBrains Mono,monospace;color:#10b981}.tap-rank{font-size:16px;color:#a1a1aa;margin-top:8px}.false-start{color:#ef4444;font-size:32px;font-weight:700}.tap-hint{text-align:center;font-size:16px;color:#71717a;padding:12px 0}.speedtype-category{text-align:center;padding:20px 0}.category-icon{font-size:48px;margin-bottom:12px}.category-text{font-size:18px;color:#a1a1aa;margin-bottom:8px}.category-letter{font-size:64px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:16px 0}.speedtype-input{width:100%;height:60px;padding:0 20px;background:#1a1a2e;border:2px solid transparent;border-radius:16px;color:#fff;font-size:24px;font-weight:600;text-align:center;transition:all .2s}.speedtype-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.answer-feedback.rejected{color:#ef4444}.answer-feedback.duplicate{color:#f59e0b}.used-answers{margin-top:16px;padding:12px;background:#1a1a2e;border-radius:12px}.used-label{display:block;font-size:12px;color:#71717a;margin-bottom:8px;text-transform:uppercase}.used-item{padding:4px 10px;background:#252542;border-radius:8px;font-size:13px;color:#a1a1aa}.submit-btn{width:100%;height:54px;display:flex;align-items:center;justify-content:center;background:#252542;border:none;border-radius:14px;color:#71717a;font-size:16px;font-weight:700;cursor:not-allowed;transition:all .2s}.submit-btn.active{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;cursor:pointer}.submit-btn.active:active{transform:scale(.98)}.math-problem{text-align:center;padding:32px 0}.problem-text{font-size:56px;font-weight:800;font-family:JetBrains Mono,monospace;color:#fff}.math-input{width:100%;height:60px;padding:0 20px;background:#1a1a2e;border:2px solid transparent;border-radius:16px;color:#fff;font-size:32px;font-weight:700;font-family:JetBrains Mono,monospace;text-align:center;transition:all .2s}.math-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.result-score{font-size:24px;font-weight:700;color:#f59e0b}.final-score{font-size:24px;color:#f59e0b;font-weight:700}.final-leaderboard{width:100%;max-width:400px}.final-leaderboard h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px;text-align:center}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a2e;border-radius:12px;margin-bottom:8px}.leaderboard-rank{width:36px;font-size:14px;font-weight:700;color:#71717a}.leaderboard-avatar{font-size:20px}.leaderboard-name{flex:1;font-size:15px;font-weight:600;color:#fff}.leaderboard-score{font-size:15px;font-weight:700;color:#f59e0b}.photo-player{background:#0f0f1a;--game-accent: #ec4899}.camera-screen{display:flex;flex-direction:column;height:100%}.challenge-text{padding:12px 16px;text-align:center;font-size:18px;font-weight:600;color:#fff;background:#1a1a2e;line-height:1.4}.challenge-desc{padding:8px 16px;text-align:center;font-size:14px;color:#a1a1aa}.camera-container{flex:1;position:relative;background:#000;overflow:hidden}.camera-preview{width:100%;height:100%;object-fit:cover}.camera-preview.mirrored{transform:scaleX(-1)}.camera-controls{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;justify-content:center;align-items:center;gap:32px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.capture-btn{width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;transition:transform .1s;box-shadow:0 4px 20px #0000004d;-webkit-tap-highlight-color:transparent}.capture-btn:active{transform:scale(.9);background:#ec4899}.flip-btn,.flash-btn{width:48px;height:48px;border-radius:50%;background:#fff3;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent}.flip-btn:active,.flash-btn:active{background:#fff6}.preview-screen{display:flex;flex-direction:column;height:100%}.preview-image{flex:1;object-fit:contain;background:#000}.preview-actions{display:flex;gap:12px;padding:16px;background:#0f0f1a}.retake-btn{flex:1;height:54px;background:#252542;border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.retake-btn:active{background:#1a1a2e}.submit-btn{flex:1;height:54px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 20px #ec489966;-webkit-tap-highlight-color:transparent}.submit-btn:active{transform:scale(.98)}.photo-sent-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;height:100%}.sent-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;animation:sentPop .5s ease}@keyframes sentPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.sent-text{font-size:20px;font-weight:700;color:#fff}.waiting-others{font-size:14px;color:#a1a1aa}.voting-title{text-align:center;font-size:18px;font-weight:600;color:#fff;padding:16px}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;flex:1;overflow-y:auto}.photo-vote-card{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;border:3px solid transparent;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.photo-vote-card:active{transform:scale(.97)}.photo-vote-card img{width:100%;height:100%;object-fit:cover}.photo-vote-card.selected{border-color:#ec4899;box-shadow:0 0 20px #ec489980;transform:scale(1.02)}.photo-vote-card.is-mine{opacity:.5;pointer-events:none}.photo-mine-label{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:#000000b3;border-radius:6px;font-size:11px;color:#fff}.voting-feedback{text-align:center;padding:16px;font-size:18px;font-weight:700;color:#10b981}.guess-photo{width:100%;max-width:280px;aspect-ratio:1;object-fit:cover;border-radius:20px;margin:0 auto 20px;display:block}.guess-question{text-align:center;font-size:20px;font-weight:700;color:#fff;margin-bottom:20px}.guess-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.guess-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#1a1a2e;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.guess-option:active{transform:scale(.97)}.guess-option.selected{border-color:#8b5cf6;background:#8b5cf626}.guess-option.is-me{opacity:.4;pointer-events:none}.guess-avatar{font-size:36px}.guess-name{font-size:14px;font-weight:600;color:#fff}.answer-feedback{text-align:center;padding:24px;font-size:24px;font-weight:700;animation:feedbackPop .4s ease}.answer-feedback.accepted{color:#10b981}@keyframes feedbackPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.result-content{align-items:center;justify-content:center;gap:20px}.result-feedback{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;background:#1a1a2e;border-radius:20px}.result-rank{font-size:32px;font-weight:800;color:#fff}.result-detail{font-size:18px;color:#a1a1aa}.result-score{font-size:24px;font-weight:700;color:#ec4899}.final-content{align-items:center;justify-content:center;gap:24px}.final-rank{font-size:32px;font-weight:800;color:#fff}.final-score{font-size:24px;color:#ec4899;font-weight:700}.player-screen{min-height:100dvh;max-height:100dvh;background:#0f0f1a;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.player-header{flex-shrink:0;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08)}.header-game{display:flex;align-items:center;gap:8px}.header-icon{font-size:20px}.header-title{font-size:16px;font-weight:700;color:#fff}.header-timer{position:fixed;top:16px;right:16px;z-index:1000;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#252542;border-radius:10px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:#fff}.header-timer[data-urgent=true]{background:#ef444433;color:#ef4444;animation:urgentPulse .5s ease-in-out infinite}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-icon{font-size:14px}.header-progress,.header-round,.header-score,.header-player,.header-turn{display:flex;align-items:center;gap:6px;font-size:14px;color:#a1a1aa}.header-score .score-value{color:#f59e0b;font-weight:700}.player-content{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.player-footer{flex-shrink:0;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#1a1a2e;border-top:1px solid rgba(255,255,255,.08)}.loading{text-align:center;color:#a1a1aa;font-size:16px;padding:40px 20px}.who-question{min-height:100vh;background:#0f0f1a;display:flex;flex-direction:column;overflow:hidden}.who-question .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.who-question .host-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:40px}.question-container{text-align:center;width:100%;animation:questionAppear .6s ease-out}@keyframes questionAppear{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.question-text{font-size:52px;font-weight:700;color:#fff;line-height:1.3;letter-spacing:-.01em}.question-text .highlight{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.timer-container{display:flex;justify-content:center}.timer-circle{position:relative;width:120px;height:120px}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#252542;stroke-width:8}.timer-progress{fill:none;stroke:url(#timerGradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.timer-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,SF Mono,monospace;font-size:42px;font-weight:700;color:#fff}.timer-circle.urgent .timer-progress{stroke:#ef4444}.timer-circle.urgent .timer-value{color:#ef4444;animation:urgentPulse .5s ease-in-out infinite}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timer-circle:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);border-radius:50%;animation:timerGlow 2s ease-in-out infinite;pointer-events:none}.timer-circle.urgent:before{background:radial-gradient(circle,rgba(239,68,68,.3) 0%,transparent 70%)}@keyframes timerGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.players-section{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.players-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.player-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 28px;background:#1a1a2e;border:2px solid transparent;border-radius:20px;transition:all .3s ease;animation:chipAppear .4s ease-out both}@keyframes chipAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.player-chip.voted{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border-color:#10b98166}.player-avatar{font-size:48px;line-height:1;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.player-avatar-img{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;border-radius:50%;object-fit:cover;display:block}.player-chip.voted .player-avatar{animation:avatarVoted .4s ease}@keyframes avatarVoted{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.player-name{font-size:16px;font-weight:600;color:#fff;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.player-voted-badge{position:absolute;top:-8px;right:-8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;font-size:14px;font-weight:700;color:#fff;box-shadow:0 4px 12px #10b98166;animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.vote-hint{font-size:18px;color:#71717a;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.5}}@media (min-width: 1600px){.question-text{font-size:64px}.timer-circle{width:140px;height:140px}.timer-value{font-size:52px}.player-avatar{font-size:56px;width:56px;height:56px}.player-avatar-img{width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px}.player-chip{padding:24px 36px}}@media (max-width: 1200px){.question-text{font-size:40px}.timer-circle{width:100px;height:100px}.timer-value{font-size:36px}.player-chip{padding:16px 20px}.player-avatar{font-size:40px;width:40px;height:40px}.player-avatar-img{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px}.players-row{gap:12px}}@media (max-width: 900px){.who-question .host-content{padding:24px;gap:32px}.question-text{font-size:32px}.timer-circle{width:90px;height:90px}.timer-value{font-size:32px}.player-chip{padding:12px 16px}.player-avatar{font-size:32px;width:32px;height:32px}.player-avatar-img{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px}.player-name{font-size:14px}}.vote-row{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#1a1a2e;border-radius:16px;animation:rowSlideIn .4s ease-out both}.who-results{min-height:100vh;background:#0f0f1a;display:flex;flex-direction:column}.who-results .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.who-results .host-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 60px;gap:32px;overflow-y:auto}.result-question{font-size:28px;font-weight:600;color:#a1a1aa;text-align:center;max-width:700px;line-height:1.4}.winner-section{display:flex;flex-direction:column;align-items:center;gap:16px}.winner-badge{font-size:16px;font-weight:700;color:#fbbf24;letter-spacing:.15em;text-transform:uppercase;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.6}}.winner-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 48px;background:linear-gradient(135deg,#fbbf241f,#f59e0b1f);border:2px solid rgba(251,191,36,.3);border-radius:28px;animation:winnerAppear .6s ease-out}@keyframes winnerAppear{0%{opacity:0;transform:scale(.7) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.winner-crown{position:absolute;top:-20px;font-size:36px;animation:crownBounce 1s ease infinite}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.winner-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#252542;display:flex;align-items:center;justify-content:center;font-size:48px;border:3px solid rgba(251,191,36,.5);box-shadow:0 0 30px #fbbf244d}.winner-avatar img{width:100%;height:100%;object-fit:cover}.winner-name{font-size:28px;font-weight:800;color:#fff}.winner-votes{font-size:16px;font-weight:600;color:#fbbf24;padding:6px 16px;background:#fbbf2426;border-radius:20px}.votes-section{width:100%;max-width:700px}.votes-header{font-size:13px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.votes-list{display:flex;flex-direction:column;gap:10px}.vote-row{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#1a1a2e;border-radius:16px;animation:rowSlideIn .4s ease-out both;will-change:transform;position:relative}.vote-row.animating{transition:transform .7s cubic-bezier(.4,0,.2,1);z-index:10}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.vote-row.winner{background:linear-gradient(135deg,#fbbf241a,#f59e0b14);border:1px solid rgba(251,191,36,.25)}.vote-rank{font-size:20px;min-width:36px;text-align:center}.vote-player{display:flex;align-items:center;gap:12px;min-width:140px}.vote-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#252542;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.vote-avatar img{width:100%;height:100%;object-fit:cover}.vote-name{font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.vote-bar-wrapper{flex:1;height:24px;background:#252542;border-radius:12px;overflow:hidden;min-width:100px}.vote-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:12px;min-width:4px;animation:barGrow .8s ease-out both;animation-delay:inherit}@keyframes barGrow{0%{width:0!important}}.vote-row.winner .vote-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.vote-count{font-size:14px;font-weight:600;color:#d4d4d8;min-width:80px;text-align:right}.vote-row.winner .vote-count{color:#fbbf24}.results-actions{display:flex;gap:16px;margin-top:auto;padding-top:20px}.btn-next{display:flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 6px 24px #8b5cf666}.btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.btn-next:active{transform:translateY(0)}.btn-timer{opacity:.7;font-weight:500}.btn-finish{display:flex;align-items:center;gap:8px;padding:16px 32px;background:transparent;border:2px solid #ef4444;border-radius:16px;color:#ef4444;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-finish:hover{background:#ef44441a}.btn-finish:active{background:#ef444433}@media (min-width: 1600px){.result-question{font-size:34px}.winner-avatar{width:100px;height:100px;font-size:60px}.winner-name{font-size:34px}.vote-row{padding:18px 24px}.vote-name{font-size:18px}}@media (max-width: 1100px){.who-results .host-content{padding:30px 40px;gap:24px}.result-question{font-size:24px}.winner-card{padding:24px 36px}.winner-avatar{width:64px;height:64px;font-size:36px}.winner-name{font-size:24px}.votes-section{max-width:100%}}@media (max-width: 768px){.who-results .host-content{padding:20px;gap:20px}.result-question{font-size:20px}.vote-row{flex-wrap:wrap;gap:10px}.vote-bar-wrapper{order:3;flex-basis:100%}.results-actions{flex-direction:column;width:100%}.btn-next,.btn-finish{width:100%;justify-content:center}}.who-final .host-content{align-items:center;justify-content:center;gap:32px;padding:40px}.final-title{display:flex;align-items:center;gap:20px}.final-title h1{font-size:42px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.title-emoji{font-size:48px;animation:emojiWave 1s ease-in-out infinite}.title-emoji:last-child{animation-delay:.5s}@keyframes emojiWave{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.final-subtitle{font-size:20px;color:#a1a1aa}.podium-section{display:flex;align-items:flex-end;justify-content:center;gap:24px;margin:20px 0}.podium-place{display:flex;flex-direction:column;align-items:center;gap:12px}.place-medal{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:medalBounce .6s ease-out}@keyframes medalBounce{0%{transform:translateY(-50px);opacity:0}60%{transform:translateY(10px)}to{transform:translateY(0);opacity:1}}.place-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;background:#1a1a2e;border-radius:20px;border:2px solid transparent}.first .place-card{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2466;transform:scale(1.1)}.second .place-card{background:linear-gradient(135deg,#9ca3af1a,#6b72801a);border-color:#9ca3af4d}.third .place-card{background:linear-gradient(135deg,#b453091a,#92400e1a);border-color:#b453094d}.place-avatar{font-size:56px;display:flex;align-items:center;justify-content:center}.place-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.first .place-avatar{font-size:72px;animation:firstPlaceGlow 2s ease-in-out infinite}.first .place-avatar-img{width:72px;height:72px;border:3px solid #fbbf24}@keyframes firstPlaceGlow{0%,to{filter:drop-shadow(0 0 10px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 25px rgba(251,191,36,.6))}}.place-name{font-size:18px;font-weight:700;color:#fff}.first .place-name{font-size:24px}.place-wins{font-size:14px;font-weight:600;color:#a1a1aa;padding:4px 12px;background:#ffffff1a;border-radius:12px}.first .place-wins{color:#fbbf24;background:#fbbf2433}.podium-stand{width:100%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#252542,#1a1a2e)}.first .podium-stand{height:80px}.second .podium-stand{height:50px}.third .podium-stand{height:30px}.podium-place{animation:podiumRise .8s ease-out both}.second{animation-delay:.2s}.first{animation-delay:.4s}.third{animation-delay:.3s}@keyframes podiumRise{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.first{animation-name:podiumRiseFirst}@keyframes podiumRiseFirst{0%{opacity:0;transform:translateY(50px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1.1)}}.final-stats{width:100%;max-width:700px;background:#1a1a2e;border-radius:20px;padding:24px}.stats-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#fff;margin-bottom:20px}.stats-icon{font-size:20px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:#252542;border-radius:12px}.stat-label{font-size:12px;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:18px;font-weight:700;color:#fff}.stat-value.highlight{color:#fbbf24}.play-again-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:18px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 8px 30px #8b5cf666;margin-top:20px}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf680}.play-again-btn:active{transform:translateY(0)}.play-again-btn span:first-child{font-size:22px}@media (max-width: 768px){.who-final .host-content{padding:24px 16px;gap:24px}.final-title h1{font-size:32px}.title-emoji{font-size:36px}.podium-section{gap:16px}.place-card{padding:20px 24px}.stats-grid{grid-template-columns:1fr}}.host-screen{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.loading{text-align:center;color:#fff;font-size:1.5rem;padding:100px 20px}.quiz-question{min-height:100vh;background:#0f0f1a;display:flex;flex-direction:column}.quiz-question .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.quiz-question .host-content{flex:1;display:flex;flex-direction:column;padding:32px 48px;gap:28px;overflow:hidden}.question-section{text-align:center;flex-shrink:0}.question-text{font-size:36px;font-weight:700;color:#fff;line-height:1.35;max-width:900px;margin:0 auto 20px}.timer{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:#1a1a2e;border-radius:20px;border:2px solid #252542}.timer-icon{font-size:20px}.timer-value{font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;color:#fff}.timer.urgent{border-color:#ef4444;background:#ef44441a}.timer.urgent .timer-value{color:#ef4444;animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.answers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;flex:1;min-height:0}.answer-card{display:flex;align-items:center;gap:20px;padding:24px 32px;border-radius:20px;transition:transform .2s}.answer-card.answer-a{background:#ef4444}.answer-card.answer-b{background:#3b82f6}.answer-card.answer-c{background:#f59e0b}.answer-card.answer-d{background:#10b981}.answer-letter{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00000040;border-radius:14px;font-size:24px;font-weight:800;color:#fff;flex-shrink:0}.answer-text{font-size:22px;font-weight:600;color:#fff;line-height:1.3}.players-status{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.players-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.player-status{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#1a1a2e;border-radius:12px;transition:all .3s}.player-status.answered{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.player-status.waiting{opacity:.6}.player-avatar{font-size:24px}.player-indicator{font-size:14px}.player-status.answered .player-indicator{color:#10b981}.player-status.waiting .player-indicator{animation:waitingPulse 1.5s ease-in-out infinite}@keyframes waitingPulse{0%,to{opacity:1}50%{opacity:.4}}.players-count{font-size:14px;color:#71717a}.quiz-results{min-height:100vh;background:#0f0f1a;display:flex;flex-direction:column}.quiz-results .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.quiz-results .host-content{flex:1;display:flex;flex-direction:column;padding:28px 48px;gap:24px;overflow:hidden}.question-recap{font-size:24px;font-weight:600;color:#71717a;text-align:center;line-height:1.35;max-width:800px;margin:0 auto;flex-shrink:0}.quiz-results .answers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;flex-shrink:0}.quiz-results .answer-card{display:flex;align-items:center;gap:16px;padding:18px 24px;border-radius:16px;position:relative;transition:all .3s}.quiz-results .answer-card.faded{opacity:.35;filter:grayscale(.5)}.quiz-results .answer-card.correct{box-shadow:0 0 0 3px #ffffffe6,0 0 30px #10b98166;animation:correctPulse .6s ease}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.quiz-results .answer-letter{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000040;border-radius:12px;font-size:20px;font-weight:800;color:#fff;flex-shrink:0}.quiz-results .answer-text{font-size:18px;font-weight:600;color:#fff;flex:1}.correct-badge{display:flex;flex-direction:column;align-items:center;gap:2px;margin-left:auto}.correct-icon{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.correct-label{font-size:10px;font-weight:700;color:#fff;letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.3)}.results-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.results-header{font-size:13px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.results-grid{display:flex;flex-wrap:wrap;gap:10px;overflow-y:auto;align-content:flex-start}.result-item{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#1a1a2e;border-radius:14px;animation:resultSlide .4s ease-out both}.result-item:nth-child(1){animation-delay:0s}.result-item:nth-child(2){animation-delay:.1s}.result-item:nth-child(3){animation-delay:.2s}.result-item:nth-child(4){animation-delay:.3s}.result-item:nth-child(5){animation-delay:.4s}@keyframes resultSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-item.correct{background:linear-gradient(135deg,#10b98126,#06b6d41a);border:1px solid rgba(16,185,129,.3)}.result-item.wrong{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.result-item.timeout{opacity:.5}.result-status{font-size:18px}.result-avatar{font-size:26px}.result-name{font-size:15px;font-weight:600;color:#fff;min-width:70px}.result-points{font-size:16px;font-weight:700;color:#10b981}.result-time,.result-answer{font-size:13px;color:#71717a}.next-countdown{text-align:center;font-size:16px;color:#71717a;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.countdown-value{font-size:20px;font-weight:700;color:#8b5cf6}@media (min-width: 1600px){.question-text{font-size:44px}.answer-card{padding:32px 40px}.answer-text{font-size:26px}.question-recap{font-size:28px}.quiz-results .answer-card{padding:22px 30px}.quiz-results .answer-text{font-size:22px}.result-item{padding:14px 22px}}@media (max-width: 1100px){.quiz-question .host-content,.quiz-results .host-content{padding:24px 32px;gap:20px}.question-text{font-size:28px}.answer-card{padding:20px 24px}.answer-text{font-size:18px}.answer-letter{width:40px;height:40px;font-size:20px}.question-recap{font-size:20px}.quiz-results .answer-card{padding:14px 18px}.quiz-results .answer-text{font-size:16px}.result-item{padding:10px 14px}.result-name{font-size:14px}}@media (max-width: 768px){.answers-grid,.quiz-results .answers-grid{grid-template-columns:1fr}.question-text{font-size:24px}.results-grid{flex-direction:column}.result-item{width:100%}}.quiz-countdown{min-height:100vh;background:#0f0f1a;display:flex;align-items:center;justify-content:center}.quiz-countdown .countdown-number{font-size:20rem;font-weight:700;color:#fff;animation:countdownPulse 1s ease-in-out infinite;font-family:JetBrains Mono,monospace}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (max-width: 768px){.quiz-countdown .countdown-number{font-size:12rem}}.quiz-leaderboard{min-height:100vh;background:#0f0f1a;display:flex;flex-direction:column}.quiz-leaderboard .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.quiz-leaderboard .host-content{flex:1;display:flex;flex-direction:column;padding:40px 48px;gap:32px;overflow-y:auto}.leaderboard-section{flex:1;display:flex;flex-direction:column;gap:24px}.leaderboard-title{font-size:36px;font-weight:700;color:#fff;text-align:center}.quiz-leaderboard .leaderboard-list{display:flex;flex-direction:column;gap:12px}.quiz-leaderboard .leaderboard-entry{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#1a1a2e;border-radius:16px;border:1px solid rgba(255,255,255,.08);animation:entrySlide .4s ease-out both;transition:all .2s}.quiz-leaderboard .leaderboard-entry:hover{background:#252542;border-color:#ffffff1f}@keyframes entrySlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-leaderboard .leaderboard-position{font-size:20px;font-weight:700;color:#71717a;min-width:50px;text-align:center}.quiz-leaderboard .leaderboard-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#252542;border:2px solid rgba(255,255,255,.1);flex-shrink:0}.quiz-leaderboard .leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.quiz-leaderboard .avatar-emoji{font-size:32px}.quiz-leaderboard .avatar-placeholder{font-size:24px;font-weight:700;color:#8b5cf6;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.quiz-leaderboard .leaderboard-info{flex:1;display:flex;flex-direction:column;gap:6px}.quiz-leaderboard .leaderboard-name{font-size:18px;font-weight:600;color:#fff}.quiz-leaderboard .leaderboard-stats{display:flex;gap:16px;font-size:14px}.stat-score{color:#a1a1aa}.stat-streak{color:#f59e0b;font-weight:600}.quiz-leaderboard .next-countdown{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.quiz-leaderboard .next-button{padding:16px 48px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .2s}.quiz-leaderboard .next-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.quiz-final{min-height:100vh;background:#0f0f1a;display:flex;flex-direction:column}.quiz-final .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.quiz-final .host-content{flex:1;display:flex;flex-direction:column;padding:40px 48px;gap:40px;overflow-y:auto;align-items:center}.final-section{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1200px}.final-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.podium-section{display:flex;align-items:flex-end;justify-content:center;gap:24px;width:100%}.podium-place{display:flex;flex-direction:column;align-items:center;gap:12px;animation:podiumAppear .6s ease-out both}.podium-place.first{animation-delay:.2s}.podium-place.second{animation-delay:0s}.podium-place.third{animation-delay:.4s}@keyframes podiumAppear{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.place-medal{font-size:48px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.place-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#1a1a2e;border-radius:20px;border:2px solid rgba(255,255,255,.1);min-width:200px}.podium-place.first .place-card{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2466;transform:scale(1.1)}.podium-place.second .place-card{background:linear-gradient(135deg,#9ca3af1a,#6b72801a);border-color:#9ca3af4d}.podium-place.third .place-card{background:linear-gradient(135deg,#b453091a,#92400e1a);border-color:#b453094d}.place-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#252542;border:3px solid rgba(255,255,255,.2)}.place-avatar img{width:100%;height:100%;object-fit:cover}.place-avatar .avatar-emoji{font-size:48px}.place-avatar .avatar-placeholder{font-size:36px;font-weight:700;color:#8b5cf6;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.place-name{font-size:20px;font-weight:700;color:#fff;text-align:center}.place-score{font-size:24px;font-weight:700;color:#8b5cf6}.final-leaderboard-section{width:100%;max-width:800px;display:flex;flex-direction:column;gap:20px}.final-leaderboard-section .leaderboard-title{font-size:28px;font-weight:700;color:#fff;text-align:center}.final-leaderboard-section .leaderboard-list{display:flex;flex-direction:column;gap:10px;background:#1a1a2e;border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.08)}.final-leaderboard-section .leaderboard-entry{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#252542;border-radius:12px;transition:all .2s}.final-leaderboard-section .leaderboard-entry:hover{background:#ffffff0d}.final-leaderboard-section .leaderboard-position{font-size:16px;font-weight:700;color:#71717a;min-width:40px}.final-leaderboard-section .leaderboard-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border:2px solid rgba(255,255,255,.1);flex-shrink:0}.final-leaderboard-section .leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.final-leaderboard-section .avatar-emoji{font-size:28px}.final-leaderboard-section .avatar-placeholder{font-size:20px;font-weight:700;color:#8b5cf6;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.final-leaderboard-section .leaderboard-info{flex:1;display:flex;flex-direction:column;gap:4px}.final-leaderboard-section .leaderboard-name{font-size:16px;font-weight:600;color:#fff}.final-leaderboard-section .leaderboard-stats{display:flex;gap:16px;font-size:13px}.stat-correct{color:#10b981}.quiz-final .close-button{padding:16px 48px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .2s;flex-shrink:0}.quiz-final .close-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.loading{font-size:2rem;text-align:center;color:#fff;padding:2rem}.player-ranking{background:#252542;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);height:fit-content;max-height:calc(100vh - 100px);overflow-y:auto}.player-ranking h3{font-size:1.5rem;color:#fff;margin-bottom:20px;text-align:center}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1a1a2e;border-radius:10px;transition:transform .2s,box-shadow .2s}.ranking-item:hover{transform:translate(-3px);box-shadow:0 2px 6px #00000026}.ranking-position{font-weight:700;font-size:1.2rem;color:#8b5cf6;min-width:35px;text-align:center}.ranking-avatar{width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;border-radius:50%;object-fit:cover;border:2px solid #8b5cf6;display:block}.ranking-avatar-emoji{width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#252542;border:2px solid #8b5cf6}.ranking-avatar-placeholder{width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:2px solid #8b5cf6}.ranking-info{flex:1;display:flex;flex-direction:column;gap:4px}.ranking-name{font-weight:700;color:#fff;font-size:1rem}.ranking-score{color:#a1a1aa;font-size:.9rem}.ranking-status{font-size:1.2rem;line-height:1}.ranking-status.online{color:#28a745}.ranking-status.offline{color:#dc3545;opacity:.5}.truthlie-host-screen{min-height:100vh;background:#0f0f1a;display:flex;flex-direction:column;color:#fff}.truthlie-host-screen .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.truthlie-host-screen .host-content{flex:1;display:flex;flex-direction:column;padding:40px 48px;gap:32px;overflow-y:auto}.writing-phase .host-content{align-items:center}.writing-progress{text-align:center;margin-bottom:2rem;width:100%}.progress-text{font-size:2rem;margin-bottom:1rem}.timer{font-size:4rem;font-weight:700;color:#fff}.players-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%;max-width:1200px}.facts-phase .host-content{display:grid;grid-template-columns:1fr 300px;gap:2rem}.facts-container{display:flex;flex-direction:column;gap:1.5rem}.fact-card{background:#fff3;padding:2rem;border-radius:12px;display:flex;gap:1.5rem;align-items:start}.fact-label{font-size:3rem;font-weight:700;min-width:60px}.fact-text{font-size:1.8rem;flex:1;line-height:1.5}.timer-container{grid-column:1 / -1;text-align:center;margin-bottom:1rem}.timer-container .timer{font-size:3rem;font-weight:700}.player-progress{font-size:1.2rem;opacity:.9}.questions-container{grid-column:1 / -1;background:#ffffff1a;padding:1.5rem;border-radius:12px;margin-top:1rem}.questions-container h3{margin-top:0;font-size:1.5rem}.question-item{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.no-questions{opacity:.7;font-style:italic}.reactions-container{grid-column:1 / -1;display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.reaction-emoji{font-size:2rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ranking-sidebar{position:sticky;top:2rem;height:fit-content}.voting-phase .host-content{display:grid;grid-template-columns:1fr 300px;gap:2rem}.voting-progress{font-size:1.2rem;opacity:.9}.reveal-phase{display:flex;flex-direction:column;gap:2rem}.fact-card.truth{background:#4caf504d;border:2px solid #4caf50}.fact-card.lie{background:#f443364d;border:2px solid #f44336;animation:pulse 1s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lie-badge{background:#f44336;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:1.2rem}.results-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.guessed-section,.missed-section{background:#ffffff1a;padding:1.5rem;border-radius:12px}.guessed-section h3{color:#4caf50}.missed-section h3{color:#f44336}.players-list .player-result{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.player-result.correct{color:#4caf50}.player-result.incorrect{color:#f44336}.points{font-weight:700;margin-left:auto}.author-score{grid-column:1 / -1;background:#fff3;padding:1.5rem;border-radius:12px;text-align:center}.author-score h3{margin-top:0}.author-score .points{font-size:2rem;font-weight:700}.scores-phase{display:flex;flex-direction:column;align-items:center}.leaderboard-container{width:100%;max-width:800px}.final-phase{display:flex;flex-direction:column;align-items:center}.podium-container{display:flex;justify-content:center;align-items:flex-end;gap:2rem;margin:3rem 0}.podium-item{background:#fff3;padding:2rem;border-radius:12px;text-align:center;position:relative;min-width:200px}.podium-item.position-1{order:2;height:300px;background:#ffd7004d}.podium-item.position-2{order:1;height:250px;background:#c0c0c04d}.podium-item.position-3{order:3;height:200px;background:#cd7f324d}.podium-avatar{font-size:4rem;margin-bottom:1rem}.podium-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.podium-score{font-size:1.2rem;opacity:.9}.medal{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:3rem}.final-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:800px;margin:2rem 0}.stat-card{background:#fff3;padding:1.5rem;border-radius:12px;text-align:center}.stat-card h3{margin-top:0;font-size:1.5rem}.stat-player{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.2rem}.final-leaderboard{width:100%;max-width:800px}.final-leaderboard h2{text-align:center;margin-bottom:2rem}@media (max-width: 768px){.facts-phase,.voting-phase{grid-template-columns:1fr}.ranking-sidebar{position:static}.results-container{grid-template-columns:1fr}.podium-container{flex-direction:column;align-items:center}.podium-item{width:100%;max-width:300px;height:auto!important}.final-stats{grid-template-columns:1fr}}.story-host-screen{min-height:100vh;background:#0f0f1a;display:flex;flex-direction:column;color:#fff}.story-host-screen .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-left{display:flex;align-items:center;gap:14px}.header-icon{font-size:28px}.header-title{font-size:22px;font-weight:700;color:#fff}.header-right{display:flex;align-items:center}.header-progress{font-size:16px;font-weight:500;color:#a1a1aa;padding:8px 16px;background:#252542;border-radius:12px}.story-host-screen .host-content{flex:1;display:flex;flex-direction:column;padding:40px 48px;gap:32px;overflow-y:auto}.phase-title{font-size:36px;font-weight:700;color:#fff;text-align:center;margin:0}.back-button{background:transparent;border:1px solid rgba(255,255,255,.15);color:#a1a1aa;padding:8px 16px;border-radius:10px;cursor:pointer;font-size:14px;transition:all .2s}.back-button:hover{background:#ffffff0d;color:#fff;border-color:#ffffff40}.subtitle{font-size:1.2rem;opacity:.9}.characters-phase .host-content{align-items:center}.timer-container{text-align:center;margin-bottom:2rem}.timer{font-size:4rem;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.progress-text{font-size:1.2rem;margin-top:.5rem;opacity:.9}.players-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;width:100%;max-width:1200px}.player-item{background:#fff3;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:1rem}.player-item.ready{background:#4caf504d}.player-item.not-ready{background:#ff98004d}.player-avatar{font-size:2rem}.player-name{flex:1;font-size:1.2rem}.character-info{font-size:1rem;opacity:.9;font-style:italic}.waiting{opacity:.7;font-style:italic}.checkmark{font-size:1.5rem;color:#4caf50}.writing-phase .host-content{display:grid;grid-template-columns:1fr 300px;gap:2rem}.story-container{grid-column:1 / -1;background:#ffffff1a;padding:2rem;border-radius:12px;margin-bottom:2rem}.story-text{font-family:Georgia,Times New Roman,serif;font-size:1.8rem;line-height:1.8;color:#fff}.story-sentence{margin-bottom:1rem;padding:.5rem;border-radius:8px}.story-sentence.last{background:#fff3;font-weight:700}.current-turn{grid-column:1 / -1;background:#fff3;padding:2rem;border-radius:12px;text-align:center}.current-player{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;font-size:1.5rem}.genre-card{background:#ffffff4d;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.timer-warning{color:#f44336!important;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.waiting-animation{font-size:2rem;margin-top:1rem;animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.reactions-flying{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem}.reaction-emoji{font-size:3rem;animation:flyLeft 2s ease-out forwards}@keyframes flyLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-500px);opacity:0}}.progress{font-size:1.2rem;opacity:.9}.premiere-phase{background:#0f0f1a}.premiere-phase .premiere-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 72px)}.premiere-content{text-align:center;max-width:900px;padding:2rem}.premiere-sentence{font-family:Georgia,Times New Roman,serif;font-size:3rem;line-height:1.6;color:#fff;margin-bottom:1rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.premiere-author{font-size:1.5rem;color:#aaa;margin-bottom:2rem}.premiere-progress{font-size:1.2rem;color:#666}.voting-phase{display:flex;flex-direction:column;gap:2rem}.nomination-progress{font-size:1.2rem;opacity:.9}.voting-progress{font-size:1.2rem;margin-top:.5rem}.sentences-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.sentence-card{background:#fff3;padding:1.5rem;border-radius:12px;cursor:pointer;transition:all .2s}.sentence-card:hover{background:#ffffff4d;transform:translateY(-3px)}.sentence-text{font-size:1.2rem;line-height:1.5}.results-phase{display:flex;flex-direction:column;gap:2rem}.winners-section{background:#ffffff1a;padding:2rem;border-radius:12px}.winners-section h2{font-size:2rem;margin-bottom:1.5rem}.winners-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.winner-item{background:#ffd7004d;padding:1.5rem;border-radius:12px;border:2px solid #ffd700}.winner-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.winner-player{font-size:1.2rem;margin-bottom:.5rem}.winner-sentence{font-size:1rem;opacity:.9;font-style:italic}.full-story{background:#ffffff1a;padding:2rem;border-radius:12px}.full-story h2{font-size:2rem;margin-bottom:1.5rem}.story-sentence.winner{background:#ffd7004d;border-left:4px solid #ffd700;padding-left:1rem}.author-name{font-size:.9em;opacity:.7;font-style:italic}.final-leaderboard{width:100%;max-width:800px;margin:0 auto}@media (max-width: 768px){.writing-phase{grid-template-columns:1fr}.reactions-flying{position:static;transform:none;flex-direction:row;flex-wrap:wrap}.premiere-sentence{font-size:2rem}.sentences-list{grid-template-columns:1fr}}.reaction-host{background:#0f0f1a}.countdown-number{font-size:120px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countPulse 1s ease-in-out}.reaction-mode .host-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px}.reaction-signal-area{display:flex;flex-direction:column;align-items:center;gap:20px}.signal-circle{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:80px;transition:all .3s}.signal-circle.waiting{background:#374151;box-shadow:0 0 0 8px #3741514d}.signal-circle.ready{background:#ef4444;box-shadow:0 0 0 8px #ef44444d;animation:pulse 1s infinite}.signal-circle.go{background:#10b981;box-shadow:0 0 0 8px #10b9814d,0 0 60px #10b98180;animation:goFlash .3s ease}@keyframes goFlash{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.signal-hint{font-size:20px;font-weight:600;color:#fff}.reaction-players{display:flex;flex-direction:column;gap:12px;width:100%;max-width:600px}.reaction-player{display:flex;align-items:center;gap:12px;padding:16px;background:#1a1a2e;border-radius:14px}.reaction-player.false-start{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.player-avatar{font-size:32px}.player-name{flex:1;font-size:18px;font-weight:600;color:#fff}.player-result{font-size:16px;font-weight:700;color:#10b981}.player-result.false-start{color:#ef4444}.player-result.waiting{color:#71717a}.speedtype-mode .host-content{display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px}.speedtype-challenge{text-align:center;padding:32px}.category-icon{font-size:64px;margin-bottom:16px}.category-text{font-size:24px;color:#a1a1aa;margin-bottom:8px}.category-letter{font-size:96px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.speedtype-answers{display:flex;flex-direction:column;gap:10px;width:100%;max-width:700px}.answer-item{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1a1a2e;border-radius:14px;transition:all .2s}.answer-item.valid{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.answer-item.invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.answer-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#252542;border-radius:8px;font-size:14px;font-weight:700;color:#fff}.answer-avatar{font-size:28px}.answer-name{flex:1;font-size:16px;font-weight:600;color:#fff}.answer-text{font-size:18px;font-weight:700;color:#fff}.answer-time{font-size:14px;color:#a1a1aa;font-family:JetBrains Mono,monospace}.speedtype-used{padding:16px;background:#1a1a2e;border-radius:14px;width:100%;max-width:700px}.used-label{display:block;font-size:12px;color:#71717a;margin-bottom:10px;text-transform:uppercase}.used-list{display:flex;flex-wrap:wrap;gap:8px}.used-item{padding:6px 12px;background:#252542;border-radius:8px;font-size:14px;color:#a1a1aa}.math-mode .host-content{display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px}.math-problem{text-align:center;padding:40px}.problem-text{font-size:72px;font-weight:800;font-family:JetBrains Mono,monospace;color:#fff}.math-answers{display:flex;flex-direction:column;gap:10px;width:100%;max-width:700px}.answer-status{font-size:24px;font-weight:700}.answer-status.correct{color:#10b981}.answer-status.wrong{color:#ef4444}.reaction-host .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.reaction-host .header-game{display:flex;align-items:center;gap:14px}.reaction-host .header-icon{font-size:32px}.reaction-host .header-title{font-size:20px;font-weight:700;color:#fff}.reaction-host .header-progress{font-size:16px;font-weight:600;color:#a1a1aa;font-family:JetBrains Mono,monospace}.reaction-host .host-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.round-result-screen{min-height:100dvh;display:flex;flex-direction:column}.result-header{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:700;color:#fff}.result-mode-icon{font-size:32px}.result-round{color:#a1a1aa;font-size:18px}.round-result-screen .host-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px}.result-rankings{display:flex;flex-direction:column;gap:12px;width:100%;max-width:600px}.result-item{display:flex;align-items:center;gap:16px;padding:20px;background:#1a1a2e;border-radius:16px}.result-medal{font-size:32px}.result-player{flex:1;font-size:20px;font-weight:600;color:#fff}.result-detail{font-size:16px;color:#a1a1aa}.result-score{font-size:20px;font-weight:700;color:#f59e0b}.result-countdown{font-size:16px;color:#71717a}.final-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.podium-1{order:2;transform:scale(1.1);background:linear-gradient(135deg,#f59e0b33,#ef444433);border:1px solid rgba(245,158,11,.3)}.podium-score{font-size:18px;color:#f59e0b;font-weight:600}.leaderboard-score{font-size:16px;font-weight:700;color:#f59e0b}.photo-host{background:#0f0f1a;--game-accent: #ec4899}.photo-host .host-header{height:72px;padding:0 40px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.photo-host .header-game{display:flex;align-items:center;gap:14px}.photo-host .header-icon{font-size:32px}.photo-host .header-title{font-size:20px;font-weight:700;color:#fff}.photo-host .header-round{font-size:16px;font-weight:600;color:#a1a1aa;font-family:JetBrains Mono,monospace}.photo-host .host-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.countdown-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px}.countdown-round{font-size:18px;color:#a1a1aa}.countdown-mode{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#fff}.countdown-mode-icon{font-size:36px}.countdown-number{font-size:120px;font-weight:800;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countPulse 1s ease-in-out}@keyframes countPulse{0%{transform:scale(1.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.challenge-area{text-align:center;padding:40px 20px}.challenge-text{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.4}.challenge-emoji{font-size:64px;margin:16px 0}.challenge-desc{font-size:18px;color:#a1a1aa;margin-top:12px}.players-status{display:flex;flex-direction:column;gap:16px;padding:20px}.submitted-players,.waiting-players{display:flex;flex-wrap:wrap;gap:12px}.player-status{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1a1a2e;border-radius:12px}.player-status.done{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.player-status.waiting{background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.status-avatar{font-size:24px}.status-name{font-size:16px;font-weight:600;color:#fff}.status-time{font-size:14px;color:#10b981;font-family:JetBrains Mono,monospace}.status-icon{font-size:20px}.gallery-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.gallery-photo-container{max-width:80%;max-height:60vh;margin-bottom:24px}.gallery-photo{width:100%;height:100%;object-fit:contain;border-radius:20px;box-shadow:0 20px 60px #00000080;animation:photoReveal .5s ease}@keyframes photoReveal{0%{opacity:0;transform:scale(.8) rotateY(-10deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.gallery-pagination{display:flex;gap:10px;margin-bottom:20px}.gallery-dot{width:12px;height:12px;border-radius:50%;background:#252542;transition:all .2s}.gallery-dot.active{background:#ec4899;transform:scale(1.2)}.gallery-instruction{font-size:18px;color:#a1a1aa}.voting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.voting-photo-card{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;border:3px solid transparent}.voting-photo-card img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;top:8px;left:8px;width:32px;height:32px;background:#000000b3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.photo-votes{position:absolute;bottom:8px;left:8px;right:8px;padding:8px;background:#000000b3;border-radius:8px;text-align:center;font-size:14px;font-weight:600;color:#ec4899}.results-winner{display:flex;gap:24px;align-items:center;padding:32px;background:#ec48991a;border-radius:20px;margin-bottom:24px}.winner-crown{font-size:48px}.winner-info{flex:1}.winner-title{font-size:16px;color:#a1a1aa;margin-bottom:8px}.winner-name{font-size:32px;font-weight:800;color:#fff;margin-bottom:8px}.winner-stats{font-size:18px;color:#ec4899;font-weight:600}.results-rankings{display:flex;flex-direction:column;gap:12px;padding:0 20px}.result-item{display:flex;align-items:center;gap:16px;padding:16px;background:#1a1a2e;border-radius:12px}.result-medal{font-size:24px}.result-player{flex:1;font-size:18px;font-weight:600;color:#fff}.result-votes{font-size:16px;color:#a1a1aa}.result-score{font-size:18px;font-weight:700;color:#ec4899}.final-screen{min-height:100dvh;display:flex;flex-direction:column}.final-screen .host-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:40px}.final-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.final-podium{display:flex;align-items:flex-end;gap:24px;margin:40px 0}.podium-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#1a1a2e;border-radius:20px;min-width:180px}.podium-1{order:2;transform:scale(1.1);background:linear-gradient(135deg,#ec489933,#8b5cf633);border:1px solid rgba(236,72,153,.3)}.podium-2{order:1}.podium-3{order:3}.podium-medal{font-size:48px}.podium-avatar{font-size:56px}.podium-name{font-size:20px;font-weight:700;color:#fff}.podium-score{font-size:18px;color:#ec4899;font-weight:600}.final-leaderboard{display:flex;flex-direction:column;gap:10px;width:100%;max-width:600px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1a1a2e;border-radius:12px}.leaderboard-rank{width:40px;font-size:16px;font-weight:700;color:#71717a}.leaderboard-avatar{font-size:24px}.leaderboard-name{flex:1;font-size:16px;font-weight:600;color:#fff}.leaderboard-score{font-size:16px;font-weight:700;color:#ec4899}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary, #0f0f1a);color:var(--text-primary, #ffffff);overflow-y:auto;overflow-x:hidden}code{font-family:var(--font-mono, source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace)}#root{min-height:100vh;overflow-y:auto;overflow-x:hidden}