:root{--mobile-bg-color:#121212;--mobile-card-bg:#1e1e1e;--mobile-text-color:#ffffff;--mobile-secondary-text:#b0b0b0;--mobile-accent-color:#ffdb00;--mobile-tile-color:#2a2a2a;--mobile-answered-color:#1a1a1a;--mobile-success-color:#33aa44;--mobile-error-color:#dd3333;--mobile-neutral-color:#666666;--mobile-shadow-color:rgba(0,0,0,0.3);--mobile-gold-color:#ffd700;--mobile-silver-color:#c0c0c0;--mobile-bronze-color:#cd7f32;--mobile-space-xs:0.25rem;--mobile-space-sm:0.5rem;--mobile-space-md:1rem;--mobile-space-lg:1.5rem;--mobile-space-xl:2rem;--mobile-radius-sm:0.25rem;--mobile-radius-md:0.5rem;--mobile-radius-lg:1rem;--player-drawer-height:60px;--safe-area-bottom:env(safe-area-inset-bottom,0px)}body.modal-open .mobile-player-drawer{display:none!important;z-index:-1!important;opacity:0!important;pointer-events:none!important}.mobile-game-container{background-color:var(--mobile-bg-color);color:var(--mobile-text-color);width:100%;padding:var(--mobile-space-md);display:flex;flex-direction:column;min-height:calc(100vh - 80px);max-width:100%;overflow-x:hidden;position:relative;padding-bottom:calc(var(--mobile-space-md) + var(--player-drawer-height) + var(--safe-area-bottom));z-index:0}.mobile-leaderboard{position:fixed;bottom:0;left:0;right:0;z-index:8000;background-color:var(--mobile-card-bg);border-top-left-radius:var(--mobile-radius-md);border-top-right-radius:var(--mobile-radius-md);box-shadow:0 -2px 10px var(--mobile-shadow-color);padding:var(--mobile-space-sm) var(--mobile-space-md);padding-bottom:calc(var(--mobile-space-sm) + var(--safe-area-bottom))}.mobile-leaderboard-header{display:flex;align-items:center;gap:var(--mobile-space-xs);margin-bottom:var(--mobile-space-xs);padding-bottom:var(--mobile-space-xs);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-leaderboard-icon,.mobile-leaderboard-title{color:var(--mobile-secondary-text)}.mobile-leaderboard-title{font-size:.8rem;font-weight:500}.mobile-leaderboard-scroll{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--mobile-space-xs) 0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.mobile-leaderboard-scroll::-webkit-scrollbar{display:none}.mobile-leaderboard-player{flex:0 0 auto;min-width:80px;max-width:100px;background-color:var(--mobile-tile-color);border-radius:var(--mobile-radius-md);padding:var(--mobile-space-sm);margin-right:var(--mobile-space-xs);position:relative;display:flex;flex-direction:column;align-items:center;scroll-snap-align:center}body.modal-open .mobile-leaderboard{display:none!important;z-index:-1!important;opacity:0!important;pointer-events:none!important}.mobile-leaderboard-player:last-child{margin-right:0}.mobile-leaderboard-player.active{background-color:rgba(255,219,0,.15)}.mobile-leaderboard-player.self{background-color:rgba(255,255,255,.05)}.mobile-leaderboard-rank{position:absolute;top:2px;left:2px;font-size:.7rem;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.mobile-leaderboard-name{font-size:.8rem;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-bottom:4px;position:relative;padding-top:4px}.mobile-leaderboard-bot,.mobile-leaderboard-host,.mobile-leaderboard-trophy{position:absolute;top:-2px;right:-2px}.mobile-leaderboard-bot,.mobile-leaderboard-host{color:var(--mobile-accent-color)}.mobile-leaderboard-trophy{color:var(--mobile-gold-color)}.mobile-leaderboard-score{font-variant-numeric:tabular-nums;font-weight:700;font-size:1rem}.mobile-leaderboard-score.positive{color:var(--mobile-accent-color)}.mobile-leaderboard-score.negative{color:var(--mobile-error-color)}.mobile-leaderboard-turn-indicator{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:2px;display:flex;justify-content:center}.mobile-leaderboard-turn-dot{width:6px;height:6px;border-radius:50%;background-color:var(--mobile-accent-color);animation:pulse 1.5s infinite}.mobile-turn-bar{position:sticky;top:0;z-index:7000;background-color:var(--mobile-card-bg);padding:var(--mobile-space-md);border-radius:var(--mobile-radius-md);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px var(--mobile-shadow-color);margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.mobile-turn-info{display:flex;flex-direction:column}.mobile-turn-label{font-weight:600;font-size:1.125rem;display:flex;align-items:center}.mobile-your-turn{color:var(--mobile-accent-color)}.mobile-other-turn{color:var(--mobile-text-color)}.mobile-scores-summary{display:flex;gap:var(--mobile-space-md)}.mobile-current-score,.mobile-your-score{display:flex;flex-direction:column;align-items:flex-end}.mobile-score-label{font-size:.75rem;color:var(--mobile-secondary-text)}.mobile-score-value{font-weight:600;font-size:1.125rem;font-variant-numeric:tabular-nums}.mobile-score-value.positive{color:var(--mobile-accent-color)}.mobile-score-value.negative{color:var(--mobile-error-color)}.mobile-turn-actions{display:flex;gap:8px}.mobile-menu-button,.mobile-players-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(255,255,255,.1);color:var(--mobile-text-color);border:none;cursor:pointer}.mobile-menu-button{color:var(--mobile-accent-color)}.mobile-menu-button:focus,.mobile-menu-button:hover,.mobile-players-button:focus,.mobile-players-button:hover{background-color:rgba(255,255,255,.2);color:var(--mobile-text-color)}.mobile-menu-button:focus,.mobile-menu-button:hover{color:var(--mobile-accent-color)}.mobile-player-drawer{position:fixed;bottom:0;left:0;right:0;z-index:8000;background-color:var(--mobile-bg-color);padding-bottom:var(--safe-area-bottom);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mobile-drawer-toggle{width:100%;background:none;border:none;padding:0;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.mobile-drawer-toggle:focus-visible{outline:2px solid var(--mobile-accent-color);outline-offset:2px}.mobile-drawer-pill{background-color:var(--mobile-card-bg);border-radius:var(--mobile-radius-lg) var(--mobile-radius-lg) 0 0;padding:var(--mobile-space-sm) var(--mobile-space-md);margin:0 var(--mobile-space-md);display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px var(--mobile-shadow-color);transition:background-color .2s ease}.mobile-drawer-toggle:active .mobile-drawer-pill{background-color:#252525}.mobile-drawer-summary{display:flex;align-items:center;gap:var(--mobile-space-sm)}.mobile-drawer-icon-container{width:32px;height:32px;border-radius:50%;background-color:rgba(255,219,0,.15);display:flex;align-items:center;justify-content:center}.mobile-drawer-icon{color:var(--mobile-accent-color)}.mobile-drawer-info{display:flex;flex-direction:column}.mobile-drawer-label{font-weight:600;font-size:.9rem;line-height:1.2}.mobile-drawer-position{font-size:.75rem;color:var(--mobile-secondary-text)}.mobile-position-highlight{color:var(--mobile-accent-color);font-weight:600}.mobile-drawer-action{display:flex;align-items:center}.mobile-chevron-icon{width:20px;height:20px;color:var(--mobile-secondary-text);transition:transform .3s ease}.mobile-drawer-content{background-color:var(--mobile-card-bg);overflow:hidden;padding:0 var(--mobile-space-md);border-radius:var(--mobile-radius-lg) var(--mobile-radius-lg) 0 0;margin:0 var(--mobile-space-md);box-shadow:0 -4px 15px rgba(0,0,0,.3)}.mobile-player-list{padding:var(--mobile-space-md) 0;display:flex;flex-direction:column;gap:var(--mobile-space-sm);max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--mobile-secondary-text) transparent}.mobile-player-list::-webkit-scrollbar{width:4px}.mobile-player-list::-webkit-scrollbar-track{background:transparent}.mobile-player-list::-webkit-scrollbar-thumb{background-color:var(--mobile-secondary-text);border-radius:20px}.mobile-player-item{display:flex;align-items:center;padding:var(--mobile-space-md);border-radius:var(--mobile-radius-md);background-color:var(--mobile-tile-color);position:relative;transition:transform .2s ease,background-color .2s ease;gap:var(--mobile-space-sm)}.mobile-player-item:active{transform:scale(.98);background-color:#333333}.mobile-player-item.active{background-color:rgba(255,219,0,.15)}.mobile-player-item.self{background-color:rgba(255,255,255,.05)}.mobile-player-rank{font-size:.9rem;font-weight:700;width:24px;text-align:center}.mobile-player-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;position:relative;font-size:.9rem}.mobile-player-host{position:absolute;bottom:-2px;right:-2px;color:var(--mobile-accent-color);background-color:var(--mobile-bg-color);border-radius:50%;padding:2px}.mobile-player-details{flex:1;display:flex;flex-direction:column;gap:4px}.mobile-player-name-row{display:flex;justify-content:space-between;align-items:center}.mobile-player-name{font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mobile-player-badges{display:flex;gap:6px;align-items:center}.mobile-trophy-icon{color:var(--mobile-gold-color)}.mobile-bot-icon{color:var(--mobile-accent-color)}.mobile-player-you{font-size:.75rem;color:var(--mobile-secondary-text);margin-left:var(--mobile-space-xs);font-weight:400}.mobile-player-score-row{display:flex;align-items:center;justify-content:space-between}.mobile-player-score{font-weight:700;font-size:1.1rem}.mobile-player-score.positive{color:var(--mobile-accent-color)}.mobile-player-score.negative{color:var(--mobile-error-color)}.mobile-player-connection{display:flex;align-items:center}.mobile-connection-icon{opacity:.7}.mobile-connection-icon.connected{color:var(--mobile-success-color)}.mobile-connection-icon.disconnected{color:var(--mobile-error-color)}.mobile-current-turn-indicator{display:flex;align-items:center;gap:4px;background-color:rgba(255,219,0,.2);padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.mobile-current-turn-dot{width:6px;height:6px;border-radius:50%;background-color:var(--mobile-accent-color);animation:pulse 1.5s infinite}.mobile-current-turn-text{color:var(--mobile-accent-color)}.mobile-drawer-footer{padding:var(--mobile-space-sm) 0 var(--mobile-space-md);text-align:center;border-top:1px solid rgba(255,255,255,.05);margin-top:var(--mobile-space-xs)}.mobile-drawer-tip{font-size:.75rem;color:var(--mobile-secondary-text);opacity:.7}.mobile-top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--mobile-space-md);padding:var(--mobile-space-sm) 0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-player-info{display:flex;flex-direction:column;align-items:center}.mobile-player-score{font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--mobile-accent-color)}.mobile-game-board{flex:1;display:flex;flex-direction:column;gap:var(--mobile-space-sm);margin-bottom:var(--mobile-space-md)}.mobile-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:var(--mobile-space-xs);margin-bottom:var(--mobile-space-xs)}.mobile-category{text-align:center;padding:var(--mobile-space-sm);background-color:var(--mobile-card-bg);border-radius:var(--mobile-radius-sm);min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px var(--mobile-shadow-color)}.mobile-category-emoji{margin-bottom:var(--mobile-space-xs)}.mobile-category-name{font-size:.75rem;font-weight:500;line-height:1.2;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mobile-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:var(--mobile-space-xs);flex:1}.mobile-column{display:flex;flex-direction:column;gap:var(--mobile-space-xs)}.mobile-tile{background-color:var(--mobile-tile-color);border-radius:var(--mobile-radius-sm);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:var(--mobile-accent-color);cursor:pointer;transition:transform .2s,background-color .2s;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-variant-numeric:tabular-nums;box-shadow:0 2px 4px var(--mobile-shadow-color);min-height:50px}.mobile-tile:active{transform:scale(.96)}.mobile-tile.answered{background-color:var(--mobile-answered-color);color:rgba(255,255,255,.2);cursor:default;box-shadow:none}.mobile-tile.disabled{opacity:.6;cursor:not-allowed}.mobile-tile.daily-double{position:relative}.mobile-tile.daily-double:after{content:"★";position:absolute;top:4px;right:4px;font-size:10px;color:var(--mobile-accent-color);opacity:.8}.mobile-loader{animation:spin 1s linear infinite;color:var(--mobile-accent-color)}.mobile-loader-dot{width:24px;height:24px;border-radius:50%;background-color:var(--mobile-accent-color);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);z-index:19999;display:flex;flex-direction:column;justify-content:flex-end;touch-action:none}.mobile-modal{background-color:var(--mobile-card-bg);border-radius:var(--mobile-radius-lg) var(--mobile-radius-lg) 0 0;overflow:hidden;position:relative;display:flex;flex-direction:column;height:90vh;max-height:90vh;box-shadow:0 -4px 20px rgba(0,0,0,.5);z-index:10000;padding-bottom:calc(var(--safe-area-bottom) + var(--mobile-space-md))}.safe-area-inset{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--mobile-space-md))}.mobile-answer-screen,.mobile-question-screen,.mobile-wager-screen{display:flex;flex-direction:column;height:100%;width:100%}.mobile-modal-handle{height:24px;display:flex;justify-content:center;align-items:center;padding-top:var(--mobile-space-xs)}.mobile-handle-bar{width:40px;height:4px;background-color:rgba(255,255,255,.2);border-radius:2px}.mobile-modal-header{padding:var(--mobile-space-md);background-color:var(--mobile-card-bg);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:sticky;top:0;z-index:10}.mobile-modal-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--mobile-space-sm)}.mobile-category-label{font-size:1.75rem;text-align:center;margin-bottom:var(--mobile-space-xs)}.mobile-points-label{font-size:1.25rem;font-weight:600;color:var(--mobile-accent-color);display:flex;align-items:center}.mobile-daily-double{text-align:center;font-size:2rem;color:var(--mobile-accent-color);margin-bottom:var(--mobile-space-sm)}.mobile-daily-double-badge{background-color:var(--mobile-accent-color);color:black;font-size:.7rem;padding:.125rem .25rem;border-radius:var(--mobile-radius-sm);margin-left:var(--mobile-space-xs);font-weight:600}.mobile-result-badge{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-weight:600;margin:0 auto;font-size:1.5rem}.mobile-result-badge.correct{background-color:var(--mobile-success-color);color:white}.mobile-result-badge.incorrect{background-color:var(--mobile-error-color);color:white}.mobile-modal-content{flex:1;padding:var(--mobile-space-lg);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--mobile-space-lg) + var(--player-drawer-height))}.mobile-content-bottom-padding{height:calc(var(--player-drawer-height) + var(--mobile-space-xl));width:100%}.mobile-question-text{font-size:1.5rem;line-height:1.5;margin-bottom:var(--mobile-space-xl);text-align:center;font-weight:500}.mobile-options-list{display:flex;flex-direction:column;gap:var(--mobile-space-md)}.mobile-option-item{background-color:var(--mobile-tile-color);padding:var(--mobile-space-md);border-radius:var(--mobile-radius-md);cursor:pointer;transition:background-color .2s,transform .1s;font-size:1.125rem;box-shadow:0 2px 4px var(--mobile-shadow-color);min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center}.mobile-option-item.last-option{margin-bottom:var(--mobile-space-xl)}.mobile-option-item:active{transform:scale(.98)}.mobile-option-item.selected{background-color:var(--mobile-accent-color);color:black;font-weight:500}.mobile-spectator-badge{background-color:rgba(255,255,255,.1);color:var(--mobile-secondary-text);padding:var(--mobile-space-sm);border-radius:var(--mobile-radius-sm);text-align:center;font-size:.75rem;margin-top:var(--mobile-space-sm)}.mobile-option-item.spectator{cursor:default}.mobile-option-item.spectator:hover{background-color:var(--mobile-tile-color);transform:none}.mobile-option-item.spectator.selected{background-color:rgba(255,219,0,.2);border-left:2px solid var(--mobile-accent-color)}.mobile-answer-box{background-color:var(--mobile-tile-color);padding:var(--mobile-space-lg);border-radius:var(--mobile-radius-md);margin-bottom:var(--mobile-space-md);box-shadow:0 2px 4px var(--mobile-shadow-color)}.mobile-answer-text{font-size:1.25rem;text-align:center;font-weight:500}.mobile-answer-text.correct{color:var(--mobile-success-color)}.mobile-answer-text.incorrect{color:var(--mobile-error-color)}.mobile-modal-actions{padding:var(--mobile-space-md);display:flex;justify-content:space-between;gap:var(--mobile-space-md);background-color:var(--mobile-card-bg);border-top:1px solid rgba(255,255,255,.1);position:sticky;bottom:0;left:0;right:0;z-index:10001;flex-shrink:0}.mobile-modal-actions.fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:20000;padding-bottom:calc(var(--mobile-space-md) + var(--safe-area-bottom))}.mobile-wager-screen{display:flex;flex-direction:column;height:100%}.mobile-player-info-card{background-color:var(--mobile-tile-color);padding:var(--mobile-space-md);border-radius:var(--mobile-radius-md);display:flex;justify-content:center;align-items:center;margin-bottom:var(--mobile-space-lg);box-shadow:0 2px 4px var(--mobile-shadow-color)}.mobile-player-points{font-size:1.75rem;font-weight:600;color:var(--mobile-accent-color)}.mobile-wager-container{margin-bottom:var(--mobile-space-lg)}.mobile-wager-label{font-size:1.25rem;margin-bottom:var(--mobile-space-md);text-align:center;font-weight:500}.mobile-wager-input-container{display:flex;align-items:center;background-color:var(--mobile-tile-color);border-radius:var(--mobile-radius-md);overflow:hidden;box-shadow:0 2px 4px var(--mobile-shadow-color)}.mobile-dollar-sign{padding:0 var(--mobile-space-md);font-size:1.5rem;color:var(--mobile-accent-color)}.mobile-wager-input{background-color:transparent;border:none;padding:var(--mobile-space-md);color:var(--mobile-text-color);font-size:1.5rem;width:100%;font-weight:600}.mobile-wager-error{color:var(--mobile-error-color);font-size:1rem;margin-top:var(--mobile-space-sm);text-align:center}.mobile-timer{margin-top:var(--mobile-space-md)}.mobile-timer-bar-container{height:4px;background-color:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.mobile-timer-bar{height:100%;background-color:var(--mobile-accent-color);transition:width 1s linear}.mobile-button{border-radius:var(--mobile-radius-md);font-weight:600;font-size:1rem;height:50px;transition:transform .1s;box-shadow:0 2px 4px var(--mobile-shadow-color)}.mobile-button:active{transform:scale(.98)}.mobile-button.primary{background-color:var(--mobile-accent-color);color:black}.mobile-button.secondary{background-color:var(--mobile-tile-color);color:var(--mobile-text-color)}.mobile-game-over{background-color:var(--mobile-card-bg);border-radius:var(--mobile-radius-md);padding:var(--mobile-space-xl);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;box-shadow:0 4px 12px var(--mobile-shadow-color)}.mobile-game-over-title{font-size:2.5rem;margin-bottom:var(--mobile-space-md);display:flex;align-items:center;color:var(--mobile-accent-color)}.mobile-game-over-text{font-size:1.5rem;color:var(--mobile-text-color);font-weight:500}.mobile-footer-actions{display:flex;justify-content:center;margin-top:var(--mobile-space-md);gap:var(--mobile-space-md)}.mobile-end-button{background-color:var(--mobile-tile-color);color:var(--mobile-text-color);font-weight:500;padding:var(--mobile-space-sm) var(--mobile-space-lg);border-radius:var(--mobile-radius-md);box-shadow:0 2px 4px var(--mobile-shadow-color)}@keyframes scoreChange{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.score-change-indicator{position:absolute;animation:scoreChange 1.5s ease-out forwards;font-weight:600;font-size:1rem;pointer-events:none;z-index:8500}.score-change-indicator.positive{color:var(--mobile-success-color)}.score-change-indicator.negative{color:var(--mobile-error-color)}@media (min-width:480px){.mobile-tile{font-size:1.5rem}.mobile-question-text{font-size:1.75rem}.mobile-categories,.mobile-tiles{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}@media (max-width:360px){.mobile-options-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--mobile-space-sm)}.mobile-option-item{height:100%;font-size:.875rem;padding:var(--mobile-space-sm)}}@media (min-width:640px){.mobile-categories,.mobile-tiles{gap:var(--mobile-space-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.mobile-column{gap:var(--mobile-space-sm)}.mobile-category{min-height:70px}.mobile-category-emoji{font-size:1.75rem}.mobile-category-name{font-size:.875rem}}@supports (-webkit-touch-callout:none){.mobile-game-container{min-height:-webkit-fill-available}.mobile-modal{max-height:-webkit-fill-available}}.mobile-question-modal{z-index:50;position:fixed}.mobile-spectator-indicator{background-color:rgba(0,0,0,.7);color:white;padding:8px 12px;border-radius:16px;font-size:.8rem;position:absolute;top:12px;right:12px;z-index:60}@media (min-width:768px){.mobile-player-drawer{width:auto;left:auto;right:var(--mobile-space-md);bottom:var(--mobile-space-md);border-radius:var(--mobile-radius-md);background-color:rgba(30,30,30,.9);box-shadow:0 4px 12px var(--mobile-shadow-color);height:auto}.mobile-drawer-pill{border-radius:var(--mobile-radius-md);margin:0}}.spectator-badge{display:flex;align-items:center;background-color:rgba(255,255,255,.1);color:var(--mobile-secondary-text);padding:4px 8px;border-radius:12px;font-size:.75rem;margin-left:auto;margin-right:auto;margin-top:4px}.spectator-waiting-message{width:100%;text-align:center;color:var(--mobile-secondary-text);font-size:.9rem;padding:var(--mobile-space-sm);background-color:rgba(255,255,255,.05);border-radius:var(--mobile-radius-md)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:99999;display:flex;align-items:flex-end;justify-content:center}.mobile-game-menu{width:100%;max-height:80vh;background-color:var(--mobile-card-bg);border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden;display:flex;flex-direction:column}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu-title{display:flex;align-items:center;font-weight:600;font-size:1.1rem}.mobile-menu-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(255,255,255,.1);color:var(--mobile-secondary-text);border:none}.mobile-menu-content{flex:1;overflow-y:auto;padding:var(--mobile-space-md)}.mobile-menu-section{margin-bottom:var(--mobile-space-lg)}.mobile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--mobile-space-md)}.mobile-section-title{font-weight:600;font-size:1rem;color:var(--mobile-accent-color)}.mobile-refresh-button{background-color:rgba(255,255,255,.1);color:var(--mobile-text-color);font-size:.8rem;height:32px}.mobile-categories-list{display:flex;flex-direction:column;gap:var(--mobile-space-md)}.mobile-category-input{display:flex;align-items:center;gap:var(--mobile-space-sm)}.mobile-category-emoji{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.mobile-category-field{flex:1;background-color:var(--mobile-tile-color);border-color:rgba(255,255,255,.1);color:var(--mobile-text-color)}.mobile-menu-footer{padding:var(--mobile-space-md);border-top:1px solid rgba(255,255,255,.1)}.mobile-save-button{width:100%;background-color:var(--mobile-accent-color);color:black;font-weight:600;height:48px}.mobile-footer{margin-bottom:calc(var(--player-drawer-height) + var(--mobile-space-md));display:flex;justify-content:center;padding-top:var(--mobile-space-md)}.mobile-leave-button{background-color:rgba(221,51,51,.2);color:var(--mobile-error-color);border:1px solid var(--mobile-error-color)}