.gameGridDiv{background:radial-gradient(circle,#e0e8f0,#60a1a6);width:100%;height:100%;overflow-y:auto}.game-type-grid{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px}.gameItemContent{position:relative}.game-type-item.gameItemDisabled{flex:0 1 calc(31.33% - 32px);margin:10px;background-color:var(--color-text-light);color:var(--color-border-light)}.game-type-item.gameItemDisabled:hover{transform:scale(1);background-color:var(--color-offline)}.gameItemDisabled{pointer-events:none;cursor:not-allowed}.game-type-item{-webkit-user-select:none;user-select:none;flex:0 1 calc(31.33% - 32px);margin:10px;background-color:var(--color-success);color:var(--color-text-inverse);text-align:center;padding:0;border-radius:var(--border-radius-md);cursor:pointer;transition:transform var(--transition-normal),background-color var(--transition-normal)}.game-type-item img{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius-md)}.gameItemDisabled img{filter:grayscale(80%);opacity:.4}.game-type-item:hover{transform:scale(1.05);background-color:#388e3c}.gameTypeLabel{font-size:var(--font-size-2xl);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.playersCount{padding:12px;border-top-right-radius:var(--border-radius-md);background-color:#ffffffba;font-weight:var(--font-weight-bold);color:var(--color-text-primary);z-index:var(--z-max);position:absolute;top:0;right:0;font-size:var(--font-size-sm)}.logoutContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.logoutMessage{background-color:#fff;background:radial-gradient(circle,#e0e8f0d1,#fffffffa);border-radius:20px;padding:45px;font-size:1.5rem;text-align:center;margin-bottom:20px}.headerContainer{display:flex;flex-direction:row;width:100%;height:50px;flex-shrink:0;background-color:var(--color-bg-dark)}.headerLogoContainer{flex-shrink:0}@media (max-width: 925px){.headerLogo{background-image:var(--logoOnlyRobotSmaller-url);width:58px;height:50px}}@media (min-width: 926px){.headerLogo{background-image:var(--logoSmaller-url);width:207px;height:50px}}.headerContainer a,.headerContainer a:visited{color:var(--color-border-light)}.logoutButton{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-border-light);cursor:pointer;background-color:#4444446b;border:0;height:30px}.logoutButton:hover{color:var(--color-text-inverse);cursor:pointer}.settingsButton{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-border-light);cursor:pointer;height:50px}.settingsButton:hover{color:var(--color-text-inverse);cursor:pointer}.headerIconButton{display:flex;font-weight:var(--font-weight-bold);padding-left:10px;padding-right:5px;vertical-align:middle;align-items:center;position:relative;cursor:pointer}.headerButton{color:var(--color-text-inverse);display:flex;font-size:30px;font-weight:var(--font-weight-bold);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);vertical-align:middle;align-items:center}.headerGamesButton{padding-left:10px;position:relative;top:-1px}.headerButton:visited{color:var(--color-text-inverse)}.headerButton.smallButton{font-size:15px;padding-left:5px;padding-right:5px}.headerButtonContent{width:100%;height:100%}.headerSpacer{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.headerMenuItems{display:flex;flex-direction:row}.headerUserId{line-height:.6;text-decoration:none;font-size:var(--font-size-xs);color:#3b3b3b}.buttonsRow{display:flex;flex-direction:row}.mobileMenuContent{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.mobileMenuDropdown{position:absolute;top:74px;left:0;width:100%;background-color:var(--color-bg-dark);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:10px;border-top:var(--border-width-thick) solid var(--color-border);box-shadow:var(--shadow-lg);z-index:var(--z-max)}.mobileMenuItem{color:var(--color-highlight);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:10px 0;border-bottom:var(--border-width) solid var(--color-text-primary)}.mobileMenuItem a{color:var(--color-highlight);text-decoration:none}.mobileMenuItem a:hover{color:var(--color-text-inverse)}.mobileMenuItem.userId{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.mobileMenuItem.small{font-size:var(--font-size-xs);padding:2px 0}.hamburgerIcon{position:absolute;right:var(--spacing-lg);color:var(--color-border-light);cursor:pointer}.hamburgerIcon:hover{color:var(--color-highlight)}.headerFriendsDropdown .headerFriendsIcon{color:var(--color-border-light);cursor:pointer}.headerFriendsIcon.hasInvites{color:var(--color-highlight)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blinking{animation:blink .3s ease-in-out}.headerIconButton:hover .headerFriendsIcon{color:var(--color-text-inverse)}.headerFriendsIcon{color:var(--color-border-light);cursor:pointer;position:relative;top:3px}.headerUsernameText{position:relative;top:-1px}.headerUsernameSimple{color:var(--color-border-light);font-size:16px;font-weight:600;padding:0 10px}.headerFriendsDropdown:hover .headerFriendsIcon{color:var(--color-text-inverse)}.userHeader{flex-shrink:0}.headerRightContent{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;width:100%;margin-right:15px}.mobileHeaderButtons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.headerFriendsDropdown{border-radius:var(--border-radius-sm);padding:10px;color:var(--color-text-inverse);cursor:pointer}.headerFriendsContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%}.headerFriendsButton{display:flex;flex-direction:column;align-items:center;justify-content:center;width:45px;height:50px;cursor:pointer}.cookiesForFishCredits{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;font-size:22px;color:#5a4a3a;background:linear-gradient(90deg,#ffe4b5,#ffecd2,#b8e6f5);padding:0 15px 0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:50px;gap:4px}.cookiesForFishCredits .cookiesTitle{font-weight:700;color:#d4842a;margin-right:4px}.cookiesForFishCredits a{color:#2b7a9e;text-decoration:none;font-weight:600;transition:color .2s ease}.cookiesForFishCredits a:hover{color:#ff6b35;text-decoration:underline}@media (max-width: 900px){.cookiesForFishCredits{font-size:11px;padding:0 8px}}@media (max-width: 600px){.cookiesForFishCredits{display:none}}.gameComponent{opacity:0;animation:fadeIn .25s ease-in forwards;animation-delay:1s;position:fixed;top:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#e0e8f0d1,#fffffffa);border-radius:20px;padding:50px 25px 25px}.themed-title-container{text-align:center;margin-bottom:20px;color:var(--color-text-primary, #212529)}.themed-title-container h1{font-size:2.5rem;font-weight:700;margin:0}.themed-title-container p{font-size:1.2rem;margin:5px 0 0;color:var(--color-text-secondary, #555)}@keyframes fadeIn{to{opacity:1}}.playersCount{font-size:18px;margin-bottom:25px}.joinDiv{margin-top:25px;margin-bottom:10px}.joinBtn,.playGamesBtn{font-size:32px;background-color:#4caf50;color:#fff;padding:14px 80px;border:none;cursor:pointer;width:100%;border-radius:0;text-decoration:none}.joinBtn:hover,.playGamesBtn:hover{background-color:#8ddf91eb;color:#000;text-decoration:underline}.usernameInput,.passwordInput{font-size:26px;padding:10px;width:100%;border:1px solid #888;border-radius:.25rem;color:#212529}.passwordInput{margin-top:25px}.welcomeBack{font-size:32px;margin-bottom:10px}.loginForgotPasswordContainer{margin-top:15px;display:flex;flex-direction:row;justify-content:space-between;width:100%}.usernameInput:disabled,.passwordInput:disabled,.joinBtn:disabled{opacity:.6;cursor:not-allowed}.signUpContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;margin-bottom:20px;margin-top:10px}.signupJoinFormTextButton{font-size:20px;color:#00539f;text-decoration:none;cursor:pointer}.signupJoinFormTextButton:hover{text-decoration:underline;cursor:pointer;color:#232738}.signupJoinFormTextButton:active{cursor:pointer;color:#5cdce7}.signupJoinFormTextButton:disabled{opacity:.6;cursor:not-allowed}.bgStyle{display:flex;align-items:center;width:100vw;height:100%;background:radial-gradient(circle,#000,#070027);flex-direction:column}.imgDiv{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;margin-top:1%;width:100%;height:100%;max-height:700px;background-image:var(--bigLogo-url);background-size:contain;background-position:top;background-repeat:no-repeat}.imgStyle{width:auto;height:auto}.contextMenuContainer>ul{list-style-type:none;margin:5px;padding-left:0}.contextMenuContainer>ul>li{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;margin:4px;padding:10px 25px 10px 5px}.contextMenuContainer>ul>li:hover{background-color:#d3d3d3}.notificationContainer{position:fixed;top:0;left:10px;z-index:var(--z-max);pointer-events:none}.notificationItem{position:absolute;left:0;min-width:300px;max-width:400px;background:linear-gradient(135deg,#2c3e50c3,#34495eb2);color:var(--color-text-inverse);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-md);pointer-events:auto;animation:slideIn .3s ease-out forwards,pulse 2s ease-in-out infinite;border:var(--border-width) solid rgba(255,255,255,.1)}@keyframes slideIn{0%{transform:translate(-120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 4px 25px #3498db66}}.notificationContent{display:flex;flex-direction:column;gap:10px}.notificationHeader{font-size:var(--font-size-sm);font-weight:600;color:#ecf0f1}.notificationMessage{font-size:13px;color:#bdc3c7;font-style:italic}.notificationSubtext{font-size:11px;color:#95a5a6;margin-top:var(--spacing-xs)}.notificationActions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.notificationButton{background:#ffffff1a;border:var(--border-width) solid rgba(255,255,255,.2);color:var(--color-text-inverse);padding:6px 12px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-xs)}.notificationButton:hover{background:#fff3;transform:translateY(-1px)}.notificationButton.accept{background:#2ecc714d;border-color:#2ecc7180}.notificationButton.accept:hover{background:#2ecc7180}.notificationButton.reject{background:#e74c3c4d;border-color:#e74c3c80}.notificationButton.reject:hover{background:#e74c3c80}.notificationButton.close{position:absolute;top:8px;right:8px;padding:4px;background:transparent;border:none}.notificationButton.close:hover{background:#ffffff1a}.notificationType-FRIEND_JOIN_INVITATION{background:linear-gradient(135deg,#3498dbee,#297fb9e4)}.notificationType-AWARDED_ACHIEVEMENT{background:linear-gradient(135deg,#f39d12e7,#e67d22f0)}.notificationType-AWARDED_XP{background:linear-gradient(135deg,#27ae5feb,#229954ee)}.notificationType-AWARDED_LEVEL_UP,.notificationType-FRIEND_LEVEL_UP{background:linear-gradient(135deg,#9c59b6ec,#8d44ade5);animation:slideIn .3s ease-out forwards,levelUpPulse 2s ease-in-out infinite}@keyframes levelUpPulse{0%,to{box-shadow:0 4px 20px #9b59b680;transform:scale(1)}50%{box-shadow:0 6px 30px #9b59b6cc;transform:scale(1.08)}}.levelUpNotification .notificationHeader{font-size:var(--font-size-base);text-align:center}.notificationType-GAME_VICTORY{background:linear-gradient(135deg,#e74d3cf0,#c03a2bee)}#theAppComponent{display:flex;flex-direction:column;width:100%;height:100vh;min-width:700px}#routerContainer{flex:1;overflow-y:auto}#routesContainer{height:100%}*,*:before,*:after{box-sizing:border-box}.appDiv{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.react-tooltip__show,.react-tooltip.react-tooltip__show{opacity:1!important;pointer-events:auto!important}.react-tooltip.custom-fade.react-tooltip__show{opacity:1!important}.react-tooltip.custom-fade{transition:opacity var(--transition-normal)}:root{--color-primary: #6dd5ed;--color-primary-dark: #2193b0;--color-secondary: #5073f0;--color-accent: #0e30ac;--color-success: #4caf50;--color-warning: #ff9800;--color-danger: #f44336;--color-info: #2196f3;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-muted: #aaaaaa;--color-text-light: #cccccc;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-dark: #222222;--color-bg-darker: #111111;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-card: #232738;--color-bg-panel: #0e30aca7;--color-border: #444444;--color-border-light: #707070;--color-border-lighter: #cccccc;--color-shadow: rgba(0, 0, 0, .3);--color-team-red: #ff4444;--color-team-blue: #4444ff;--color-online: #4caf50;--color-offline: #888888;--color-highlight: #33d4d5;--color-correct: #5cdce7;--color-incorrect: #ff6b6b;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-accent: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);--gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Roboto Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700;--z-max: 999;--border-width: 1px;--border-width-thick: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3);--shadow-glow: 0 0 10px rgba(0, 255, 255, .3);--shadow-glow-primary: 0 0 10px rgba(109, 213, 237, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family-primary);background-color:var(--color-bg-secondary)}#root{display:flex;flex-direction:column;width:100%;height:100%}