@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #080808;--bg-secondary: #111111;--bg-card: rgba(255, 255, 255, .08);--bg-card-hover: rgba(255, 255, 255, .12);--bg-glass: rgba(255, 255, 255, .09);--accent-primary: #dc2626;--accent-secondary: #b91c1c;--accent-success: #22c55e;--accent-danger: #ef4444;--accent-warning: #f59e0b;--accent-pink: #f43f5e;--accent-orange: #f97316;--gradient-primary: linear-gradient(135deg, #dc2626, #991b1b);--gradient-hot: linear-gradient(135deg, #ef4444, #f97316);--gradient-success: linear-gradient(135deg, #22c55e, #16a34a);--gradient-pink: linear-gradient(135deg, #f43f5e, #dc2626);--gradient-bg: radial-gradient(ellipse at 20% 50%, rgba(220, 38, 38, .08) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(185, 28, 28, .06) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(244, 63, 94, .04) 0%, transparent 50%);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--border-color: rgba(255, 255, 255, .07);--border-glow: rgba(220, 38, 38, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(220, 38, 38, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:pan-y}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-wrapper{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--gradient-bg),var(--bg-primary);position:relative}.app-wrapper:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}h1,h2,h3{font-weight:700;line-height:1.2}.title-xl{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.title-lg{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800}.subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .25s}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:0 0 30px #dc262680,var(--shadow-md);transform:translateY(-2px)}.btn-success{background:var(--gradient-success);color:#fff}.btn-danger{background:var(--gradient-hot);color:#fff}.btn-ghost{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:var(--border-glow);background:#dc26261a}.btn-danger{background:#ef444433;color:#f44;border:1px solid rgba(239,68,68,.4)}.btn-danger:hover{background:#ef444459}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:18px 36px;font-size:1.125rem;border-radius:var(--radius-lg)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input{padding:14px 18px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-glass);color:var(--text-primary);font-size:1rem;font-family:var(--font-family);transition:all .25s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #dc262626}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-glow{box-shadow:var(--shadow-md)}.card-glow:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow),var(--shadow-md);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{background:var(--bg-card-hover)}.game-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s}.game-card:hover:before{transform:scaleX(1)}.game-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.game-card.selected{border-color:var(--accent-primary);background:#dc26261a;box-shadow:var(--shadow-glow)}.game-card.selected:before{transform:scaleX(1)}.game-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.game-card-emoji{font-size:2.5rem;margin-bottom:8px}.game-card-title{font-size:1.1rem;font-weight:700;margin-bottom:4px}.game-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.game-card-players{margin-top:8px;font-size:.75rem;color:var(--text-muted)}.player-list{display:flex;flex-wrap:wrap;gap:8px}.player-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-color);font-size:.875rem;font-weight:500;animation:chipIn .3s cubic-bezier(.4,0,.2,1)}.player-chip.host{border-color:var(--accent-warning);background:#f59e0b1a}.player-chip.disconnected{opacity:.4}.player-chip .crown{font-size:.75rem}.room-code{font-family:Outfit,monospace;font-size:clamp(2rem,6vw,3rem);font-weight:900;letter-spacing:.3em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;padding:12px 0}.timer-bar{width:100%;height:6px;background:var(--bg-glass);border-radius:var(--radius-full);overflow:hidden;margin:12px 0}.timer-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width 1s linear}.timer-bar-fill.warning{background:var(--gradient-hot)}.timer-text{font-size:2.5rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.timer-text.warning{color:var(--accent-danger);animation:pulse .5s infinite}.lives{display:flex;gap:4px}.life{font-size:1.25rem;transition:all .3s}.life.lost{opacity:.2;transform:scale(.8)}.score-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-weight:700;font-size:.875rem}.score-change{display:inline-block;color:var(--accent-success);font-weight:700;animation:scoreUp .5s ease-out}.result-correct{color:var(--accent-success)}.result-wrong{color:var(--accent-danger)}.punishment-card{background:linear-gradient(135deg,#ef444426,#f9731626);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:20px;text-align:center;animation:punishIn .5s cubic-bezier(.4,0,.2,1)}.punishment-card .punishment-emoji{font-size:3rem;margin-bottom:8px;animation:shake .5s ease-in-out}.punishment-card .punishment-text{font-size:1.1rem;font-weight:600;color:var(--accent-danger)}.percent-slider{width:100%;appearance:none;height:8px;border-radius:var(--radius-full);background:var(--bg-glass);outline:none}.percent-slider::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:var(--shadow-glow);transition:transform .15s}.percent-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.percent-value{font-size:3rem;font-weight:900;text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}.answer-option{padding:16px 20px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-glass);cursor:pointer;transition:all .25s;font-size:1rem;font-weight:500;text-align:left;width:100%;color:var(--text-primary);font-family:var(--font-family)}.answer-option:hover{border-color:var(--accent-primary);background:#dc26261a;transform:translate(4px)}.answer-option.selected{border-color:var(--accent-primary);background:#dc262626;box-shadow:0 0 12px #dc262633}.answer-option.correct{border-color:var(--accent-success);background:#10b98126}.answer-option.wrong{border-color:var(--accent-danger);background:#ef44441a}.answer-option.yours{border-color:var(--accent-warning);background:#f59e0b1a}.answer-option:disabled{cursor:default;transform:none!important}.qr-wrapper{padding:16px;background:#fff;border-radius:var(--radius-lg);display:inline-block}.scoreboard{width:100%;max-width:500px}.scoreboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:4px;transition:all .3s}.scoreboard-row:nth-child(1){background:linear-gradient(90deg,rgba(245,158,11,.15),transparent);border-left:3px solid var(--accent-warning)}.scoreboard-row:nth-child(2){background:linear-gradient(90deg,rgba(148,163,184,.1),transparent);border-left:3px solid var(--text-secondary)}.scoreboard-row:nth-child(3){background:linear-gradient(90deg,rgba(180,83,9,.1),transparent);border-left:3px solid #b45309}.scoreboard-rank{font-size:1.25rem;font-weight:800;min-width:30px}.scoreboard-name{flex:1;font-weight:600}.scoreboard-score{font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent-primary)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.text-center{text-align:center}.w-full{width:100%}.max-w-sm{max-width:420px;width:100%}.max-w-md{max-width:560px;width:100%}.max-w-lg{max-width:700px;width:100%}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-primary);opacity:.2;animation:float linear infinite}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scoreUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes punishIn{0%{opacity:0;transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px) rotate(-5deg)}75%{transform:translate(8px) rotate(5deg)}}@keyframes float{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100vh) rotate(720deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1) both}.animate-fade-in{animation:fadeIn .3s ease-out both}@media(max-width:640px){.page{padding:12px}.card{padding:16px}.btn-lg{padding:14px 24px}}.tf-game-wrapper{@keyframes explodeShake{10%,90%{transform:translate3d(-4px,2px,0)}20%,80%{transform:translate3d(6px,-4px,0)}30%,50%,70%{transform:translate3d(-10px,8px,0)}40%,60%{transform:translate3d(10px,-8px,0)}}@keyframes bonusGlow{0%{filter:drop-shadow(0 0 2px rgba(168,85,247,.4));transform:scale(1)}to{filter:drop-shadow(0 0 6px rgba(168,85,247,.8));transform:scale(1.15)}}@keyframes splashPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes blinkTimer{0%{opacity:1}to{opacity:.3}}@keyframes bombScale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes expandExplode{0%{transform:scale(1);opacity:1}50%{transform:scale(3);opacity:.8}to{transform:scale(5);opacity:0}}@keyframes resultSlideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes comboShake{0%{transform:scale(.5) rotate(-5deg);opacity:0}50%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes comboPulse{0%,to{text-shadow:0 0 8px rgba(249,115,22,.4)}50%{text-shadow:0 0 16px rgba(249,115,22,.8)}}@keyframes lifeGainPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes heartGlow{0%,to{box-shadow:0 0 12px #22c55e4d}50%{box-shadow:0 0 24px #22c55e99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cardEnter{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-glow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes hordePulse{0%{transform:scale(1);opacity:.3}to{transform:scale(1.1);opacity:.7}}@keyframes rumblePulse{0%{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(5px)}to{opacity:.5;transform:translate(-5px)}}@keyframes survivorRun{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-4px) rotate(5deg)}}@keyframes swallowByHorde{0%{transform:scale(1) rotate(0);filter:blur(0);opacity:1}to{transform:scale(0) rotate(-180deg);filter:blur(10px);opacity:0}}@keyframes rotorSpin{0%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.1);opacity:.5}to{transform:scaleX(1);opacity:1}}@keyframes rainDrop{0%{background-position:0 0}to{background-position:-20px 100px}}@keyframes warningPulse{0%{box-shadow:0 0 10px #dc262633}to{box-shadow:0 0 20px #dc262699}}}.tf-game-wrapper .tf-game-wrapper{min-height:100vh;width:100vw;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:flex-start;padding:16px;overflow-y:auto;transition:box-shadow .3s ease}.tf-game-wrapper .tf-main-container{width:100%;max-width:700px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.tf-game-wrapper .vignette-danger{box-shadow:inset 0 0 150px #dc262666}@media(max-width:600px){.tf-game-wrapper .vignette-danger{box-shadow:inset 0 0 80px #dc262680}}.tf-game-wrapper .screen-shake{animation:explodeShake .4s cubic-bezier(.36,.07,.19,.97) both}.tf-game-wrapper .tf-header{text-align:center;padding-top:8px}.tf-game-wrapper .tf-title{font-size:1.8rem;font-weight:900;margin:0 0 6px;color:#f87171;text-shadow:0 2px 10px rgba(220,38,38,.4)}.tf-game-wrapper .tf-mode-badge{display:inline-block;background:#ffffff1a;padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px}.tf-game-wrapper .tp-banner{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 12px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px}.tf-game-wrapper .tp-banner-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;font-size:.85rem}.tf-game-wrapper .tp-banner-item.is-me{border-color:#ffffff4d;background:#ffffff1a}.tf-game-wrapper .tp-banner-item.dead{opacity:.45;filter:grayscale(.8)}.tf-game-wrapper .tp-banner-name{font-weight:700;font-size:.85rem;white-space:nowrap}.tf-game-wrapper .tp-banner-hearts{display:flex;gap:1px}.tf-game-wrapper .heart-mini{font-size:.55rem;transition:filter .3s}.tf-game-wrapper .heart-mini.empty{filter:grayscale(1) opacity(.25)}.tf-game-wrapper .bonus-heart{animation:bonusGlow 2s infinite alternate;font-size:.65rem}.tf-game-wrapper .round-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;background:#000000bf;animation:fadeIn .2s ease-out}.tf-game-wrapper .round-splash-content{display:flex;flex-direction:column;align-items:center;gap:8px;animation:splashPop .6s cubic-bezier(.34,1.56,.64,1)}.tf-game-wrapper .round-splash-number{font-size:clamp(3rem,8vw,5rem);font-weight:900;color:#f87171;text-shadow:0 0 40px rgba(220,38,38,.6)}.tf-game-wrapper .round-splash-sub{font-size:1.2rem;color:#fff9;font-weight:500}.tf-game-wrapper .tf-countdown-section{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:40px}.tf-game-wrapper .countdown-big{font-size:clamp(4rem,12vw,8rem);font-weight:900;color:#f87171;text-shadow:0 0 30px rgba(220,38,38,.5)}.tf-game-wrapper .tf-game-area{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.tf-game-wrapper .tf-round-info{display:flex;align-items:center;justify-content:center;gap:8px}.tf-game-wrapper .tf-round-text{font-size:.95rem;color:#ffffff80;font-weight:600}.tf-game-wrapper .turn-count{font-size:.85rem;color:#fff6}.tf-game-wrapper .bomb-container{position:relative;display:flex;flex-direction:column;align-items:center;margin:8px 0}.tf-game-wrapper .bomb-graphic{position:relative;width:130px;height:130px}.tf-game-wrapper .bomb-body{width:130px;height:130px;background:radial-gradient(circle at 40% 40%,#4a4a4a,#1a1a1a 70%,#000);border-radius:50%;position:relative;box-shadow:0 10px 30px #000c,inset -5px -5px 15px #00000080;display:flex;align-items:center;justify-content:center;z-index:2}.tf-game-wrapper .bomb-highlight{position:absolute;top:15%;left:15%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 60%);border-radius:50%;pointer-events:none}.tf-game-wrapper .bomb-cap{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:20px;background:linear-gradient(to right,#666,#999,#666);border-radius:4px;z-index:1}.tf-game-wrapper .bomb-screen{background:#000;border:4px solid #333;border-radius:8px;padding:4px 12px;box-shadow:inset 0 0 10px #000c;z-index:3}.tf-game-wrapper .bomb-timer{font-family:Courier New,monospace;font-size:1.8rem;font-weight:900;color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.6)}.tf-game-wrapper .timer-danger{color:#ef4444;text-shadow:0 0 12px rgba(239,68,68,.8);animation:blinkTimer .5s infinite alternate}.tf-game-wrapper .bomb-pulse .bomb-graphic{animation-name:bombScale;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1)}.tf-game-wrapper .bomb-explode .bomb-body{background:#fff;box-shadow:0 0 100px 50px #ef4444,0 0 200px 100px #f59e0b}.tf-game-wrapper .bomb-explode .bomb-screen,.tf-game-wrapper .bomb-explode .bomb-highlight{display:none}.tf-game-wrapper .bomb-explode .bomb-graphic{animation:expandExplode .5s ease-out forwards}.tf-game-wrapper .bomb-owner-badge{margin-top:12px;background:#dc262626;border:1px solid rgba(220,38,38,.4);padding:8px 16px;border-radius:8px;color:#fca5a5;font-size:1rem;animation:cardEnter .3s ease-out}.tf-game-wrapper .spectator-badge{padding:8px 16px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.9rem;color:#9ca3af;text-align:center}.tf-game-wrapper .question-card{padding:20px 24px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);width:100%;text-align:center;box-shadow:0 4px 20px #0000004d;animation:cardEnter .35s ease-out}.tf-game-wrapper .question-text{font-size:1.2rem;font-weight:600;line-height:1.5;margin:0}.tf-game-wrapper .tf-answer-buttons{display:flex;flex-direction:column;gap:16px;width:100%;margin-top:8px}.tf-game-wrapper .tf-answer-btn{width:100%;min-height:64px;font-size:1.3rem!important;font-weight:800!important;letter-spacing:2px;border-width:2px!important;border-radius:14px!important;transition:all .15s ease!important}.tf-game-wrapper .tf-answer-btn:active{transform:scale(.96)!important}.tf-game-wrapper .tf-answer-btn:after{display:none}.tf-game-wrapper .tf-answered-section{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.tf-game-wrapper .answered-badge{padding:12px 24px;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:10px;color:#4ade80;font-weight:700;font-size:1.1rem;box-shadow:0 0 15px #22c55e33;text-align:center;width:100%}.tf-game-wrapper .tf-waiting-text{color:#ffffff80;font-size:.9rem;font-weight:500;animation:pulse 1.5s infinite}.tf-game-wrapper .tf-progress-text{color:#ffffff80;font-size:.9rem;margin-top:8px}.tf-game-wrapper .tf-result-section{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.tf-game-wrapper .correct-answer-card{padding:16px 24px;border-radius:12px;background:#0006;font-size:1.15rem;text-align:center;width:100%;border:1px solid rgba(255,255,255,.1);animation:cardEnter .35s ease-out}.tf-game-wrapper .results-grid{display:flex;flex-direction:column;gap:8px;width:100%}.tf-game-wrapper .result-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:10px;font-size:.95rem;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);animation:resultSlideIn .5s ease-out both}.tf-game-wrapper .result-row.correct{border-color:#22c55e66;background:#22c55e1a}.tf-game-wrapper .result-row.wrong,.tf-game-wrapper .result-row.eliminated{border-color:#ef444480;background:#ef444426}.tf-game-wrapper .result-player{font-weight:700}.tf-game-wrapper .result-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tf-game-wrapper .result-status{font-size:.85rem;opacity:.9}.tf-game-wrapper .combo-badge{display:inline-block;background:linear-gradient(135deg,#f9731640,#ea580c26);border:1px solid rgba(249,115,22,.5);color:#fb923c;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:800;animation:comboShake .5s ease-out;text-shadow:0 0 8px rgba(249,115,22,.4)}.tf-game-wrapper .combo-badge-lg{font-size:1.1rem;padding:6px 16px;border-radius:16px;animation:comboShake .5s ease-out,comboPulse 1.5s infinite .5s}.tf-game-wrapper .life-gained-badge{display:inline-block;background:linear-gradient(135deg,#22c55e40,#16a34a26);border:1px solid rgba(34,197,94,.5);color:#4ade80;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:800;animation:lifeGainPop .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #22c55e4d}.tf-game-wrapper .life-gained-lg{font-size:1.1rem;padding:8px 20px;border-radius:16px;box-shadow:0 0 20px #22c55e66;animation:lifeGainPop .6s cubic-bezier(.34,1.56,.64,1),heartGlow 1.5s infinite .6s}.tf-game-wrapper .turn-result-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;border-radius:14px;width:100%;font-size:1.15rem;font-weight:700;animation:cardEnter .35s ease-out;text-align:center}.tf-game-wrapper .turn-result-card.correct{background:#22c55e26;border:1px solid rgba(34,197,94,.4);box-shadow:0 0 20px #22c55e33}.tf-game-wrapper .turn-result-card.wrong{background:#ef444426;border:1px solid rgba(239,68,68,.4);box-shadow:0 0 20px #ef444433}.tf-game-wrapper .tf-gameover-section{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:16px;width:100%}.tf-game-wrapper .gameover-title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;text-align:center;color:#f87171;text-shadow:0 0 20px rgba(220,38,38,.4)}.tf-game-wrapper .winner-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:28px;text-align:center;width:100%;box-shadow:0 4px 30px #0000004d}.tf-game-wrapper .winner-trophy{font-size:3.5rem;margin-bottom:8px;animation:float 3s ease-in-out infinite}.tf-game-wrapper .winner-message{font-size:1.5rem;font-weight:800;margin:0 0 6px}.tf-game-wrapper .winner-rounds{font-size:.9rem;color:#ffffff80;margin:0}.tf-game-wrapper .elimination-timeline{width:100%;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.tf-game-wrapper .timeline-title{font-size:1rem;font-weight:700;margin:0 0 12px;text-align:center;color:#fca5a5}.tf-game-wrapper .timeline-entry{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;margin-bottom:6px;background:#ef444414;border:1px solid rgba(239,68,68,.15);animation:resultSlideIn .4s ease-out both}.tf-game-wrapper .timeline-rank{font-weight:800;font-size:.9rem;color:#f87171;min-width:28px}.tf-game-wrapper .timeline-names{flex:1;font-weight:600;font-size:.9rem}.tf-game-wrapper .timeline-round{font-size:.75rem;color:#fff6}.tf-game-wrapper .stats-grid{width:100%;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.tf-game-wrapper .stats-title{font-size:1rem;font-weight:700;margin:0 0 12px;text-align:center}.tf-game-wrapper .stats-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;margin-bottom:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);animation:resultSlideIn .4s ease-out both}.tf-game-wrapper .stats-name{font-weight:700;font-size:.9rem}.tf-game-wrapper .stats-details{display:flex;gap:12px;font-size:.85rem;font-weight:600}.tf-game-wrapper .stats-correct{color:#4ade80}.tf-game-wrapper .stats-wrong{color:#f87171}.tf-game-wrapper .stats-lives{color:#fbbf24}.tf-game-wrapper .animate-scale-in{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.tf-game-wrapper .flex-row{display:flex;flex-direction:row}.tf-game-wrapper .flex-col{display:flex;flex-direction:column}.tf-game-wrapper .gap-sm{gap:8px}.tf-game-wrapper .gap-md{gap:16px}.tf-game-wrapper .gap-lg{gap:24px}@media(max-width:500px){.tf-game-wrapper .tf-game-wrapper{padding:10px}.tf-game-wrapper .tf-main-container{gap:10px}.tf-game-wrapper .bomb-graphic,.tf-game-wrapper .bomb-body{width:110px;height:110px}.tf-game-wrapper .bomb-timer{font-size:1.5rem}.tf-game-wrapper .question-text{font-size:1.05rem}.tf-game-wrapper .tf-answer-btn{min-height:56px;font-size:1.15rem!important}.tf-game-wrapper .tp-banner{padding:8px;gap:6px}.tf-game-wrapper .tp-banner-item{padding:3px 8px;font-size:.8rem}.tf-game-wrapper .duel-matchup{gap:8px;padding:8px}.tf-game-wrapper .duel-player-name{font-size:.85rem}.tf-game-wrapper .duel-vs{font-size:1.1rem}.tf-game-wrapper .duel-result-card{padding:10px 6px}.tf-game-wrapper .duel-result-name{font-size:.85rem}}.tf-game-wrapper .duel-matchup{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:10px;background:#ffffff0d;border-radius:14px;border:1px solid rgba(255,255,255,.1);animation:cardEnter .4s ease-out}.tf-game-wrapper .duel-player{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:10px;transition:all .3s}.tf-game-wrapper .duel-player.is-me{background:#dc26261a;border:1px solid rgba(220,38,38,.3);box-shadow:0 0 12px #dc262626}.tf-game-wrapper .duel-player-name{font-weight:700;font-size:.95rem;text-align:center}.tf-game-wrapper .duel-player-lives{font-size:.8rem;letter-spacing:2px}.tf-game-wrapper .duel-vs{font-size:1.4rem;font-weight:900;color:#f97316;text-shadow:0 0 12px rgba(249,115,22,.6);flex-shrink:0;animation:pulse 2s infinite}.tf-game-wrapper .duel-result-grid{display:flex;gap:10px;width:100%}.tf-game-wrapper .duel-result-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);animation:cardEnter .4s ease-out;text-align:center}.tf-game-wrapper .duel-result-card.correct{background:#22c55e1f;border-color:#22c55e59}.tf-game-wrapper .duel-result-card.wrong{background:#ef44441f;border-color:#ef444459}.tf-game-wrapper .duel-result-card.eliminated{opacity:.6}.tf-game-wrapper .duel-result-name{font-weight:700;font-size:1rem}.tf-game-wrapper .duel-result-status{font-size:.9rem}.tf-game-wrapper .speed-badge{display:inline-block;background:#facc1526;border:1px solid rgba(250,204,21,.4);color:#facc15;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:800;animation:comboShake .5s ease-out}.tf-game-wrapper .elim-badge{display:inline-block;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:800}.tf-game-wrapper .duel-winner-badge{text-align:center;padding:10px 20px;border-radius:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);font-weight:700;font-size:1rem;color:#4ade80;animation:cardEnter .5s ease-out}.tf-game-wrapper .duel-winner-badge.draw{background:#ef44441a;border-color:#ef44444d;color:#f87171}.tf-game-wrapper .final-score-display{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:10px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);font-weight:800;font-size:1.1rem;color:#c084fc;animation:cardEnter .4s ease-out}.tf-game-wrapper .final-score-sep{color:#fff6}.tf-game-wrapper .fibbage-container{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;width:100%}.tf-game-wrapper .fibbage-title{font-size:clamp(1.5rem,4vw,2rem);text-align:center;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.tf-game-wrapper .fibbage-countdown-big{font-size:6rem;font-weight:900;color:var(--accent-primary);text-align:center;margin:var(--spacing-xl) 0;text-shadow:0 4px 20px rgba(99,102,241,.4)}.tf-game-wrapper .fibbage-question-card{background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;width:100%;box-shadow:0 10px 30px #0003}.tf-game-wrapper .fibbage-question-text{font-size:clamp(1.2rem,3.5vw,1.5rem);line-height:1.5;font-weight:700;color:var(--text-primary)}.tf-game-wrapper .fibbage-input{width:100%;padding:var(--spacing-md);font-size:1.1rem;border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);text-align:center;transition:all .2s ease}.tf-game-wrapper .fibbage-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133;outline:none}.tf-game-wrapper .fibbage-option{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;text-align:left;display:flex;justify-content:space-between;align-items:center}.tf-game-wrapper .fibbage-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 4px 15px #0000001a}.tf-game-wrapper .fibbage-option.selected{background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.tf-game-wrapper .fibbage-option.yours{background:#10b9811a;border-color:var(--accent-success);opacity:.8;cursor:not-allowed}.tf-game-wrapper .fibbage-option.correct{background:#10b98133;border-color:var(--accent-success)}.tf-game-wrapper .fibbage-option.wrong{background:#f43f5e1a;border-color:var(--accent-danger)}.tf-game-wrapper .fibbage-voter-chip{font-size:.75rem;padding:2px 8px;border-radius:12px;background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border-color);margin-left:4px}.tf-game-wrapper .fibbage-score-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.tf-game-wrapper .fibbage-score-row:last-child{border-bottom:none}.tf-game-wrapper .fibbage-score-value{font-weight:800;color:var(--accent-success);font-size:1.1rem}.tf-game-wrapper .fibbage-gameover{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;width:100%;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275) forwards}.tf-game-wrapper .fibbage-podium{background:linear-gradient(180deg,rgba(99,102,241,.1),transparent);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;width:100%}.tf-game-wrapper .fake-def-container{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;width:100%}.tf-game-wrapper .fake-def-title{font-size:clamp(1.5rem,4vw,2rem);text-align:center;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.tf-game-wrapper .fake-def-countdown-big{font-size:6rem;font-weight:900;color:var(--accent-primary);text-align:center;margin:var(--spacing-xl) 0;text-shadow:0 4px 20px rgba(99,102,241,.4)}.tf-game-wrapper .fake-def-word-card{background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;width:100%;box-shadow:0 10px 30px #0003}.tf-game-wrapper .fake-def-word-text{font-size:clamp(1.5rem,4vw,2rem);line-height:1.5;font-weight:900;color:var(--text-primary);letter-spacing:2px}.tf-game-wrapper .fake-def-input{width:100%;padding:var(--spacing-md);font-size:1.1rem;border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);text-align:center;transition:all .2s ease}.tf-game-wrapper .fake-def-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133;outline:none}.tf-game-wrapper .fake-def-option{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;text-align:left;display:flex;justify-content:space-between;align-items:center}.tf-game-wrapper .fake-def-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 4px 15px #0000001a}.tf-game-wrapper .fake-def-option.selected{background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.tf-game-wrapper .fake-def-option.yours{background:#10b9811a;border-color:var(--accent-success);opacity:.8;cursor:not-allowed}.tf-game-wrapper .fake-def-option.correct{background:#10b98133;border-color:var(--accent-success)}.tf-game-wrapper .fake-def-option.wrong{background:#f43f5e1a;border-color:var(--accent-danger)}.tf-game-wrapper .fake-def-score-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.tf-game-wrapper .fake-def-score-row:last-child{border-bottom:none}.tf-game-wrapper .fake-def-score-value{font-weight:800;color:var(--accent-success);font-size:1.1rem}.tf-game-wrapper .fake-def-gameover{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;width:100%;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275) forwards}.tf-game-wrapper .fake-def-podium{background:linear-gradient(180deg,rgba(99,102,241,.1),transparent);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;width:100%}.tf-game-wrapper .pg-container{display:flex;flex-direction:column;height:100%;width:100%;padding:20px;box-sizing:border-box;color:#e2e8f0;position:relative;overflow:hidden;background-color:#0f172a}.tf-game-wrapper .pg-arena{position:relative;width:100%;height:250px;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:12px;overflow:hidden;margin-top:2rem;border:2px solid #334155;box-shadow:inset 0 0 50px #000c}.tf-game-wrapper .pg-road{position:absolute;bottom:0;width:100%;height:40px;background:#334155;border-top:2px dashed #475569}.tf-game-wrapper .pg-horde-container{position:absolute;top:0;bottom:0;left:0;width:150px;background:linear-gradient(90deg,rgba(136,19,55,.8) 0%,transparent 100%);z-index:10;pointer-events:none;display:flex;align-items:center;transition:transform 1s ease-in-out}.tf-game-wrapper .pg-horde-particles{position:absolute;inset:0;background-image:radial-gradient(circle,#9f1239 10%,transparent 20%);background-size:20px 20px;animation:hordePulse .5s infinite alternate;opacity:.5}.tf-game-wrapper .pg-rumble-ring{position:absolute;right:-20px;width:40px;height:100%;box-shadow:0 0 30px #ef4444;animation:rumblePulse .2s infinite}.tf-game-wrapper .pg-survivor{position:absolute;width:32px;height:48px;transition:left 1.8s ease-in-out,top 1.8s ease-in-out;z-index:20;display:flex;flex-direction:column;align-items:center}.tf-game-wrapper .pg-survivor-name{position:absolute;top:-20px;font-size:.75rem;font-weight:700;text-shadow:1px 1px 2px #000;white-space:nowrap}.tf-game-wrapper .pg-survivor svg{animation:survivorRun .4s infinite alternate}.tf-game-wrapper .pg-survivor.eliminating{animation:swallowByHorde 1.5s forwards}.tf-game-wrapper .pg-helicopter{position:absolute;right:10px;bottom:20px;width:100px;height:80px;z-index:5}.tf-game-wrapper .pg-helo-body{position:absolute;bottom:0;left:20px;width:70px;height:40px;background:#475569;border-radius:20px 20px 10px 10px}.tf-game-wrapper .pg-helo-rotor{position:absolute;top:0;left:0;width:100px;height:4px;background:#94a3b8;animation:rotorSpin .1s infinite linear}.tf-game-wrapper .pg-rain{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to bottom,#fff0,#ffffff1a);background-size:20px 100px;animation:rainDrop .5s infinite linear;z-index:8;opacity:.3}.tf-game-wrapper .pg-warning-banner{background:#dc262633;border:1px solid #ef4444;color:#fca5a5;padding:1rem;border-radius:8px;text-align:center;font-weight:700;animation:warningPulse 1s infinite alternate;margin-bottom:1rem}.tf-game-wrapper .pg-reveal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.tf-game-wrapper .pg-question-box{background:#1e293bcc;border:1px solid #475569;padding:2rem;border-radius:12px;text-align:center;margin-bottom:2rem}.tf-game-wrapper .pg-input-box{width:100%;max-width:300px;background:#0f172a99;border:2px solid #3b82f6;color:#fff;font-size:2rem;text-align:center;padding:1rem;border-radius:8px}.tf-game-wrapper .pg-input-box:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 15px #3b82f680}.tf-game-wrapper .pg-flying-number{position:fixed;font-size:2rem;font-weight:900;text-shadow:0 0 10px rgba(0,0,0,.8);pointer-events:none;z-index:1000;transition:left .8s ease-in,top .8s ease-in,transform .8s,opacity .8s}