:root{--red: #EC1D25;--red-dark: #c41820;--bg: #0f0f0f;--surface: #1c1c1c;--surface2: #252525;--surface3: #2e2e2e;--text: #f0ede8;--text-sub: #a0998f;--text-placeholder: #6b6460;--green: #22c55e;--yellow: #f59e0b;--blue: #3b82f6;--amber: #E8B33C;--border: rgba(255, 255, 255, .08);--radius: 12px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}html,body{overscroll-behavior-x:none}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,.bebas{font-family:Bebas Neue,sans-serif;letter-spacing:.04em}button{cursor:pointer;font-family:DM Sans,sans-serif;border:none;outline:none}input,textarea,select{font-family:DM Sans,sans-serif;color:var(--text)}input:focus,textarea:focus,select:focus{outline:2px solid var(--red);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-size:15px;font-weight:600;transition:all .15s}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn-secondary{background:var(--surface3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#383838}.btn-ghost{background:transparent;color:var(--text-sub);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-success{background:var(--green);color:#000}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:16px 32px;font-size:18px;border-radius:var(--radius-lg)}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-red{background:#ec1d2533;color:var(--red)}.badge-green{background:#22c55e33;color:var(--green)}.badge-yellow{background:#f59e0b33;color:var(--yellow)}.badge-blue{background:#3b82f633;color:var(--blue)}.badge-gray{background:var(--surface3);color:var(--text-sub)}.badge-amber{background:#e8b33c33;color:var(--amber)}.input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:15px}.input::placeholder{color:var(--text-placeholder)}.input-lg{padding:16px 20px;font-size:18px;border-radius:var(--radius-lg)}.select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-size:14px;resize:vertical;min-height:100px}.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tag-open{background:#3b82f633;color:var(--blue)}.tag-mc{background:#f59e0b33;color:var(--yellow)}.tag-multi{background:#ec1d2533;color:var(--red)}.tag-order{background:#22c55e33;color:var(--green)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ec1d254d}50%{box-shadow:0 0 60px #ec1d25b3}}@keyframes countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:283}}@keyframes winner{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes confetti{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes noteFloat{0%{transform:translateY(0) rotate(-10deg);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(-70px) rotate(12deg);opacity:0}}@keyframes eqBounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes timerUrgentPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}@keyframes teamCountFlash{0%{transform:scale(1);text-shadow:0 0 40px rgba(236,29,37,.35)}35%{transform:scale(1.18);text-shadow:0 0 70px rgba(236,29,37,.9)}to{transform:scale(1);text-shadow:0 0 40px rgba(236,29,37,.35)}}.team-count-flash{animation:teamCountFlash .7s ease-out;display:inline-block}.equalizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:28px}.equalizer span{display:block;width:4px;height:100%;border-radius:2px;background:var(--red);transform-origin:bottom;animation:eqBounce 1.1s ease-in-out infinite}.equalizer span:nth-child(1){animation-delay:0s}.equalizer span:nth-child(2){animation-delay:.18s}.equalizer span:nth-child(3){animation-delay:.36s}.equalizer span:nth-child(4){animation-delay:.12s}.equalizer span:nth-child(5){animation-delay:.27s}@media (prefers-reduced-motion: reduce){.equalizer span{animation:none;height:60%}}.animate-fade{animation:fadeIn .4s ease forwards}.animate-slide{animation:slideUp .5s ease forwards}.animate-winner{animation:winner .6s cubic-bezier(.34,1.56,.64,1) forwards}.timer-clock-fade{transition:opacity .4s ease}@media (max-width: 600px){.timer-idle{display:none}}@media (prefers-reduced-motion: reduce){.timer-clock-fade{transition:none}}.powered-by{display:flex;align-items:center;gap:8px;color:var(--text-placeholder);font-size:12px}.powered-by img{height:20px;opacity:.7}.join-logo{height:100px;width:auto;filter:brightness(0) invert(1)}@media (min-width: 768px){.join-logo{height:120px}}.team-input{width:100%;height:56px;background:transparent;border:1px solid #4a4a4a;border-radius:12px;padding:0 16px;color:#fff;font-size:16px}.team-input::placeholder{color:var(--text-placeholder)}.team-submit-btn{width:100%;height:56px;background:#ec1d25;border:none;border-radius:12px;color:#fff;font-family:Bebas Neue,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:16px;display:flex;align-items:center;justify-content:center}.team-submit-btn:hover{background:var(--red-dark)}.team-submit-btn:disabled{opacity:.4;cursor:not-allowed}.mb{position:relative;z-index:150;display:flex;align-items:center;gap:5px;flex-shrink:0;flex-wrap:nowrap;padding:8px 16px;background:var(--surface);border-bottom:2px solid var(--red)}.mb-btn{padding:8px 10px;border-radius:var(--radius);font-weight:600;font-size:13px;background:transparent;color:var(--text-sub);border:1px solid var(--border);white-space:nowrap;flex-shrink:0}.mb-btn:hover:not(:disabled){background:var(--surface2);color:var(--text)}.mb-btn:disabled{opacity:.38;cursor:not-allowed}.mb-btn.on{background:var(--text);color:#000}.mb-btn kbd,.mb-primary kbd{font:600 10px DM Sans,sans-serif;background:var(--surface3);color:var(--text-sub);padding:1px 5px;border-radius:4px;margin-left:4px;border:1px solid var(--border)}.mb-btn.danger{background:#ef444424;color:#ef4444;border-color:#ef444473;font-weight:700}.mb-btn.danger:hover:not(:disabled){background:#ef4444;color:#fff}.mb-seg{display:inline-flex;flex-shrink:0}.mb-seg .mb-btn{border-radius:0;margin-left:-1px;padding-left:8px;padding-right:8px}.mb-seg .mb-btn:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.mb-seg .mb-btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.mb-spacer{flex:1 1 0;min-width:0}.mb-wrap{position:relative;flex-shrink:0}.mb-phase{display:flex;align-items:center;gap:7px;min-width:0;flex:0 3 auto;overflow:hidden;white-space:nowrap;background:var(--surface2);border:1px solid var(--border);border-radius:99px;padding:5px 14px;font-size:13px}.mb-phase>*{flex-shrink:0}.mb-phase .mb-status{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-sub);font-weight:600}.mb-phase.live .mb-status{color:var(--green)}.mb-phase.wait .mb-status{color:var(--amber)}.mb-phase.info .mb-status{color:var(--blue)}.mb-phase .mb-q,.mb-phase .mb-ans{color:var(--text-sub)}.mb-phase .mb-tag{background:#3b82f633;color:var(--blue);font-size:10px;font-weight:700;padding:1px 7px;border-radius:5px}.mb-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:68px;flex-shrink:0;line-height:1}.mb-clock .t{font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.mb-clock .c{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);min-height:12px}.mb-clock.dim .t{color:var(--text-placeholder)!important}.mb-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 1 auto;width:max-content;min-width:230px;max-width:400px;background:var(--red);color:#fff;border-radius:14px;padding:7px 16px;text-align:left;overflow:hidden}.mb-primary:hover:not(:disabled){background:var(--red-dark)}.mb-primary:disabled{opacity:.45;cursor:not-allowed}.mb-primary.idle{background:var(--surface3);color:var(--text-sub)}.mb-primary .tx{display:flex;flex-direction:column;min-width:0}.mb-primary .t{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.03em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-primary .s{font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-primary .n{font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1;flex-shrink:0}.mb-primary kbd{background:#00000040;color:#fff;border:none;font-weight:700}.mb-primary.armed{background:var(--yellow);color:#1a1200;animation:mb-pulse 1s ease-in-out infinite}.mb-primary.armed kbd{background:#0000002e;color:#1a1200}@keyframes mb-pulse{50%{box-shadow:0 0 0 4px #f59e0b73}}.mb-menu{position:absolute;z-index:200;min-width:290px;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 12px 32px #00000080}.mb-menu.right{right:0}.mb-menu h4{font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:.08em;font-size:12px;color:var(--text-sub);padding:8px 8px 4px;text-transform:uppercase}.mb-menu>div:first-child h4{padding-top:2px}.mb-menu button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;background:none;text-align:left;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--text)}.mb-menu button small{display:block;font-size:11px;color:var(--text-sub);font-weight:400;margin-top:1px}.mb-menu button:hover:not(:disabled){background:var(--surface2)}.mb-menu button:disabled{opacity:.38;cursor:not-allowed}.mb-menu button.red{color:#ef4444}.mb-menu button.red:hover:not(:disabled){background:#ef444426}.mb-menu button kbd{font:600 10px DM Sans,sans-serif;background:var(--surface3);color:var(--text-sub);padding:1px 5px;border-radius:4px}@media (max-width: 1360px){.mb{padding:8px 16px;gap:5px}.mb-btn kbd,.mb-primary kbd{display:none}.mb-btn{padding:8px 10px}.mb-seg .mb-btn{padding-left:8px;padding-right:8px}.mb-primary{min-width:210px;max-width:330px;padding:7px 12px}.mb-phase{padding:5px 10px;gap:5px}.mb-clock{min-width:64px}}.mb-focus{flex-shrink:0;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap;background:transparent}.mb-focus.on{color:var(--green);border:1px solid rgba(34,197,94,.5);cursor:default}.mb-focus.off{color:#fff;background:#ef4444;border:1px solid #ef4444;animation:mb-blink 1s ease-in-out infinite}.mb-focus .s{display:none}@keyframes mb-blink{50%{opacity:.45}}@media (max-width: 1360px){.mb-focus .l{display:none}.mb-focus .s{display:inline}}header .btn{white-space:nowrap;flex-shrink:0}.ex-s{display:none}@media (max-width: 1360px){.ex-l{display:none}.ex-s{display:inline}}