@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--stadium-black:#030508;--stadium-dark:#0a0f14;--stadium-mid:#0f1419;--stadium-surface:#151c24;--electric-orange:#ff5722;--glow-orange:#ff6b35;--deep-orange:#e64a19;--orange-muted:#ff572226;--electric-cyan:#00e5ff;--cyan-glow:#00e5ff4d;--live-green:#00e676;--live-pulse:#76ff03;--white:#fff;--white-90:#ffffffe6;--white-70:#ffffffb3;--white-50:#ffffff80;--white-30:#ffffff4d;--white-10:#ffffff1a;--white-05:#ffffff0d;--danger:#ff1744;--danger-glow:#ff174466;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-drop:0 2px 8px #0006;--shadow-inset:inset 0 1px 0 #ffffff0d;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:0.15s var(--ease-out-expo);--transition-normal:0.3s var(--ease-out-expo);--transition-slow:0.5s var(--ease-out-expo)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#030508;background:var(--stadium-black);color:#ffffffe6;color:var(--white-90);font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden;touch-action:manipulation}body,html{overscroll-behavior:none}.app:before{background:radial-gradient(ellipse 80% 50% at 50% -10%,#ff57221f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 20%,#00e5ff0d 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.4;z-index:10000}.app:after,.app:before{content:"";inset:0;pointer-events:none;position:fixed}.app:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);z-index:10001}.app{animation:appReveal 1s cubic-bezier(.16,1,.3,1);animation:appReveal 1s var(--ease-out-expo);background:linear-gradient(180deg,#0a0f14,#030508);background:linear-gradient(180deg,var(--stadium-dark) 0,var(--stadium-black) 100%);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative}@keyframes appReveal{0%{opacity:0}to{opacity:1}}.top-bar{align-items:center;animation:slideDown .4s cubic-bezier(.16,1,.3,1) .1s backwards;animation:slideDown .4s .1s var(--ease-out-expo) backwards;background:#151c24;background:var(--stadium-surface);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--white-10);display:flex;justify-content:space-between;padding:4px 24px;padding:var(--space-xs) var(--space-lg);position:relative;z-index:100}.top-bar:after{background:#ff5722;background:var(--electric-orange);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-title{color:#ff5722;color:var(--electric-orange);font-family:Oswald,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.top-bar-right{gap:16px;gap:var(--space-md)}.current-game,.top-bar-right{align-items:center;display:flex}.current-game{gap:8px;gap:var(--space-sm)}.current-game-label{color:var(--white-40);font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.current-game-name{background:#ff572226;background:var(--orange-muted);border:1px solid #ff572233;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);font-family:Barlow,sans-serif;font-size:13px;font-weight:600;overflow:hidden;padding:4px 8px;padding:var(--space-xs) var(--space-sm);position:relative}.current-game-name:before{animation:livePulse 2s ease-in-out infinite;background:#00e676;background:var(--live-green);border-radius:50%;content:"";height:5px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:5px}.current-game-name{padding-left:18px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.score-tracker{align-items:center;animation:scoreReveal .6s cubic-bezier(.16,1,.3,1) .2s backwards;animation:scoreReveal .6s .2s var(--ease-out-expo) backwards;background:#0f1419;background:var(--stadium-mid);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--white-10);display:flex;gap:24px;gap:var(--space-lg);justify-content:center;padding:8px 24px;padding:var(--space-sm) var(--space-lg);position:relative}@keyframes scoreReveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.score-display{gap:16px;gap:var(--space-md)}.score-display,.team-score{align-items:center;display:flex}.team-score{background:#ffffff0d;background:var(--white-05);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:6px;border-radius:var(--radius-sm);gap:8px;gap:var(--space-sm);padding:4px 8px;padding:var(--space-xs) var(--space-sm);transition:.3s cubic-bezier(.16,1,.3,1);transition:var(--transition-normal)}.team-score.winning{background:#ff572226;border-color:#ff5722;border-color:var(--electric-orange)}.team-logo{font-size:24px}.team-name{color:#fff;color:var(--white);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.score,.team-name{font-family:Oswald,sans-serif}.score{color:#ff5722;color:var(--electric-orange);font-size:28px;font-weight:700;min-width:36px;text-align:center}.score-center{align-items:center;display:flex;flex-direction:column;gap:2px}.versus{color:#ffffff4d;color:var(--white-30);font-family:Oswald,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase}.period{background:#00e5ff1a;border-radius:9999px;border-radius:var(--radius-full);color:#00e5ff;color:var(--electric-cyan);font-size:11px;letter-spacing:1px;padding:2px 8px;padding:2px var(--space-sm)}.period,.tied-badge{font-family:Barlow Condensed,sans-serif;font-weight:600;text-transform:uppercase}.tied-badge{background:#ffffff1a;background:var(--white-10);border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-70);font-size:9px;padding:1px 4px;padding:1px var(--space-xs)}.possession-indicator{align-items:center;color:#ffffff80;color:var(--white-50);display:flex;font-family:Barlow,sans-serif;font-size:11px;font-weight:500;gap:4px;gap:var(--space-xs);position:absolute;right:24px;right:var(--space-lg);top:50%;transform:translateY(-50%)}.possession-ball{animation:possessionPulse 1.5s ease-in-out infinite}@keyframes possessionPulse{0%,to{opacity:1}50%{opacity:.5}}.edit-score-button{background:#0000;border:1px solid var(--white-20);border-radius:6px;border-radius:var(--radius-sm);color:#ffffff80;color:var(--white-50);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;left:24px;left:var(--space-lg);letter-spacing:.5px;padding:4px 8px;padding:var(--space-xs) var(--space-sm);position:absolute;text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.edit-score-button.active,.edit-score-button:hover{background:#ff5722;background:var(--electric-orange);border-color:#ff5722;border-color:var(--electric-orange);color:#fff;color:var(--white)}.edit-score-button:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.score-controls{align-items:center;animation:slideDown .3s cubic-bezier(.16,1,.3,1);animation:slideDown .3s var(--ease-out-expo);background:#0a0f14;background:var(--stadium-dark);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--white-05);display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:center;padding:8px 24px;padding:var(--space-sm) var(--space-lg)}.score-controls-teams{display:flex;gap:24px;gap:var(--space-lg)}.team-controls{text-align:center}.team-controls-title{color:#ffffff80;color:var(--white-50);font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--space-xs);text-transform:uppercase}.score-buttons{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.score-button{background:#ff5722;background:var(--electric-orange);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;padding:4px 8px;padding:var(--space-xs) var(--space-sm);transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.score-button:hover{background:#e64a19;background:var(--deep-orange)}.score-button:active{transform:scale(.95)}.score-button:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.score-button.subtract{background:#455a64}.score-button.subtract:hover{background:#546e7a}.period-controls,.possession-controls{align-items:center;color:#ffffff80;color:var(--white-50);display:flex;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;gap:4px;gap:var(--space-xs);text-transform:uppercase}.period-select{background:#151c24;background:var(--stadium-surface);border:1px solid var(--white-20);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Barlow,sans-serif;font-size:12px;font-weight:500;padding:4px 8px;padding:var(--space-xs) var(--space-sm);transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.period-select:focus,.period-select:hover{border-color:#ff5722;border-color:var(--electric-orange)}.possession-buttons{display:flex;gap:3px}.possession-button{background:#0000;border:1px solid var(--white-20);border-radius:6px;border-radius:var(--radius-sm);color:#ffffff80;color:var(--white-50);cursor:pointer;font-family:Barlow,sans-serif;font-size:11px;font-weight:500;padding:3px 8px;padding:3px var(--space-sm);transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.possession-button.active,.possession-button:hover{border-color:#ff5722;border-color:var(--electric-orange);color:#fff;color:var(--white)}.possession-button.active{background:#ff5722;background:var(--electric-orange)}.possession-button:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.reset-score-button{background:#ff1744;background:var(--danger);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;padding:4px 8px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.reset-score-button:hover{background:#ff5252}.reset-score-button:focus-visible{outline:2px solid #ff1744;outline:2px solid var(--danger);outline-offset:2px}.main-content{display:flex;flex:1 1;overflow:hidden;position:relative}.sidebar{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .3s backwards;animation:slideInLeft .6s .3s var(--ease-out-expo) backwards;background:linear-gradient(180deg,#151c24,#0a0f14);background:linear-gradient(180deg,var(--stadium-surface) 0,var(--stadium-dark) 100%);border-right:1px solid #ffffff0d;border-right:1px solid var(--white-05);flex-shrink:0;position:relative;width:240px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.sidebar:after{background:linear-gradient(180deg,#ff5722,#0000 70%);background:linear-gradient(180deg,var(--electric-orange) 0,#0000 70%);bottom:0;content:"";position:absolute;right:0;top:0;width:1px}.game-selector{padding:24px;padding:var(--space-lg)}.game-selector-title{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--white-10);color:#ffffff80;color:var(--white-50);display:flex;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;gap:8px;gap:var(--space-sm);letter-spacing:2px;margin-bottom:16px;margin-bottom:var(--space-md);padding-bottom:8px;padding-bottom:var(--space-sm);text-transform:uppercase}.game-selector-title:before{background:#ff5722;background:var(--electric-orange);border-radius:2px;content:"";height:12px;width:3px}.game-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm);list-style:none}.game-list li{margin-bottom:0}.game-button{background:#ffffff0d;background:var(--white-05);border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-70);cursor:pointer;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;overflow:hidden;padding:16px;padding:var(--space-md);position:relative;text-align:left;transition:.3s cubic-bezier(.16,1,.3,1);transition:var(--transition-normal);width:100%}.game-button:before{background:#ff5722;background:var(--electric-orange);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-fast);width:3px}.game-button:hover{background:#ffffff1a;background:var(--white-10);border-color:#ffffff1a;border-color:var(--white-10);color:#fff;color:var(--white);transform:translateX(4px)}.game-button:hover:before{transform:scaleY(1)}.game-button:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.game-button.selected{background:#ff5722;background:var(--electric-orange);border-color:#ff5722;border-color:var(--electric-orange);color:#fff;color:var(--white);font-weight:600}.game-button.selected:before{transform:scaleY(0)}.sidebar-right{background:linear-gradient(180deg,#151c24,#0a0f14);background:linear-gradient(180deg,var(--stadium-surface) 0,var(--stadium-dark) 100%);border-left:1px solid #ffffff0d;border-left:1px solid var(--white-05);flex-shrink:0;overflow-y:auto;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1);transition:transform .4s var(--ease-out-expo),opacity .3s var(--ease-out-expo);width:320px}.sidebar-right.hidden{bottom:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);z-index:50}.sidebar-right.visible{animation:slideInRight .4s cubic-bezier(.16,1,.3,1);animation:slideInRight .4s var(--ease-out-expo);opacity:1;pointer-events:auto;transform:translateX(0)}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.sidebar-right:before{background:linear-gradient(180deg,#00e5ff,#0000 70%);background:linear-gradient(180deg,var(--electric-cyan) 0,#0000 70%);bottom:0;content:"";left:0;position:absolute;top:0;width:1px;z-index:10}.poll-sidebar{padding:24px;padding:var(--space-lg)}.poll-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--white-10);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md);padding-bottom:8px;padding-bottom:var(--space-sm)}.poll-sidebar-header h3{align-items:center;color:#ffffff80;color:var(--white-50);display:flex;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;gap:8px;gap:var(--space-sm);letter-spacing:2px;text-transform:uppercase}.poll-sidebar-header h3:before{background:#00e5ff;background:var(--electric-cyan);border-radius:2px;content:"";height:12px;width:3px}.create-poll-button{background:#00e5ff;background:var(--electric-cyan);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#030508;color:var(--stadium-black);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.create-poll-button:hover{background:#00b8d4}.create-poll-button:focus-visible{outline:2px solid #00e5ff;outline:2px solid var(--electric-cyan);outline-offset:2px}.polls-section{margin-bottom:24px;margin-bottom:var(--space-lg)}.polls-section-title{color:#ff5722;color:var(--electric-orange);font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:8px;margin-bottom:var(--space-sm);text-transform:uppercase}.no-polls{color:#ffffff4d;color:var(--white-30);font-size:13px;font-style:italic;padding:32px;padding:var(--space-xl);text-align:center}.poll-card{background:#ffffff0d;background:var(--white-05);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:12px;border-radius:var(--radius-md);margin-bottom:8px;margin-bottom:var(--space-sm);padding:16px;padding:var(--space-md);transition:.3s cubic-bezier(.16,1,.3,1);transition:var(--transition-normal)}.poll-card:hover{background:#ffffff1a;background:var(--white-10);border-color:var(--white-20)}.poll-card.poll-active{animation:pollPulse .6s cubic-bezier(.34,1.56,.64,1);animation:pollPulse .6s var(--ease-out-back);border-color:#ff5722;border-color:var(--electric-orange);box-shadow:0 0 30px #ff572226}@keyframes pollPulse{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.poll-card.poll-closed{opacity:.5}.poll-question{color:#fff;color:var(--white);font-family:Barlow,sans-serif;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:4px;margin-bottom:var(--space-xs)}.poll-meta{color:var(--white-40);font-size:11px;margin-bottom:8px;margin-bottom:var(--space-sm)}.poll-options{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm)}.poll-option{background:#ffffff0d;background:var(--white-05);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:6px;border-radius:var(--radius-sm);color:#ffffffe6;color:var(--white-90);cursor:pointer;font-family:Barlow,sans-serif;font-size:13px;font-weight:500;overflow:hidden;padding:8px 16px;padding:var(--space-sm) var(--space-md);position:relative;text-align:left;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.poll-option:hover:not(:disabled){background:#ff572226;background:var(--orange-muted);border-color:#ff5722;border-color:var(--electric-orange);transform:translateX(4px)}.poll-option:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.poll-option.voted{cursor:default}.poll-option.voted:hover{transform:none}.poll-option.user-voted{background:#ff572226;border-color:#ff5722;border-color:var(--electric-orange)}.poll-option.winner{background:#00e6761a;border-color:#00e676;border-color:var(--live-green)}.option-text{align-items:center;display:flex;position:relative;z-index:2}.checkmark{color:#ff5722;color:var(--electric-orange);font-weight:700}.winner-icon{margin-right:4px;margin-right:var(--space-xs)}.option-stats{color:#ffffff80;color:var(--white-50);display:block;font-size:11px;margin-top:4px;margin-top:var(--space-xs);position:relative;z-index:2}.percentage-bar{background:linear-gradient(90deg,#ff57224d,#ff57221a);height:100%;left:0;position:absolute;top:0;transition:width .6s cubic-bezier(.16,1,.3,1);transition:width .6s var(--ease-out-expo);z-index:1}.poll-option.winner .percentage-bar{background:linear-gradient(90deg,#00e6764d,#00e6761a)}.poll-total-votes{color:var(--white-40);font-size:11px;text-align:right}.close-poll-button,.poll-total-votes{margin-top:8px;margin-top:var(--space-sm)}.close-poll-button{background:linear-gradient(135deg,#ff1744,#d50000);background:linear-gradient(135deg,var(--danger) 0,#d50000 100%);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;padding:8px;padding:var(--space-sm);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:100%}.close-poll-button:hover{box-shadow:0 0 20px #ff174466;box-shadow:0 0 20px var(--danger-glow)}.close-poll-button:focus-visible{outline:2px solid #ff1744;outline:2px solid var(--danger);outline-offset:2px}.poll-status-badge{background:#ffffff1a;background:var(--white-10);border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;margin-top:8px;margin-top:var(--space-sm);padding:4px 8px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.past-poll-header,.poll-status-badge{color:#ffffff80;color:var(--white-50)}.past-poll-header{background:#ffffff0d;background:var(--white-05);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Barlow,sans-serif;font-size:12px;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--space-xs);padding:8px 16px;padding:var(--space-sm) var(--space-md);text-align:left;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:100%}.past-poll-header:hover{background:#ffffff1a;background:var(--white-10);color:#fff;color:var(--white)}.chat-area{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) .4s backwards;animation:fadeIn .6s .4s var(--ease-out-expo) backwards;background:#0a0f14;background:var(--stadium-dark);flex:1 1;flex-direction:column;min-width:0}.chat-area,.connection-status{display:flex;position:relative}.connection-status{align-items:center;background:linear-gradient(135deg,#00e67626,#00e6760d);border-bottom:1px solid #00e67633;color:#00e676;color:var(--live-green);font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;letter-spacing:1px;padding:4px 16px;padding:var(--space-xs) var(--space-md);text-align:center;text-transform:uppercase;z-index:2}.connection-status:before{animation:livePulse 2s ease-in-out infinite;background:#00e676;background:var(--live-green);border-radius:50%;content:"";height:6px;width:6px}.connection-error{background:linear-gradient(135deg,#ff174426,#ff17440d);border-bottom:1px solid #ff174433;color:#ff1744;color:var(--danger);font-family:Barlow,sans-serif;font-size:12px;font-weight:500;padding:8px 16px;padding:var(--space-sm) var(--space-md);position:relative;text-align:center;z-index:2}.polls-toggle-button{align-items:center;background:#151c24;background:var(--stadium-surface);border:1px solid var(--white-20);border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-70);cursor:pointer;display:flex;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;gap:4px;gap:var(--space-xs);letter-spacing:.5px;padding:4px 8px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.polls-toggle-button.active,.polls-toggle-button:hover{background:#00e5ff;background:var(--electric-cyan);border-color:#00e5ff;border-color:var(--electric-cyan);color:#030508;color:var(--stadium-black)}.polls-toggle-button:focus-visible{outline:2px solid #00e5ff;outline:2px solid var(--electric-cyan);outline-offset:2px}.polls-toggle-icon{font-size:14px}.polls-toggle-text{white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-area:before{background:radial-gradient(ellipse at center,#0000 50%,#0000004d 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.chat-display{flex:1 1;overflow-y:auto;padding:24px;padding:var(--space-lg);position:relative;scroll-behavior:smooth;z-index:2}.messages-container{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm)}.no-messages{color:#ffffff4d;color:var(--white-30);font-style:italic;padding:48px;padding:var(--space-2xl);text-align:center}.message{animation:messageSlideIn .4s cubic-bezier(.34,1.56,.64,1);animation:messageSlideIn .4s var(--ease-out-back);background:#ffffff0d;background:var(--white-05);border-left:3px solid #ff5722;border-left:3px solid var(--electric-orange);border-radius:12px;border-radius:var(--radius-md);padding:16px;padding:var(--space-md);position:relative;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message:hover{background:#ffffff1a;background:var(--white-10);transform:translateX(4px)}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--space-xs)}.message-username{color:#ff5722;color:var(--electric-orange);font-family:Barlow,sans-serif;font-size:13px;font-weight:600}.message-timestamp{color:var(--white-40);font-size:11px}.message-text{color:#ffffffe6;color:var(--white-90);font-size:14px;line-height:1.5}.message.reaction-message{align-items:center;background:var(--white-03);border-left-color:#ffffff4d;border-left-color:var(--white-30);display:flex;justify-content:space-between;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.message.reaction-message:hover{transform:none}.reaction-content{color:#ffffff80;color:var(--white-50);font-size:13px}.reaction-text{color:var(--white-40)}.message.system-message{background:linear-gradient(135deg,#00e5ff1a,#00e5ff0d);border-left-color:#00e5ff;border-left-color:var(--electric-cyan);padding:16px;padding:var(--space-md);text-align:center}.message.system-message:hover{transform:none}.system-text{color:#00e5ff;color:var(--electric-cyan);font-size:13px;font-weight:600}.reaction-bar{align-items:center;background:#151c24;background:var(--stadium-surface);border-top:1px solid #ffffff0d;border-top:1px solid var(--white-05);display:flex;gap:8px;gap:var(--space-sm);padding:4px 16px;padding:var(--space-xs) var(--space-md);position:relative;z-index:2}.reaction-label{color:#ffffff4d;color:var(--white-30);font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.reaction-buttons{display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-xs)}.reaction-button{align-items:center;background:#ffffff0d;background:var(--white-05);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:36px}.reaction-button:hover{background:#ff572226;background:var(--orange-muted);border-color:#ff5722;border-color:var(--electric-orange);transform:scale(1.1)}.reaction-button:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.reaction-button.active{animation:reactionPop .3s cubic-bezier(.34,1.56,.64,1);animation:reactionPop .3s var(--ease-out-back);background:#ff572226;background:var(--orange-muted);border-color:#ff5722;border-color:var(--electric-orange)}@keyframes reactionPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.reaction-emoji{font-size:18px}.reaction-count{background:#ff5722;background:var(--electric-orange);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);font-family:Barlow,sans-serif;font-size:9px;font-weight:700;min-width:14px;padding:1px 4px;position:absolute;right:-4px;text-align:center;top:-4px}.floating-emoji{animation:floatUp 1s cubic-bezier(.16,1,.3,1) forwards;animation:floatUp 1s var(--ease-out-expo) forwards;font-size:24px;pointer-events:none;position:fixed;z-index:10000}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.3)}}.message-input{background:#0f1419;background:var(--stadium-mid);border-top:1px solid #ffffff1a;border-top:1px solid var(--white-10);display:flex;gap:8px;gap:var(--space-sm);padding:16px 24px;padding:var(--space-md) var(--space-lg);position:relative;z-index:2}.message-input-field{background:#151c24;background:var(--stadium-surface);border:2px solid #ffffff1a;border:2px solid var(--white-10);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);flex:1 1;font-family:Barlow,sans-serif;font-size:14px;outline:none;padding:16px;padding:var(--space-md);transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.message-input-field:hover{border-color:var(--white-20)}.message-input-field:focus{background:#0a0f14;background:var(--stadium-dark);border-color:#ff5722;border-color:var(--electric-orange)}.message-input-field::placeholder{color:#ffffff4d;color:var(--white-30)}.send-button{background:#ff5722;background:var(--electric-orange);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Oswald,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 24px;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.send-button:hover{background:#e64a19;background:var(--deep-orange)}.send-button:active{transform:translateY(0)}.send-button:focus-visible{outline:2px solid #00e5ff;outline:2px solid var(--electric-cyan);outline-offset:2px}.send-button:disabled{background:linear-gradient(135deg,#37474f,#263238);box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{align-items:center;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);animation:modalFadeIn .3s var(--ease-out-expo);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#030508e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);animation:modalSlideUp .3s var(--ease-out-expo);background:#151c24;background:var(--stadium-surface);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 20px 60px #0009;max-width:450px;padding:24px;padding:var(--space-lg);width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{color:#fff;color:var(--white);font-family:Oswald,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px;margin-bottom:24px;margin-bottom:var(--space-lg);text-transform:uppercase}.form-group{margin-bottom:16px;margin-bottom:var(--space-md)}.form-group label{color:#ffffffb3;color:var(--white-70);display:block;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:8px;margin-bottom:var(--space-sm);text-transform:uppercase}.poll-option-input,.poll-question-input{background:#0a0f14;background:var(--stadium-dark);border:2px solid #ffffff1a;border:2px solid var(--white-10);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);font-family:Barlow,sans-serif;font-size:14px;padding:16px;padding:var(--space-md);transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:100%}.poll-option-input:hover,.poll-question-input:hover{border-color:var(--white-20)}.poll-option-input:focus,.poll-question-input:focus{border-color:#ff5722;border-color:var(--electric-orange);outline:none}.option-input-row{display:flex;gap:8px;gap:var(--space-sm);margin-bottom:8px;margin-bottom:var(--space-sm)}.remove-option-button{background:#ff1744;background:var(--danger);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;height:36px;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:36px}.remove-option-button:hover{background:#ff5252}.remove-option-button:focus-visible{outline:2px solid #ff1744;outline:2px solid var(--danger);outline-offset:2px}.add-option-button{background:#0000;border:2px dashed #ff5722;border:2px dashed var(--electric-orange);border-radius:6px;border-radius:var(--radius-sm);color:#ff5722;color:var(--electric-orange);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:8px 16px;padding:var(--space-sm) var(--space-md);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:100%}.add-option-button:hover{background:#ff572226;background:var(--orange-muted);border-style:solid}.add-option-button:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.form-error{background:#ff17441a;border:1px solid #ff17444d;border-radius:6px;border-radius:var(--radius-sm);color:#ff1744;color:var(--danger);font-size:13px;font-weight:500;margin-bottom:16px;margin-bottom:var(--space-md);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.modal-buttons{display:flex;gap:8px;gap:var(--space-sm);justify-content:flex-end;margin-top:32px;margin-top:var(--space-xl)}.cancel-button{background:#ffffff0d;background:var(--white-05);border:2px solid var(--white-20);border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-70);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:16px 32px;padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.cancel-button:hover{background:#ffffff1a;background:var(--white-10);color:#fff;color:var(--white)}.cancel-button:focus-visible{outline:2px solid #fff;outline:2px solid var(--white);outline-offset:2px}.submit-button{background:#ff5722;background:var(--electric-orange);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Oswald,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 24px;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.submit-button:hover{background:#e64a19;background:var(--deep-orange)}.submit-button:focus-visible{outline:2px solid #00e5ff;outline:2px solid var(--electric-cyan);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0f14;background:var(--stadium-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff5722,#e64a19);background:linear-gradient(180deg,var(--electric-orange) 0,var(--deep-orange) 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b35;background:var(--glow-orange)}.mobile-menu-button{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:none;height:44px;padding:8px;padding:var(--space-sm);transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:44px}.mobile-menu-button.active,.mobile-menu-button:hover{background:#ffffff1a;background:var(--white-10)}.hamburger-icon{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger-icon span{background:#fff;background:var(--white);border-radius:2px;display:block;height:2px;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:100%}.mobile-menu-button.active .hamburger-icon span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.active .hamburger-icon span:nth-child(2){opacity:0}.mobile-menu-button.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-backdrop{animation:fadeIn .2s cubic-bezier(.16,1,.3,1);animation:fadeIn .2s var(--ease-out-expo);background:#000000b3;display:none;inset:0;position:fixed;z-index:999}@media (max-width:1024px){.sidebar{width:200px}.sidebar-right{width:280px}}@media (max-width:768px){.mobile-menu-button{align-items:center;display:flex;justify-content:center}.mobile-backdrop{display:block}.top-bar{gap:8px;gap:var(--space-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.app-title{flex:1 1;font-size:16px;text-align:center}.top-bar-right{gap:4px;gap:var(--space-xs)}.current-game{display:none}.polls-toggle-button{min-height:44px;min-width:44px;padding:8px;padding:var(--space-sm)}.polls-toggle-text{display:none}.polls-toggle-icon{font-size:20px}.score-tracker{gap:8px;gap:var(--space-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.score-display,.team-score{gap:4px;gap:var(--space-xs)}.team-score{padding:4px;padding:var(--space-xs)}.team-logo{font-size:20px}.team-name{display:none;font-size:12px}.score{font-size:24px;min-width:30px}.score-center{gap:0}.versus{font-size:12px}.period{font-size:10px;padding:2px 6px}.possession-indicator{display:none}.edit-score-button{align-items:center;display:flex;font-size:10px;justify-content:center;min-height:44px;min-width:44px;padding:4px;padding:var(--space-xs);position:static}.score-controls{flex-direction:column;gap:8px;gap:var(--space-sm);padding:8px;padding:var(--space-sm)}.score-controls-teams{flex-direction:row;gap:8px;gap:var(--space-sm);width:100%}.team-controls{flex:1 1}.score-buttons{gap:4px}.score-button{font-size:14px;min-height:44px;min-width:44px}.main-content{flex-direction:column}.sidebar{border-right:1px solid #ffffff1a;border-right:1px solid var(--white-10);bottom:0;box-shadow:4px 0 20px #00000080;left:0;max-width:85vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);transition:transform .3s var(--ease-out-expo);width:280px;z-index:1000}.sidebar:after{display:none}.sidebar.mobile-visible{transform:translateX(0)}.game-selector{padding:16px;padding:var(--space-md);padding-top:76px;padding-top:calc(var(--space-md) + 60px)}.game-list{flex-direction:column}.game-button{font-size:15px;min-height:48px}.sidebar-right{border-left:1px solid #ffffff1a;border-left:1px solid var(--white-10);bottom:0;box-shadow:-4px 0 20px #00000080;max-width:90vw;position:fixed;right:0;top:0;width:300px;z-index:1000}.sidebar-right:before{display:none}.sidebar-right.hidden{transform:translateX(100%)}.sidebar-right.visible{transform:translateX(0)}.poll-sidebar{padding:16px;padding:var(--space-md);padding-top:76px;padding-top:calc(var(--space-md) + 60px)}.chat-area{flex:1 1;min-height:0}.chat-display{padding:16px;padding:var(--space-md)}.message{padding:8px;padding:var(--space-sm)}.message-text{font-size:15px}.reaction-bar{-webkit-overflow-scrolling:touch;gap:8px;gap:var(--space-sm);overflow-x:auto;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.reaction-label{display:none}.reaction-buttons{flex-wrap:nowrap;gap:8px;gap:var(--space-sm)}.reaction-button{flex-shrink:0;height:48px;width:48px}.reaction-emoji{font-size:22px}.reaction-count{font-size:10px;padding:2px 5px}.message-input{gap:8px;gap:var(--space-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.message-input-field{font-size:16px;min-height:48px;padding:16px;padding:var(--space-md)}.send-button{font-size:13px;min-height:48px;min-width:60px;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.modal-content{border-radius:0;height:100%;margin:0;max-height:none;max-width:none;overflow-y:auto;padding:24px;padding:var(--space-lg);width:100%}.modal-title{font-size:24px}.poll-option-input,.poll-question-input{font-size:16px;min-height:48px}.remove-option-button{height:48px;width:48px}.add-option-button{font-size:15px;min-height:48px}.modal-buttons{flex-direction:column;gap:8px;gap:var(--space-sm)}.modal-buttons button{font-size:15px;min-height:52px;width:100%}.poll-option{font-size:14px;min-height:48px;padding:16px;padding:var(--space-md)}.create-poll-button{font-size:12px;min-height:44px;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.close-poll-button{font-size:13px;min-height:48px}}@media (max-width:380px){.app-title{font-size:14px}.score{font-size:22px}.team-logo{font-size:18px}.reaction-button{height:44px;width:44px}.reaction-emoji{font-size:20px}.send-button{font-size:12px;min-width:50px}}@media (max-width:768px) and (orientation:landscape){.score-tracker{padding:4px 16px;padding:var(--space-xs) var(--space-md)}.score{font-size:20px}.team-logo{font-size:16px}.chat-display{padding:8px;padding:var(--space-sm)}.message{padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.reaction-bar{padding:4px 16px;padding:var(--space-xs) var(--space-md)}.reaction-button{height:40px;width:40px}.message-input{padding:4px 16px;padding:var(--space-xs) var(--space-md)}}@supports (padding:max(0px)){.top-bar{padding-top:max(8px,env(safe-area-inset-top));padding-top:max(var(--space-sm),env(safe-area-inset-top))}.message-input,.top-bar{padding-left:max(16px,env(safe-area-inset-left));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-right:max(var(--space-md),env(safe-area-inset-right))}.message-input{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}.sidebar{padding-left:max(0px,env(safe-area-inset-left))}.sidebar-right{padding-right:max(0px,env(safe-area-inset-right))}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.auth-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;padding:8px 16px}.auth-button:hover{background:#0056b3}.auth-modal{max-width:400px;overflow:visible;padding:0}.modal-close{align-items:center;background:#ffffff1a;background:var(--white-10);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-70);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:8px;right:var(--space-sm);top:8px;top:var(--space-sm);transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:32px;z-index:10}.modal-close:hover{background:var(--white-20);color:#fff;color:var(--white)}.error-boundary{align-items:center;background:#030508;background:var(--stadium-black);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--space-lg)}.error-boundary-content{background:#151c24;background:var(--stadium-surface);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:12px;border-radius:var(--radius-md);max-width:400px;padding:32px;padding:var(--space-xl);text-align:center}.error-boundary-content h2{color:#ff1744;color:var(--danger);font-family:Oswald,sans-serif;font-size:24px;margin-bottom:16px;margin-bottom:var(--space-md)}.error-boundary-content p{color:#ffffffb3;color:var(--white-70);margin-bottom:24px;margin-bottom:var(--space-lg)}.error-retry-button{background:#ff5722;background:var(--electric-orange);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Oswald,sans-serif;font-size:14px;font-weight:600;padding:16px 32px;padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.error-retry-button:hover{background:#e64a19;background:var(--deep-orange)}.user-level-badge{align-items:flex-end;background:#ff572226;background:var(--orange-muted);border:1px solid #ff57224d;border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;margin-right:8px;margin-right:var(--space-sm);padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.level-name{color:#ff5722;color:var(--electric-orange);font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.xp-display{color:#fff;color:var(--white);font-family:Oswald,sans-serif;font-size:13px;font-weight:700}.toast-container{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm);pointer-events:none;position:fixed;right:24px;right:var(--space-lg);top:80px;z-index:10002}.toast{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1),toastFadeOut .3s cubic-bezier(.16,1,.3,1) 2.7s forwards;animation:toastSlideIn .4s var(--ease-out-back),toastFadeOut .3s 2.7s var(--ease-out-expo) forwards;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);font-family:Barlow,sans-serif;font-size:14px;font-weight:600;padding:16px 24px;padding:var(--space-md) var(--space-lg);pointer-events:auto}.toast-info{background:linear-gradient(135deg,#151c24,#0f1419);background:linear-gradient(135deg,var(--stadium-surface) 0,var(--stadium-mid) 100%);border:1px solid var(--white-20)}.toast-streak{background:linear-gradient(135deg,#ff6b35,#ff5722);background:linear-gradient(135deg,#ff6b35 0,var(--electric-orange) 100%);border:1px solid #ff6b35;border:1px solid var(--glow-orange);box-shadow:0 4px 20px #ff572266}.toast-levelup{background:linear-gradient(135deg,#00e676,#00c853);border:1px solid #00e676;border:1px solid var(--live-green);box-shadow:0 4px 20px #00e67666;font-size:16px}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50px)}}@media (max-width:768px){.user-level-badge{display:none}.toast-container{bottom:120px;left:16px;left:var(--space-md);right:16px;right:var(--space-md);top:auto}.toast{font-size:13px;padding:8px 16px;padding:var(--space-sm) var(--space-md)}}.gif-picker-modal{background:#151c24;background:var(--stadium-surface);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:600px;overflow:hidden;width:90vw}.gif-picker-header{align-items:center;background:#0f1419;background:var(--stadium-mid);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--white-10);display:flex;justify-content:space-between;padding:24px;padding:var(--space-lg)}.modal-close-btn{align-items:center;background:#ffffff0d;background:var(--white-05);border:1px solid #ffffff1a;border:1px solid var(--white-10);border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-70);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast);width:36px}.modal-close-btn:hover{background:#ff1744;background:var(--danger);border-color:#ff1744;border-color:var(--danger);color:#fff;color:var(--white)}.modal-close-btn:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.gif-search-container{background:#0a0f14;background:var(--stadium-dark);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--white-10);padding:16px;padding:var(--space-md)}.gif-search-input{background:#151c24;background:var(--stadium-surface);border:2px solid #ffffff1a;border:2px solid var(--white-10);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);font-family:Barlow,sans-serif;font-size:16px;padding:16px;padding:var(--space-md);transition:border-color .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--transition-fast);width:100%}.gif-search-input:hover{border-color:var(--white-20)}.gif-search-input:focus{border-color:#ff5722;border-color:var(--electric-orange);box-shadow:0 0 0 3px #ff572226;box-shadow:0 0 0 3px var(--orange-muted);outline:none}.gif-search-input::placeholder{color:#ffffff4d;color:var(--white-30)}.gif-grid-container{background:#0a0f14;background:var(--stadium-dark);flex:1 1;overflow-y:auto;padding:16px;padding:var(--space-md)}.gif-grid{grid-gap:8px;grid-gap:var(--space-sm);display:grid;gap:8px;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gif-item{aspect-ratio:1;background:#0f1419;background:var(--stadium-mid);border:2px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;position:relative;transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-fast)}.gif-item:hover{border-color:#ff5722;border-color:var(--electric-orange);box-shadow:0 0 20px #ff572266;transform:scale(1.05);z-index:10}.gif-item:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.gif-preview{display:block;height:100%;object-fit:cover;width:100%}.gif-empty,.gif-error,.gif-loading{align-items:center;color:#ffffffb3;color:var(--white-70);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:32px;padding:var(--space-xl);text-align:center}.gif-empty p,.gif-error p,.gif-loading p{color:#ffffffb3;color:var(--white-70);font-family:Barlow,sans-serif;font-size:15px}.spinner{animation:spin .8s linear infinite;border:4px solid #ffffff1a;border-top-color:#ff5722;border:4px solid var(--white-10);border-radius:50%;border-top-color:var(--electric-orange);height:40px;margin-bottom:16px;margin-bottom:var(--space-md);width:40px}@keyframes spin{to{transform:rotate(1turn)}}.gif-error p{color:#ff1744;color:var(--danger);margin-bottom:16px;margin-bottom:var(--space-md)}.retry-button{background:#ff5722;background:var(--electric-orange);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;padding:8px 24px;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:.15s cubic-bezier(.16,1,.3,1);transition:var(--transition-fast)}.retry-button:hover{background:#e64a19;background:var(--deep-orange)}.retry-button:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.gif-empty-hint{color:#ffffff80;color:var(--white-50);font-size:13px;margin-top:4px;margin-top:var(--space-xs)}.gif-picker-footer{background:#0f1419;background:var(--stadium-mid);border-top:1px solid #ffffff1a;border-top:1px solid var(--white-10);padding:16px;padding:var(--space-md);text-align:center}.klipy-attribution{color:#ffffff80;color:var(--white-50);font-size:12px;font-weight:600;letter-spacing:1px}.gif-button,.klipy-attribution{font-family:Barlow Condensed,sans-serif;text-transform:uppercase}.gif-button{background:#0f1419;background:var(--stadium-mid);border:2px solid var(--white-20);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:14px;font-weight:700;padding:16px 24px;padding:var(--space-md) var(--space-lg);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast)}.gif-button:hover{background:#ff5722;background:var(--electric-orange);border-color:#ff5722;border-color:var(--electric-orange);color:#fff;color:var(--white);transform:translateY(-1px)}.gif-button:focus-visible{outline:2px solid #ff5722;outline:2px solid var(--electric-orange);outline-offset:2px}.message-gif-container{background:#0a0f14;background:var(--stadium-dark);margin-bottom:8px;margin-bottom:var(--space-sm);margin-top:8px;margin-top:var(--space-sm);overflow:hidden}.message-gif,.message-gif-container{border-radius:6px;border-radius:var(--radius-sm)}.message-gif{display:block;height:auto;max-height:300px;max-width:100%;width:auto}@media (max-width:768px){.gif-picker-modal{height:85vh;width:95vw}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.message-gif{max-height:200px}.gif-button{font-size:13px;padding:8px 16px;padding:var(--space-sm) var(--space-md)}}
/*# sourceMappingURL=main.133d2362.css.map*/