.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}.accountWrapperComponent{position:fixed;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#e0e8f0d1,#fffffffa);border-radius:20px;min-width:45%;padding:0 3rem}.accountContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.accountForm{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 1rem}.accountFormLabel{font-weight:700!important}.accountFormInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;border:1px solid #888;border-radius:.25rem;color:#212529;display:block;font-size:26px;font-weight:400;line-height:1.5;padding:.375rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%;margin-top:10px;margin-bottom:2px}.accountFormButton{background-color:transparent;border:1px solid transparent;color:#212529;cursor:pointer;display:inline-block;font-size:32px;line-height:1.5;padding:.375rem .75rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;background-color:#b7d2d5;border-color:#fff;color:#232738;margin-top:10px;width:100%}.accountFormButton:hover{background-color:#232738;border-color:#fff;color:#5cdce7}.accountFormButton:active{background-color:#5cdce7;border-color:#fff;color:#232738}.accountFormGroup{margin:15px 0 2px;padding:0 1rem;width:100%}.accountIcon{width:20%;height:20%}.accountResponse{margin-top:20px;margin-bottom:20px;color:#8b0000}.accountForgotPasswordContainer{margin-top:35px;display:flex;flex-direction:row;justify-content:space-between;width:100%}.accountFormTextButton{-webkit-user-select:none;user-select:none;cursor:pointer;text-decoration:none;color:#00539f;font-size:large}.accountFormTextButton:hover{cursor:pointer;color:#232738;text-decoration:underline}.accountFormInput:disabled,.accountFormButton:disabled{opacity:.6;cursor:not-allowed}.accountFormTextButton{-webkit-user-select:none;user-select:none;cursor:pointer;text-decoration:underline;color:#00539f;font-size:large}.accountFormTextButton:hover{cursor:pointer;color:#232738}.accountFormTextButton:active{cursor:pointer;color:#5cdce7}.accountBackToForm{margin-top:45px;margin-bottom:15px}.formResponse{font-size:20px;display:flex;align-items:center;justify-content:center;min-height:19px;margin-top:20px;color:#8b0000}.formResponse.error{color:#8b0000}.formResponse.success{color:#006400}.formResponse.info{color:#8b0000}.formBlurResponse{font-size:18px;font-weight:400;color:#8b0000}.formResponse:empty{margin-top:0;min-height:0}.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}.debugGame{z-index:9999;position:absolute;bottom:10px;right:10px;background-color:#ffffff5e;padding:0 10px 50px}.debugScoreTables{display:flex;flex-direction:row;justify-content:space-around;gap:40px}.debugGameButton{position:absolute;bottom:0;right:0}.scoresGameButton{position:absolute;bottom:0;right:80px}.cheatButton{position:absolute;bottom:0;right:40px}.canvasEngineDebugButton{position:absolute;bottom:0;right:120px}.avatarLevelBadge{position:relative;top:-6px;color:var(--color-text-primary);font-weight:var(--font-weight-bold);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow-md);outline:var(--border-width-thick) solid var(--color-text-inverse);text-shadow:0 1px 1px rgba(255,255,255,.3);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.avatarBadgeCircle{border-radius:var(--border-radius-full)}.avatarBadgeRounded{border-radius:var(--border-radius-md)}.avatarBadgeHex{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.avatarBadgeOct{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.avatarBadgeStar{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.avatarBadgeDiamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.avatarBadgeElite{clip-path:polygon(50% 0%,60% 35%,98% 35%,68% 57%,79% 100%,50% 80%,21% 100%,32% 57%,2% 35%,40% 35%);border:2px solid gold;box-shadow:0 0 12px gold,0 0 24px #fff}.avatarBadge-1{background:linear-gradient(135deg,#444,#666)}.avatarBadge-2{background:linear-gradient(135deg,#2c3e50,#4ca1af)}.avatarBadge-3{background:linear-gradient(135deg,#00c3ff,#ffff1c)}.avatarBadge-4{background:linear-gradient(135deg,#7b4397,#dc2430)}.avatarBadge-5{background:linear-gradient(135deg,#fc466b,#3f5efb)}.avatarBadge-6{background:linear-gradient(135deg,#00f260,#0575e6)}.avatarBadge-7{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.avatarBadge-8{background:linear-gradient(135deg,#f7971e,#ffd200)}.avatarBadge-9{background:linear-gradient(135deg,#00c9ff,#92fe9d)}.avatarBadge-10{background:linear-gradient(135deg,#f953c6,#b91d73)}.avatarBadge-11{background:linear-gradient(135deg,#8e2de2,#4a00e0)}.avatarBadge-12{background:linear-gradient(135deg,#00b09b,#96c93d)}.avatarBadge-13{background:linear-gradient(135deg,#f12711,#f5af19)}.avatarBadge-14{background:linear-gradient(135deg,#43cea2,#185a9d)}.avatarBadge-15{background:linear-gradient(135deg,#ee0979,#ff6a00)}.avatarBadge-16{background:linear-gradient(135deg,#3a1c71,#d76d77,#ffaf7b)}.avatarBadge-17{background:linear-gradient(135deg,#00d2ff,#3a7bd5)}.avatarBadge-18{background:linear-gradient(135deg,#eecda3,#ef629f)}.avatarBadge-19{background:linear-gradient(135deg,#f0c,#339)}.avatarUserBadge{display:flex;align-items:center;gap:var(--spacing-sm);font-family:Inter,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.avatarBadgeUsername{font-size:var(--font-size-xl);color:var(--color-text-inverse)}@keyframes pop-glow{0%{transform:scale(1);box-shadow:0 0 #fff3}50%{transform:scale(1.5);box-shadow:0 0 20px #fffc}to{transform:scale(1);box-shadow:0 0 #fff3}}.avatarLevelBadge.avatarLevelUp,.avatarLevelBadge.avatarLevelUp:hover{animation:pop-glow .6s ease-out}@keyframes pulse{0%{box-shadow:0 0 5px #fff6}50%{box-shadow:0 0 12px #fffc}to{box-shadow:0 0 5px #fff6}}.avatarLevelBadge:hover{animation:pulse 1.5s infinite ease-in-out}.avatarBadge-small .avatarLevelBadge{width:18px;height:18px;font-size:var(--font-size-base)}.avatarBadge-small .avatarBadgeUsername{font-size:var(--font-size-base)}.avatarBadge-medium .avatarLevelBadge{width:22px;height:22px;font-size:18px}.avatarBadge-medium .avatarBadgeUsername{font-size:var(--font-size-xl)}.avatarBadge-large .avatarLevelBadge{width:28px;height:28px;font-size:var(--font-size-lg)}.avatarBadge-large .avatarBadgeUsername{font-size:var(--font-size-2xl)}.avatarTheme-dark .avatarBadgeUsername,.themeDark .avatarBadgeUsername{color:var(--color-text-inverse)}.avatarTheme-dark .avatarLevelBadge,.themeDark .avatarLevelBadge{outline:var(--border-width-thick) solid var(--color-text-inverse)}.avatarLevelBadge{outline:var(--border-width-thick) solid var(--color-text-primary)}.avatarComponent{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.waitingContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding-left:15%;overflow:hidden}.waitingContainerTeam{padding-left:20%;padding-right:5%}.themeDark .waitingContainer{color:var(--color-text-inverse)}.waitingGameInfo{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--spacing-xl)}.waitingGameName{font-size:var(--font-size-4xl)}.waitingTitle{font-size:var(--font-size-3xl);margin-bottom:18px}.waitingPlayers{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:hidden;gap:var(--spacing-sm)}.waitingPlayers.layout-vertical{flex-direction:column;align-items:center}.waitingPlayers.layout-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);justify-items:center}.waitingPlayers.layout-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;justify-items:center}.teamsContainer{display:flex;flex-direction:row;width:100%;max-height:calc(100vh - 350px);gap:var(--spacing-2xl);justify-content:center;align-items:flex-start}.teamColumn{flex:1;display:flex;flex-direction:column;max-width:45%}.teamHeader{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);padding:15px;margin-bottom:var(--spacing-lg);text-align:center;border-radius:var(--border-radius-md)}.teamRed .teamHeader{background:linear-gradient(135deg,var(--color-team-red),#ff6b7a);color:var(--color-text-inverse)}.teamBlue .teamHeader{background:linear-gradient(135deg,var(--color-info),#6bb6ff);color:var(--color-text-inverse)}.teamPlayers{display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto;overflow-x:hidden;padding:10px}.teamDivider{width:var(--border-width-thick);background:linear-gradient(180deg,var(--color-text-secondary),var(--color-text-primary));margin:0 var(--spacing-lg);align-self:stretch}.themeDark .teamDivider{background:linear-gradient(180deg,var(--color-border-lighter),var(--color-text-secondary))}.waitingPlayer{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex;flex-direction:row;justify-content:left;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all var(--transition-normal)}.waitingPlayer:hover{background-color:#ffffff0d}.waitingPlayerInfo{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.playerActions,.npcActions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.npcWPM{font-size:var(--font-size-sm);color:var(--color-offline)}.waitingPlayer.scale-large .waitingPlayerLbl{font-size:var(--font-size-xl)}.waitingPlayer.scale-medium .waitingPlayerLbl{font-size:var(--font-size-lg)}.waitingPlayer.scale-medium .toggleReadyButton,.waitingPlayer.scale-medium .switchTeamButton{font-size:18px;padding:var(--spacing-sm) 10px}.waitingPlayer.scale-small .waitingPlayerLbl{font-size:var(--font-size-base)}.waitingPlayer.scale-small .toggleReadyButton,.waitingPlayer.scale-small .switchTeamButton{font-size:var(--font-size-sm);padding:6px var(--spacing-sm)}.waitingPlayer.scale-small .npcWPM{font-size:var(--font-size-xs)}.waitingPlayerImg{border-radius:var(--border-radius-full);margin:10px;margin-right:var(--spacing-lg);transition:all var(--transition-normal);flex-shrink:0}.themeDark .waitingPlayerLbl{color:var(--color-text-inverse)}.waitingPlayerLbl{font-size:var(--font-size-xl)}.toggleReadyButton{font-size:var(--font-size-xl);background-color:var(--color-success);color:var(--color-text-inverse);padding:12px 14px;border:none;cursor:pointer;width:100%;border-radius:var(--border-radius-md);text-decoration:none;transition:all var(--transition-normal)}.toggleReadyButton:hover{background-color:#8ddf91eb;color:var(--color-text-primary);text-decoration:underline}.removeNPCButton{background-color:var(--color-danger);font-size:var(--font-size-base)}.removeNPCButton:hover{background-color:#a02833;color:var(--color-text-inverse)}.switchTeamButton{font-size:18px;background-color:#6c757d;color:var(--color-text-inverse);padding:10px 12px;border:none;cursor:pointer;width:100%;border-radius:var(--border-radius-md);text-decoration:none;transition:all var(--transition-normal)}.switchTeamButton:hover{background-color:#545b62;text-decoration:underline}.addNPCButton{background-color:var(--color-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);max-width:300px}.addNPCButton:hover{background-color:var(--color-bg-panel)}.countdownDiv{position:absolute;z-index:var(--z-max)}@keyframes countdown-pulse-once{0%{transform:scale(.25);opacity:0}35%{transform:scale(2.25);opacity:1}75%{transform:scale(2.25);opacity:1}to{transform:scale(.25);opacity:0}}.countdown-number{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:5rem;color:var(--color-team-red);font-weight:var(--font-weight-bold);text-align:center}.countdown-number.hiding{visibility:hidden;animation:none}.countdown-number.showing{visibility:visible}.countdown-number.countdown-pulse-once{animation:countdown-pulse-once .9s ease-in-out forwards}.countdown-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;justify-content:center;align-items:center}.waitingPlayers::-webkit-scrollbar,.teamPlayers::-webkit-scrollbar{display:none}.waitingPlayers,.teamPlayers{-ms-overflow-style:none;scrollbar-width:none}.avatarRace,.tufOfWarRobots,.raceTrack,.goneFishing{display:flex;align-items:center;flex-direction:column;height:100%;width:100%}.testBed{display:flex;align-items:center;flex-direction:column;background-color:#ccc;height:100%;width:100%}.gameContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.gameDiv{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.typingDiv{z-index:var(--z-modal);min-height:300px;width:100%;height:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ffffff4d;position:absolute;bottom:0;pointer-events:none}.letter{color:var(--color-text-primary)}.correctLetter{color:var(--color-success)}.currentLetter{text-decoration:underline;background-color:var(--color-team-blue);color:var(--color-text-inverse)}.currentLetter.incorrect{text-decoration:underline;background-color:var(--color-danger);color:var(--color-text-inverse)}.textInstructions{font-size:var(--font-size-xl)}.gamePlayer{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex;flex-direction:row;justify-content:left;align-items:center}.gamePlayerImg{width:100px;height:100px;border-radius:var(--border-radius-full);margin:10px;margin-right:var(--spacing-xl)}.gamePlayerLbl{font-size:var(--font-size-xl)}.resultsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.themeDark .resultsContainer{color:var(--color-text-inverse)}.resultsPlayer{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex;flex-direction:row;justify-content:left;align-items:center}.resultsPlayerImg{width:100px;height:100px;border-radius:var(--border-radius-full);margin:10px;margin-right:var(--spacing-xl)}.resultsPlayerLbl{font-size:var(--font-size-xl)}.playAgainButton{font-size:var(--font-size-xl);background-color:var(--color-success);color:var(--color-text-inverse);padding:12px 14px;border:none;cursor:pointer;width:100%;border-radius:var(--border-radius-md);text-decoration:none}.playAgainButton:hover{background-color:#8ddf91eb;color:var(--color-text-primary);text-decoration:underline}.newUserHighlight{border:none;background-color:#ffeb961f;box-shadow:0 0 8px #ffae0066;animation:pulseNewUser 1.2s ease-in-out infinite alternate;padding:12px}@keyframes pulseNewUser{0%{transform:scale(1);opacity:1}to{transform:scale(1.03);opacity:.8}}.lobby{display:flex;align-items:center;flex-direction:column;height:100%;width:100%;position:relative}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg-overlay);z-index:var(--z-modal-backdrop);display:flex;justify-content:center;align-items:center;flex-direction:column}.giphyPickerContainer{position:relative;width:75%;height:80%;background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.giphyPickerContent{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.modalHeader{z-index:calc(var(--z-modal) + 1);top:-100px;width:100%;position:absolute;display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);vertical-align:bottom}.giphyLogo{background-image:var(--giphy-url);width:72px;height:72px;transition:text-shadow var(--transition-fast),transform var(--transition-fast)}.giphyLogo:hover{box-shadow:var(--shadow-glow-primary);transform:scale(1.045);color:var(--color-text-inverse);cursor:pointer}.poweredGiphy{padding-top:35px;margin-right:var(--spacing-md);margin-left:var(--spacing-md);font-size:30px;font-weight:var(--font-weight-bold);color:var(--color-text-inverse);cursor:pointer;text-decoration:none;text-align:right;align-self:flex-end}.poweredGiphy:hover{text-decoration:underline}.poweredGiphy:visited{text-decoration:none}.closeModalBtn{display:flex;justify-content:center;align-items:flex-end;position:absolute;right:0;bottom:-5px;font-size:75px;background:none;border:none;color:var(--color-text-inverse);cursor:pointer;transition:text-shadow var(--transition-fast),transform var(--transition-fast)}.closeModalBtn:hover{text-shadow:var(--shadow-glow-primary);transform:scale(1.045);color:var(--color-text-inverse);cursor:pointer}.chatDiv{display:flex;flex-direction:column;background-color:#fffc;position:absolute;z-index:var(--z-dropdown);min-width:175px}.chatMessage{padding-left:var(--spacing-sm);margin-bottom:2px}.chatTextLine{color:var(--color-text-primary)}.chatMessage img{width:100%;max-width:100%;height:auto;border-radius:var(--border-radius-md);object-fit:contain}.chatText{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);flex-grow:1;overflow-y:auto;padding:var(--spacing-sm);border-radius:var(--border-radius-md);color:#000;font-family:var(--font-family-primary);font-size:var(--font-size-sm)}.chatInput{display:flex;gap:0px;margin-top:var(--spacing-sm);flex-shrink:0}.chatDayDivider{width:100%;text-align:center;margin:var(--spacing-md) 0;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-lighter);line-height:.1em}.chatDayDivider:before{content:"";display:inline-block;width:30%;margin-right:var(--spacing-sm);border-top:1px solid var(--color-border-lighter);vertical-align:middle}.chatDayDivider:after{content:"";display:inline-block;width:30%;margin-left:var(--spacing-sm);border-top:1px solid var(--color-border-lighter);vertical-align:middle}.chatGroup{margin-bottom:var(--spacing-sm)}.chatMessageHeader{font-weight:var(--font-weight-bold);color:var(--color-info);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.chatMessageTime{font-weight:var(--font-weight-normal);color:var(--color-text-muted);font-size:var(--font-size-xs)}.chatFormInput{flex:1;padding:12px var(--spacing-md);border:none;font-size:var(--font-size-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm);outline:none;transition:box-shadow var(--transition-normal);border-bottom:rgb(14,78,95) var(--border-width-thick) solid;z-index:var(--z-dropdown)}.chatFormInput:focus{box-shadow:0 0 0 3px #64c8ff80}@media (max-width: 1345px){.chatFormButton{max-width:10px}.chatFormButton svg{width:16px;height:16px}}@media (max-width: 1050px){.chatFormButton{max-width:8px}.chatFormButton svg{width:16px;height:16px}}.chatFormButton{display:flex;justify-content:center;align-items:center;padding:12px 20px;border:none;border-top-right-radius:18px;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);background:linear-gradient(to right,var(--color-primary),var(--color-primary-dark));color:var(--color-text-inverse);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-normal),transform var(--transition-fast);border-bottom:rgb(14,78,95) var(--border-width-thick) solid;z-index:var(--z-dropdown)}.chatFormButton:hover{background:linear-gradient(to right,var(--color-primary-dark),var(--color-primary));transform:scale(1.05)}.chatMessageUsername{font-weight:var(--font-weight-bold);color:var(--color-info)}.emoji-picker-container{display:none;transform:translateY(500px);transition:transform .45s cubic-bezier(0,.46,.26,.99);position:absolute;bottom:50px;z-index:var(--z-dropdown);box-shadow:0 -8px 12px #021e1ebf,-8px 0 12px #066868bd,8px 0 12px #034f4fba;will-change:transform}.emoji-picker-container.display{display:flex}.emoji-picker-container.show{transform:translateY(0)}.emoji-button{z-index:var(--z-dropdown);border-top-left-radius:18px;border:none;background:linear-gradient(to right,#6dd5ed75,#2193b070);color:var(--color-text-inverse);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-normal),transform var(--transition-fast);border-bottom:rgb(14,78,95) var(--border-width-thick) solid;font-size:var(--font-size-xl);padding:0 10px}@media (max-width: 1345px){.emoji-button{max-width:35px;font-size:.9rem}}@media (max-width: 1050px){.emoji-button{max-width:30px;font-size:.7rem}}.emoji-button:hover{background:linear-gradient(to right,var(--color-primary-dark),var(--color-primary));transform:scale(1.05)}.reactions{display:flex;gap:5px;margin-top:5px}.reaction{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:2px 5px;font-size:var(--font-size-xs);cursor:pointer}.giphy-picker-container{position:absolute;bottom:50px;right:10px;border:var(--border-width) solid var(--color-border-lighter);background:var(--color-bg-primary)}.giphy-button{z-index:var(--z-dropdown);background:none;font-size:var(--font-size-base);cursor:pointer;padding:0 10px;font-weight:var(--font-weight-bold);border:none;background:linear-gradient(to right,#6dd5ed75,#2193b070);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);transition:background var(--transition-normal),transform var(--transition-fast);border-bottom:rgb(14,78,95) var(--border-width-thick) solid}.giphy-button:hover{background:linear-gradient(to right,var(--color-primary-dark),var(--color-primary));transform:scale(1.05)}@media (max-width: 1345px){.giphy-button{max-width:38px;font-size:.75rem}}@media (max-width: 1050px){.giphy-button{max-width:32px;font-size:.6rem}}.npc-toggle-button{z-index:var(--z-dropdown);background:none;border:none;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;padding:5px 10px;width:100%;margin-right:5px}.npc-toggle-button.enabled{background:linear-gradient(to right,#6dd5ed75,#2193b070)}.npc-toggle-button.disabled{background:linear-gradient(to right,#ff6b6b75,#ffa50275);opacity:.7}.npc-toggle-button:hover{transform:scale(1.05)}.npc-toggle-button.enabled:hover{background:linear-gradient(to right,var(--color-primary-dark),var(--color-primary))}.npc-toggle-button.disabled:hover{background:linear-gradient(to right,var(--color-incorrect),var(--color-warning))}.chatMessage-system{background-color:#f0f8ff;border-left:3px solid var(--color-info);padding:var(--spacing-sm) 12px;margin:var(--spacing-sm) 0;border-radius:var(--border-radius-sm);font-style:italic}.chatMessage-system .chatTextLine{color:var(--color-info);font-weight:var(--font-weight-medium);white-space:pre-line}.chatMessage-npc{background-color:#fff9e6;border-left:3px solid var(--color-warning);padding:var(--spacing-sm) 12px;margin:var(--spacing-sm) 0;border-radius:var(--border-radius-sm)}.chatMessage-npc .chatTextLine{color:#e67e00}.chatMessage-admin{background-color:#ffe6e6;border-left:3px solid var(--color-team-red);padding:var(--spacing-sm) 12px;margin:var(--spacing-sm) 0;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-bold)}.chatMessage-admin .chatTextLine{color:var(--color-danger)}.friendsContainer{display:flex;flex-direction:column;background-color:#0e30aca7;position:absolute;z-index:111111;min-width:275px;color:#fff;padding:10px;border-radius:5px}.friendsToolsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.friendsToolsHeaderTitle{font-size:1.2em;font-weight:700}.addFriendContainer{display:flex;margin-bottom:10px}.addFriendContainer input{flex-grow:1;margin-right:5px}.friendsListContainer{flex-grow:1;overflow-y:auto}.friendItem{display:flex;justify-content:space-between;align-items:center;padding:5px;border-bottom:1px solid #ccc}.friendInfo{display:flex;align-items:center}.status{width:10px;height:10px;border-radius:50%;margin-right:10px}.online{background-color:green}.offline{background-color:gray}.friendActions button{margin-left:5px}.playerDiv{display:flex;flex-direction:row;justify-content:left;align-items:center;margin-top:8px;margin-bottom:8px}.playerActionButton{cursor:pointer;background-color:#5073f0a7;color:#fff;padding:8px 10px;border:none;border-radius:5px;font-size:16px;transition:all .15s ease}.playerActionButton:hover{background-color:#0e30aca7}.friend-avatar{border:3px solid #4CAF50;border-radius:50%}.playerActionButton:active{background-color:#5970c3a7}.playerImg{width:50px;height:50px;border-radius:50%;margin:10px}.playerLbl{font-size:24px}.appDiv{width:100%;height:100%;background:radial-gradient(circle,#e0e8f0,#60a1a6)}.typersDiv{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gameStateTitle{font-size:var(--font-size-3xl)}.gameStateError{color:var(--color-danger);font-size:var(--font-size-3xl)}.accountUserTitle{margin-top:2%;display:flex;flex-direction:row;align-items:center}.accountUsername{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.accountDiv{background:radial-gradient(circle,#e0e8f0,#60a1a6);width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.submitResults.success{color:var(--color-success)}.submitResults.error{color:var(--color-danger)}.submitResults{margin-top:2%;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.accountFormDiv{width:75%}.accountInputDiv{margin-top:2%;margin-bottom:2%}.accountInputLabel{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.submitBtn{font-size:var(--font-size-2xl);background-color:var(--color-success);color:var(--color-text-inverse);padding:14px 80px;border:none;cursor:pointer;width:100%;border-radius:0;text-decoration:none;margin-top:2%}.submitBtn:hover{background-color:#8ddf91eb;color:var(--color-text-primary);text-decoration:underline}.accountInput{font-size:var(--font-size-xl);padding:10px;width:100%;border-radius:0;border:var(--border-width) solid var(--color-text-primary)}.avatar-type-grid{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px;transition:max-height var(--transition-slow),opacity var(--transition-slow);overflow-y:auto;max-height:0;opacity:0}.avatar-type-grid.expanded{max-height:600px;opacity:1}.avatar-type-grid.collapsed{max-height:0;opacity:0;overflow:hidden}.avatar-type-item{flex:0 1 calc(20.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)}.avatar-type-item img{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius-md)}.avatar-type-item:hover{transform:scale(1.05);background-color:#388e3c}.avatarTypeLabel{font-size:var(--font-size-2xl);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.avatar-avatar{display:block}.avatar-avatar.minimized{display:none}.avatarsDiv{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.avatarDisplayContainer{width:400px;height:400px}.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)}.aquarium-remote{position:absolute;top:20px;left:20px;z-index:100;width:120px;padding:12px 10px}.suction-cup{position:absolute;width:18px;height:18px;background:radial-gradient(circle at 40% 40%,#fff9,#c8c8c866 40%,#9696964d);border-radius:50%;border:2px solid rgba(180,180,180,.5);box-shadow:inset 0 2px 4px #fff6,0 2px 4px #0003}.suction-cup.top-left{top:-6px;left:-6px}.suction-cup.top-right{top:-6px;right:-6px}.suction-cup.bottom-left{bottom:-6px;left:-6px}.suction-cup.bottom-right{bottom:-6px;right:-6px}.remote-body{background:linear-gradient(135deg,#4a5568,#2d3748,#1a202c);border-radius:12px;padding:10px;border:2px solid #718096;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a}.remote-title{text-align:center;font-size:10px;font-weight:700;color:#a0aec0;letter-spacing:1px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #4a5568;font-family:Courier New,monospace}.control-section{margin-bottom:12px}.control-section:last-child{margin-bottom:0}.control-label{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:#e2e8f0;margin-bottom:6px;font-family:Courier New,monospace}.control-label .icon{font-size:12px}.lights-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#1a202c,#f6e05e);border-radius:4px;outline:none;cursor:pointer}.lights-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#f6e05e,#d69e2e);border-radius:50%;border:2px solid #fff;cursor:pointer;box-shadow:0 2px 4px #0000004d}.lights-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#f6e05e,#d69e2e);border-radius:50%;border:2px solid #fff;cursor:pointer;box-shadow:0 2px 4px #0000004d}.lights-value{text-align:center;font-size:10px;color:#f6e05e;margin-top:4px;font-family:Courier New,monospace}.bubbles-button{width:100%;padding:8px;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.bubbles-button.off{background:linear-gradient(135deg,#4a5568,#2d3748);color:#a0aec0;border:2px solid #718096}.bubbles-button.low{background:linear-gradient(135deg,#4299e1,#2b6cb0);color:#fff;border:2px solid #63b3ed;box-shadow:0 0 8px #4299e166}.bubbles-button.medium{background:linear-gradient(135deg,#48bb78,#2f855a);color:#fff;border:2px solid #68d391;box-shadow:0 0 12px #48bb7880}.bubbles-button.high{background:linear-gradient(135deg,#ed64a6,#b83280);color:#fff;border:2px solid #f687b3;box-shadow:0 0 16px #ed64a699;animation:bubble-pulse 1s ease-in-out infinite}.bubbles-button.default{background:linear-gradient(135deg,#9f7aea,#6b46c1);color:#fff;border:2px solid #b794f4;box-shadow:0 0 10px #9f7aea66}.bubbles-button:hover{transform:scale(1.05)}.bubbles-button:active{transform:scale(.95)}@keyframes bubble-pulse{0%,to{box-shadow:0 0 16px #ed64a699}50%{box-shadow:0 0 24px #ed64a6e6}}.debug-button{width:100%;padding:8px;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.debug-button.off{background:linear-gradient(135deg,#4a5568,#2d3748);color:#a0aec0;border:2px solid #718096}.debug-button.on{background:linear-gradient(135deg,#f6ad55,#dd6b20);color:#fff;border:2px solid #fbd38d;box-shadow:0 0 12px #f6ad5599;animation:debug-pulse 1.5s ease-in-out infinite}.debug-button:hover{transform:scale(1.05)}.debug-button:active{transform:scale(.95)}@keyframes debug-pulse{0%,to{box-shadow:0 0 12px #f6ad5599}50%{box-shadow:0 0 20px #f6ad55e6}}.toggle-button{width:100%;padding:8px;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.toggle-button.off{background:linear-gradient(135deg,#4a5568,#2d3748);color:#a0aec0;border:2px solid #718096}.toggle-button.on{background:linear-gradient(135deg,#48bb78,#2f855a);color:#fff;border:2px solid #68d391;box-shadow:0 0 10px #48bb7880}.toggle-button:hover{transform:scale(1.05)}.toggle-button:active{transform:scale(.95)}.color-button{width:100%;height:32px;padding:4px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;border:2px solid #718096;box-shadow:inset 0 0 0 2px #fff3}.color-button:hover{transform:scale(1.05);border-color:#a0aec0}.color-button:active{transform:scale(.95)}.color-swatch{display:block;width:100%;height:100%;border-radius:3px}.decoration-debug-panel{position:absolute;top:20px;right:20px;z-index:100;width:220px;background:linear-gradient(135deg,#1e1e28f2,#14141ef2);border-radius:8px;border:1px solid #444;box-shadow:0 4px 12px #00000080;font-family:Courier New,monospace;max-height:80vh;display:flex;flex-direction:column}.decoration-debug-panel.collapsed{width:auto}.debug-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#3a3a4a,#2a2a3a);border-radius:8px 8px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none}.decoration-debug-panel.collapsed .debug-panel-header{border-radius:8px}.debug-panel-title{font-size:11px;font-weight:700;color:#8f8;letter-spacing:1px}.collapse-icon{font-size:10px;color:#888}.bulk-actions{display:flex;gap:4px;padding:8px;border-bottom:1px solid #333}.bulk-btn{flex:1;padding:6px 8px;border:none;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:Courier New,monospace}.bulk-btn.show-all{background:linear-gradient(135deg,#4a9,#385);color:#fff}.bulk-btn.hide-all{background:linear-gradient(135deg,#a44,#833);color:#fff}.bulk-btn.refresh{flex:0;padding:6px 10px;background:linear-gradient(135deg,#66a,#448);color:#fff}.bulk-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.bulk-btn:active{transform:scale(.95)}.decoration-list{overflow-y:auto;max-height:60vh;padding:4px}.no-decorations{padding:12px;text-align:center;color:#666;font-size:11px;font-style:italic}.decoration-item{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:2px 0;border-radius:4px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.decoration-item:hover{background:#ffffff1a}.decoration-item.visible{background:#64c86426;border-left:3px solid #6c6}.decoration-item.hidden{background:#6464641a;border-left:3px solid #555;opacity:.6}.decoration-item.hidden:hover{opacity:1}.visibility-icon{font-size:12px;width:20px;text-align:center}.decoration-name{font-size:10px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decoration-item.visible .decoration-name{color:#afa}.decoration-item.hidden .decoration-name{color:#888}.decoration-list::-webkit-scrollbar{width:6px}.decoration-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.decoration-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.decoration-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.cookiesForFishPage{width:100%;height:100%;min-height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:40px;box-sizing:border-box}@media screen and (max-width: 768px) and (orientation: portrait){.cookiesForFishPage{padding:10px}}.cookiesForFishDashboardComponent,.cookiesForFishDashboardComponent *{border:none!important;outline:none!important;max-width:100%}.remote-toggle-btn{position:absolute;top:10px;left:10px;z-index:1000;background:#1e2832d9;color:#4fd1c5;border:2px solid #4fd1c5!important;border-radius:6px;padding:8px 12px;font-family:Courier New,monospace;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.remote-toggle-btn:hover{background:#4fd1c533;transform:scale(1.05)}#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)}.favoriteFishPage{padding:20px;text-align:center;color:#fff}.fishCanvasContainer{height:500px;background-color:#0a1929;border-radius:10px;border:1px solid #00ffff;margin-bottom:20px}.fishSelectionButtons{display:flex;justify-content:center;gap:15px;margin-top:20px}.feedbackMessage{margin-top:15px;color:#0fa;font-size:1.1em}: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%}