/* /dark-controls.css */
/* Final shared controls for authenticated screens. Paint swatches retain their colours. */
body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) button:not(.colorPreset):not(.colorBall):not(.bodyColorCard):not(.colorSwatch):not(.swatch):not([aria-label^="Cor #"]){color-scheme:dark;background-color:#24334b!important;color:#f3f6ff!important;border-color:#415471!important;box-shadow:none!important}
body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) button:not(.colorPreset):not(.colorBall):not(.bodyColorCard):not(.colorSwatch):not(.swatch):not([aria-label^="Cor #"]):hover{background-color:#344761!important;color:#fff!important;border-color:#35b4ff!important}
body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) button:is(.active,.selected,.primary,[aria-pressed=true]){background-color:#42688a!important;color:#fff!important;border-color:#94bfe5!important}
body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) button:disabled{opacity:.5;cursor:default}
body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) button:focus-visible{outline:2px solid #aad5fb!important;outline-offset:3px}
body:not(.isSignedOut) :is(.chatDock .chatToggle,.chatDock .chatFriend){background-color:transparent!important}
body:not(.isSignedOut) .privateChat form button{background-color:#42688a!important}
body:not(.isSignedOut) #admin .temporaryPasswordResult code{background:#0f1a29;color:#fff;border:1px solid #40516b}

body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) button:not(.colorPreset):not(.colorBall):not(.bodyColorCard):not(.colorSwatch):not(.swatch):not([aria-label^="Cor #"]):is(.active,.selected,.primary,[aria-pressed="true"]){background-color:#087ee5!important;color:#fff!important;border-color:#35b4ff!important}

/* Blue interface controls and catalog pagination. */
:root{--accent:#168bff;--accent2:#06b7ed;--purple:#168bff}
.tradingDialog button,.tradeHeaderButton,.tradePagination button,.tradeTabs button,.tradeSummary button{background:#087ee5!important;border-color:#35b4ff!important;color:#fff!important}
.tradingDialog button:hover,.tradingDialog button[aria-selected="true"]{background:#0568c6!important}
.catalogTab.active,.accessorySlotTabs button.active,.shopTabs button.active,.catalogItem.selected,.catalogItem[aria-pressed="true"]{border-color:#29a8ff!important;box-shadow:0 0 0 1px #29a8ff!important}
.catalogTab.active,.accessorySlotTabs button.active,.selectedMark{background:#087ee5!important;color:#fff!important}
.catalogPager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0;padding:12px}
.catalogPager button{background:#087ee5;color:#fff;border:1px solid #32b4ff;border-radius:10px;padding:10px 16px;font:inherit;cursor:pointer}
.catalogPager button:disabled{opacity:.45;cursor:default}.catalogPager span{color:#cbeaff}.catalogPageEmpty{display:none!important}
.avatarCatalogSearch{display:block;padding:12px 0;color:#dcefff}.avatarCatalogSearch input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #4384b5;border-radius:12px;background:#101f32;color:#fff;font:inherit}
#socialProfile[aria-busy="true"]{visibility:hidden}

html body:not(.isSignedOut) dialog.tradingDialog button,html body:not(.isSignedOut) dialog.tradingDialog button:is(.active,.selected,.primary,[aria-pressed="true"]){background:#087ee5!important;border-color:#35b4ff!important;color:#fff!important}

html body:not(.isSignedOut) :is(#app,dialog).tradingDialog button:not(.colorPreset):not(.colorBall):not(.bodyColorCard):not(.colorSwatch):not(.swatch):not([aria-label^="Cor #"]){background-color:#087ee5!important;border-color:#35b4ff!important;color:#fff!important}
[data-news-admin-slot]>h2{display:none}

.effectShopVisual{position:relative;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--effect-glow) 30%,transparent),#102133)!important}.effectShopVisual::after{content:'';position:absolute;inset:15%;border-radius:50%;box-shadow:0 0 30px var(--effect-glow);opacity:.45;pointer-events:none;animation:effectPreviewPulse 2s ease-in-out infinite alternate}.effectShopVisual img{position:relative;z-index:1}@keyframes effectPreviewPulse{to{opacity:.8;transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.effectShopVisual::after{animation:none}}

.effectShopVisual{isolation:isolate}.effectShopVisual::after{z-index:0}.effectShopVisual>canvas,.effectShopVisual>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.effectShopVisual>small,.effectShopVisual>.previewRetry{position:relative;z-index:2}

/* /educational-games.css */
/* Educational games above the featured catalogue, using the existing homepage cards. */
.educationalGames{margin-bottom:38px}.educationalGames .exploreBar{margin-bottom:14px}.educationalGamesGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.educationalGames .gameVisualLabel{background:#253c4fee;color:#b7eade}.educationalGames .gameResults{margin-top:0}
@media(max-width:1180px){.educationalGamesGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.educationalGamesGrid{grid-template-columns:1fr!important}.educationalGames{margin-bottom:28px}}