:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;padding:0;margin:0;transition:all .3s ease-in-out;font-family:Poppins,sans-serif;font-optical-sizing:auto}a{text-decoration:none;color:inherit}.main-btn{background:linear-gradient(90deg,#fe7300,#84cc00);color:#fff;text-align:center;border-radius:10px;width:max-content;height:40px;padding:10px 20px;font-size:1rem;border:none;cursor:pointer;display:flex;align-items:center;gap:10px}.main-btn:hover{opacity:.85;transform:scale(.95)}.secondary-btn{background:transparent;color:#fff;text-align:center;border-radius:10px;width:max-content;height:40px;padding:10px 20px;font-size:1rem;border:1px solid white;cursor:pointer;display:flex;align-items:center;gap:10px}.secondary-btn:hover{opacity:.85;transform:scale(.95)}.buttons{display:flex;align-items:center;gap:10px}.home-page{background:linear-gradient(180deg,#1b210f,#2d3c11 38.89% 54.06%,#1b210f);min-height:100vh;height:100%;color:#fff;overflow-x:hidden;position:relative}.home-page .nav{padding:30px 50px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.home-page .ellipse-top-left{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.home-page .ellipse-bottom-right{position:absolute;bottom:0;right:0;pointer-events:none;max-width:250px}.home-page .hero{padding:50px;display:flex;justify-content:space-between;align-items:center;gap:80px}.home-page .hero .text-area{width:40%;display:flex;flex-direction:column;gap:30px}.home-page .hero .text-area h1{font-size:4.5vw;line-height:1.1}.home-page .hero .text-area h1 span{background-image:linear-gradient(90deg,#fe7300,#84cc00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-page .hero .text-area p{font-size:1.1rem;line-height:1.4}.home-page .hero .text-area .buttons{display:flex;gap:20px;flex-wrap:wrap}.home-page .hero .img-area{width:60%;position:relative}.home-page .hero .img-area .ellipse-mid-left{position:absolute;top:50%;transform:translateY(-50%);left:-10px;width:150px;z-index:1}.home-page .hero .img-area img{width:100%;object-fit:contain;position:relative;z-index:2}.home-page .how-it-works{padding:50px;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.home-page .how-it-works h4{font-size:2rem;font-weight:600}.home-page .how-it-works>p{font-size:1.2rem;line-height:1.4;color:#c7ef7b;margin-bottom:40px;text-align:center;max-width:800px}.home-page .how-it-works main{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;width:100%}.home-page .how-it-works main article{flex-grow:1;max-width:30%;display:flex;flex-direction:column;gap:15px;border:1px solid #426711CC;background-color:#1c2b0f;padding:20px;border-radius:18px}.home-page .how-it-works main article .icon{background-color:#60410ae5;border-radius:8px;padding:4px 6px;width:max-content;font-size:1.5rem}.home-page .how-it-works main article h5{font-size:1.1rem;font-weight:600}.home-page .how-it-works main article p{font-size:1rem;line-height:1.4}.home-page .footer{border-top:1px solid #46691D;margin-top:30px;padding:30px 10px;margin-inline:50px;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:992px){.home-page .nav{padding:20px 30px}.home-page .hero{padding:30px;gap:40px}.home-page .hero .text-area h1{font-size:5vw}.home-page .how-it-works{padding:40px 30px}.home-page .how-it-works main{gap:20px}.home-page .how-it-works main article{min-width:280px}.home-page .footer{margin-inline:30px}.home-page .ellipse-mid-left{width:100px!important}}@media screen and (max-width:768px){.home-page .nav{padding:15px 20px}.home-page .hero{flex-direction:column;padding:20px;text-align:center;gap:40px}.home-page .hero .text-area{width:100%;order:1}.home-page .hero .text-area h1{font-size:2.5rem}.home-page .hero .text-area p{font-size:1rem}.home-page .hero .text-area .buttons{justify-content:center}.home-page .hero .img-area{width:100%;order:0;margin-top:20px}.home-page .how-it-works{padding:40px 20px}.home-page .how-it-works h4{font-size:1.8rem}.home-page .how-it-works>p{font-size:1rem;margin-bottom:30px}.home-page .how-it-works main{flex-direction:column;gap:20px}.home-page .how-it-works main article{max-width:100%}.home-page .footer{flex-direction:column;gap:15px;text-align:center;margin-inline:20px;padding:20px 10px}.home-page .ellipse-top-left,.home-page .ellipse-bottom-right,.home-page .ellipse-mid-left{display:none}.home-page .main-btn,.home-page .secondary-btn{padding:12px 20px;font-size:.9rem}}@media screen and (max-width:480px){.home-page .nav{padding:15px}.home-page .nav h2{font-size:1.5rem}.home-page .nav .main-btn{padding:8px 16px;font-size:.9rem}.home-page .hero{padding:15px}.home-page .hero .text-area{gap:20px}.home-page .hero .text-area h1{font-size:2rem}.home-page .how-it-works{padding:30px 15px}.home-page .how-it-works h4{font-size:1.5rem}.home-page .how-it-works article{padding:15px}.home-page .buttons{flex-direction:column;align-items:center}}.auth-page{background:linear-gradient(180deg,#1b210f,#2d3c11 38.89% 54.06%,#1b210f);min-height:100vh;height:100%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-page .ellipse-top-left{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.auth-page .ellipse-bottom-right{position:absolute;bottom:0;right:0;pointer-events:none;max-width:250px}.auth-page main{margin:auto;width:550px;display:flex;flex-direction:column;align-items:center;gap:14px;background-color:#e8f4d012;border:1px solid #ffffff61;box-shadow:0 0 100px 10px #10120280;border-radius:10px;padding:30px 40px}.auth-page main p{text-align:center}.auth-page main input{background-color:#566738;color:#fff;border-radius:10px;width:100%;padding:15px 20px;border:none;outline:none}.auth-page main input::placeholder{color:#fff}.auth-page main button{background:#566738;color:#fff;border-radius:10px;width:100%;padding:15px 20px;border:none}.auth-page main button:hover{cursor:pointer;background:linear-gradient(90deg,#fe7300,#84cc00)}.auth-page main .wallet-status{font-size:.9rem}.auth-page main .wallet-status span{color:#97de03}.auth-page main .wallet-connect-btn{background:linear-gradient(90deg,#fe7300,#84cc00);font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s}.auth-page main .wallet-connect-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #97de034d}.auth-page main .wallet-connect-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-page main .wallet-info{width:100%;background:#5667384d;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(151,222,3,.2)}.auth-page main .wallet-info .wallet-address{color:#97de03;font-weight:600;font-family:monospace}.auth-page main .wallet-info .chain-name{color:#fe7300;font-weight:600}.auth-page main .chain-info{font-size:.85rem;margin:0}.auth-page main .error-message{color:#ff6b6b;font-size:.9rem;background:#ff6b6b1a;padding:10px;border-radius:8px;border:1px solid rgba(255,107,107,.3)}.auth-page main .info-text{font-size:.85rem;color:#c4e89f;line-height:1.8;margin-top:10px}@media screen and (max-width:786px){.auth-page .ellipse-top-left{width:170px}.auth-page .ellipse-bottom-right{display:none}.auth-page main{width:90%;padding:20px}.auth-page main p{font-size:.85rem}.auth-page main h2{font-size:1.3rem;font-weight:500}.auth-page main input{width:100%;padding:10px 15px;font-size:.8rem}.auth-page main button{width:100%;padding:10px 15px;font-size:.9rem}.auth-page main .wallet-status{font-size:.8rem}}.lobby-page{background:linear-gradient(180deg,#1b210f,#2d3c11 38.89% 54.06%,#1b210f);min-height:100vh;height:100%;color:#fff;display:flex;padding:40px 50px;position:relative;overflow-x:hidden}.lobby-page .sidebar-toggle{display:none;position:fixed;top:20px;left:20px;width:40px;height:40px;border-radius:8px;background-color:#566738;border:none;z-index:1000;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.lobby-page .sidebar-toggle:hover{background:linear-gradient(90deg,#fe7300,#84cc00)}.lobby-page .sidebar-toggle .hamburger{width:20px;height:16px;position:relative;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.lobby-page .sidebar-toggle .hamburger span{display:block;height:2px;width:100%;background-color:#fff;border-radius:2px;transition:all .3s ease}.lobby-page .sidebar-toggle .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.lobby-page .sidebar-toggle .hamburger.open span:nth-child(2){opacity:0}.lobby-page .sidebar-toggle .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.lobby-page .sidebar{width:280px;padding:20px;background-color:#1b210f;box-shadow:0 0 20px #0000004d;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease-in-out;z-index:100}.lobby-page .sidebar .sidebar-content{display:flex;flex-direction:column;gap:20px;height:100%}.lobby-page .sidebar .user-profile{display:flex;flex-direction:column;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.lobby-page .sidebar .user-profile .avatar-container{position:relative;width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#fe7300,#84cc00);margin-bottom:10px;display:flex;align-items:center;justify-content:center;border:3px solid #97DE03}.lobby-page .sidebar .user-profile .avatar-container .avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;background:#566738;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#97de03}.lobby-page .sidebar .user-profile .username{font-size:18px;font-weight:600;margin:5px 0}.lobby-page .sidebar .user-profile .wallet-address{font-size:14px;color:#97de03;margin:0;font-family:monospace}.lobby-page .sidebar .user-profile .wallet-balance{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;padding:8px 12px;background:#5667384d;border-radius:8px;border:1px solid rgba(151,222,3,.2);width:100%}.lobby-page .sidebar .user-profile .wallet-balance .balance-label{font-size:12px;color:#ffffffb3}.lobby-page .sidebar .user-profile .wallet-balance .balance-amount{font-size:16px;font-weight:600;color:#97de03;font-family:monospace}.lobby-page .sidebar .user-profile .disconnect-btn{margin-top:10px;padding:8px 16px;background:#ff6b6b33;border:1px solid rgba(255,107,107,.4);border-radius:6px;color:#ff6b6b;font-size:14px;cursor:pointer;transition:all .2s;width:100%}.lobby-page .sidebar .user-profile .disconnect-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b99}.lobby-page .sidebar .game-section{background-color:#e8f4d00d;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px}.lobby-page .sidebar .game-section .section-title{font-size:16px;margin:0 0 10px;font-weight:500}.lobby-page .sidebar .game-section .game-invite{background:#5667384d;border-radius:8px;padding:12px;margin-top:15px}.lobby-page .sidebar .game-section .game-invite p{margin:5px 0;font-size:14px}.lobby-page .sidebar .game-section .game-invite p .label{color:#ffffffb3}.lobby-page .sidebar .game-section .game-invite .action-button{background:linear-gradient(90deg,#fe7300,#84cc00);color:#fff;border-radius:8px;width:100%;padding:10px;border:none;margin-top:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.lobby-page .sidebar .game-section .game-invite .action-button:hover{opacity:.9;transform:translateY(-2px)}.lobby-page .sidebar .stats-button{background:#566738;color:#fff;border-radius:8px;padding:10px;border:none;margin-top:auto;font-weight:500;cursor:pointer}.lobby-page .sidebar .stats-button:hover{background:linear-gradient(90deg,#fe7300,#84cc00)}.lobby-page .main-content{flex:1;padding:30px;transition:margin-left .3s ease-in-out}.lobby-page .main-content .lobby-title{font-size:32px;font-weight:600;margin:0 0 5px;color:#97de03;text-align:center}.lobby-page .main-content .lobby-description{text-align:center;font-size:16px;margin-bottom:30px;opacity:.9}.lobby-page .main-content .content-panel{background-color:#16210c;border:1px solid #31480fe5;border-radius:10px;padding:20px;margin-bottom:20px}.lobby-page .main-content .content-panel .panel-title{font-size:20px;margin:0 0 15px;font-weight:500}.lobby-page .main-content .content-panel .topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lobby-page .main-content .content-panel .topics-grid .topic-button{color:#fff;border-radius:8px;padding:15px 10px;border:1px solid #2C410D;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:transparent}.lobby-page .main-content .content-panel .topics-grid .topic-button:hover{border:1px solid #7CCF00}.lobby-page .main-content .content-panel .topics-grid .topic-button.active{background:#1e310a;border:1px solid #7CCF00}.lobby-page .main-content .content-panel .form-group label{display:block;margin-bottom:8px;font-size:14px;color:#c7ef7b}.lobby-page .main-content .content-panel .form-group .input-field{background-color:#2a371e;color:#fff;border-radius:8px;width:100%;padding:12px 15px;border:none;outline:none;font-size:16px}.lobby-page .main-content .content-panel .form-group .input-field::placeholder{color:#ffffff80}.lobby-page .main-content .content-panel .form-group{margin-bottom:15px}.lobby-page .main-content .content-panel .form-group .invite-input-container{display:flex;gap:10px;align-items:center;margin-bottom:10px}.lobby-page .main-content .content-panel .form-group .invite-input-container .input-field{flex:1}.lobby-page .main-content .content-panel .form-group .invite-input-container .add-friend-btn{background:linear-gradient(90deg,#fe7300,#84cc00);color:#1b210f;border-radius:8px;padding:12px 25px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.lobby-page .main-content .content-panel .form-group .invite-input-container .add-friend-btn:hover{opacity:.9;transform:translateY(-2px)}.lobby-page .main-content .content-panel .form-group .invited-friends{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.lobby-page .main-content .content-panel .form-group .invited-friends .friend-chip{background-color:#1b210f;border:1px solid #2C410D;border-radius:20px;padding:5px 15px;font-size:14px;display:flex;align-items:center;gap:5px}.lobby-page .main-content .content-panel .form-group .invited-friends .friend-chip .remove-friend{color:#ffffffb3;cursor:pointer;font-size:18px;margin-left:5px}.lobby-page .main-content .content-panel .form-group .invited-friends .friend-chip .remove-friend:hover{color:#fe7300}.lobby-page .main-content .content-panel .create-button{background-color:#97de03;color:#1b210f;border-radius:8px;width:auto;padding:12px 25px;border:none;margin-top:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:block;margin-left:auto;margin-right:auto}.lobby-page .main-content .content-panel .create-button:hover{background:linear-gradient(90deg,#fe7300,#84cc00);color:#fff}.lobby-page .mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;animation:fadeIn .3s ease}.lobby-page .loading-indicator{grid-column:1 / -1;text-align:center;padding:20px;color:#97de03}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.lobby-page{flex-direction:column;padding:30px 20px}.lobby-page .sidebar-toggle{display:flex;justify-content:center;align-items:center}.lobby-page .sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);overflow-y:auto;padding-block:20px}.lobby-page .sidebar.open{transform:translate(0)}.lobby-page .sidebar .sidebar-content{height:max-content;padding-block:20px}.lobby-page .mobile-overlay{display:block}.lobby-page .main-content{margin-left:0;padding:60px 0 20px}.lobby-page .main-content .content-panel .topics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.lobby-page .main-content .lobby-title{font-size:28px}.lobby-page .main-content .content-panel{padding:15px}.lobby-page .main-content .content-panel .topics-grid{grid-template-columns:1fr}.lobby-page .sidebar{width:85%}}.live-match{background:linear-gradient(180deg,#1b210f,#2d3c11 38.89% 54.06%,#1b210f);min-height:100vh;height:100%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.live-match .match-info{display:flex;justify-content:space-between;align-items:center;width:580px;margin-bottom:20px}.live-match .match-info .live-indicator{display:flex;align-items:center;font-weight:500;color:#fff}.live-match .match-info .live-indicator .live-dot{width:8px;height:8px;background-color:#e93a3a;border-radius:50%;margin-right:6px;animation:pulse 1.5s infinite}.live-match .match-info .players-info{color:#fff;font-size:.9rem}.live-match .match-info .prize-info{color:#97de03;font-weight:500;font-size:.9rem}.live-match .game-modal{width:580px;background-color:#101807e6;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 10px 25px #0000004d;padding:30px;display:flex;flex-direction:column;align-items:center}.live-match .game-modal .question-container{width:100%}.live-match .game-modal .question-container .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.live-match .game-modal .question-container .question-header .question-number{font-size:1rem;color:#97de03}.live-match .game-modal .question-container .question-header .timer{width:32px;height:32px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.live-match .game-modal .question-container .question-text{font-size:1.3rem;font-weight:500;margin-bottom:25px;color:#fff}.live-match .game-modal .question-container .answers-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;margin-bottom:25px}.live-match .game-modal .question-container .answers-grid .answer-btn{background-color:#2a3618;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:15px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:center}.live-match .game-modal .question-container .answers-grid .answer-btn:hover:not(:disabled){background-color:#3a4825;transform:translateY(-2px)}.live-match .game-modal .question-container .answers-grid .answer-btn.correct{background-color:#97de03;color:#1b210f}.live-match .game-modal .question-container .answers-grid .answer-btn.wrong{background-color:#e93a3a}.live-match .game-modal .question-container .next-question-btn{background:linear-gradient(90deg,#fe7300,#84cc00);border:none;border-radius:10px;padding:15px 20px;width:100%;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;margin-bottom:25px;transition:all .2s ease}.live-match .game-modal .question-container .next-question-btn:hover{opacity:.9;transform:translateY(-2px)}.live-match .game-modal .question-container .scores-section{margin-top:20px;width:100%}.live-match .game-modal .question-container .scores-section h3{color:#97de03;margin-bottom:10px;font-size:1rem;font-weight:500}.live-match .game-modal .question-container .scores-section .scores-grid{display:flex;justify-content:space-around}.live-match .game-modal .question-container .scores-section .scores-grid .player-score{display:flex;flex-direction:column;align-items:center}.live-match .game-modal .question-container .scores-section .scores-grid .player-score .score{font-size:1.3rem;font-weight:600;color:#97de03}.live-match .game-modal .question-container .scores-section .scores-grid .player-score .player-name{font-size:.9rem;color:#fff}.live-match .game-modal .game-over-container{width:100%;text-align:center;padding:20px 0}.live-match .game-modal .game-over-container .game-over-title{font-size:2.5rem;margin-bottom:20px;font-weight:600}.live-match .game-modal .game-over-container .winner-text{color:#97de03;font-size:1.5rem;margin-bottom:15px;font-weight:500}.live-match .game-modal .game-over-container .prize-amount{font-size:1.8rem;margin-bottom:30px;font-weight:600}.live-match .game-modal .game-over-container .result-message{font-size:1.1rem;margin-bottom:40px;color:#97de03;display:flex;flex-direction:column;align-items:center;gap:10px}.live-match .game-modal .game-over-container .result-message .trophy-icon,.live-match .game-modal .game-over-container .result-message .sad-icon{font-size:2rem}.live-match .game-modal .game-over-container .back-to-lobby-btn{background:linear-gradient(90deg,#fe7300,#84cc00);border:none;border-radius:10px;padding:15px 30px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.live-match .game-modal .game-over-container .back-to-lobby-btn:hover{opacity:.9;transform:translateY(-2px)}.live-match .game-modal .loading-container,.live-match .game-modal .waiting-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}:is(.live-match .game-modal .loading-container,.live-match .game-modal .waiting-container) .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:#97de03;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.live-match .pregame-container{width:100%}.live-match .pregame-container .pregame-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:30px;color:#fff}.live-match .pregame-container .pregame-info{background-color:#2a361880;border-radius:12px;padding:20px;margin-bottom:25px}.live-match .pregame-container .pregame-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.live-match .pregame-container .pregame-info .info-row:last-child{border-bottom:none}.live-match .pregame-container .pregame-info .info-row .info-label{color:#fff;font-size:.95rem}.live-match .pregame-container .pregame-info .info-row .info-value{font-weight:600;font-size:1rem}.live-match .pregame-container .pregame-info .info-row .info-value.topic{color:#97de03}.live-match .pregame-container .pregame-info .info-row .info-value.wager{color:#fe7300}.live-match .pregame-container .players-section{margin-bottom:25px}.live-match .pregame-container .players-section .section-title{color:#97de03;font-size:1.1rem;margin-bottom:15px;font-weight:500}.live-match .pregame-container .players-section .players-list{display:flex;flex-direction:column;gap:10px}.live-match .pregame-container .players-section .players-list .player-item{background-color:#2a3618cc;border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center}.live-match .pregame-container .players-section .players-list .player-item .player-info .player-name{font-size:1rem;font-weight:500;color:#fff;margin-bottom:4px}.live-match .pregame-container .players-section .players-list .player-item .player-info .player-address{font-size:.85rem;color:#97de03}.live-match .pregame-container .players-section .players-list .player-item .ready-badge{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600}.live-match .pregame-container .players-section .players-list .player-item .ready-badge.ready{background-color:#97de03;color:#1b210f}.live-match .pregame-container .players-section .players-list .player-item .ready-badge.not-ready{background-color:#fe7300;color:#fff}.live-match .pregame-container .pregame-actions{display:flex;gap:10px;margin-top:20px}.live-match .pregame-container .pregame-actions button{flex:1;padding:15px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.live-match .pregame-container .pregame-actions button:hover{transform:translateY(-2px);opacity:.9}.live-match .pregame-container .pregame-actions .ready-button{background-color:#2a3618;color:#fff;border:2px solid #97DE03}.live-match .pregame-container .pregame-actions .ready-button.ready{background:#97de03;color:#1b210f}.live-match .pregame-container .pregame-actions .start-button{background:linear-gradient(90deg,#fe7300,#84cc00);color:#fff}.live-match .pregame-container .pregame-actions .add-player-button{background-color:#2a3618cc;color:#97de03;border:1px solid rgba(151,222,3,.3)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:768px){.live-match .match-info,.live-match .game-modal{width:100%;max-width:580px}.live-match .match-info{flex-direction:column;gap:10px;margin-bottom:15px}.live-match .game-modal .question-container .answers-grid{grid-template-columns:1fr}.live-match .game-modal .question-container .answer-btn{padding:12px}.live-match .game-modal .game-over-container .game-over-title{font-size:2rem}.live-match .pregame-container .pregame-actions{flex-direction:column}}@media screen and (max-width:480px){.live-match{padding:10px}.live-match .game-modal{padding:15px}.live-match .game-modal .question-container .question-text{font-size:1.1rem}.live-match .game-modal .question-container .scores-section .scores-grid{flex-wrap:wrap;gap:15px}.live-match .game-modal .game-over-container .result-message{font-size:1rem}}