/* AI Evolution world: a shared illustrated setting, clear surfaces and playful UI. */
body{--section-accent:#91f4d0;--section-rgb:80,225,187;--world-glow:#30bfa53b;isolation:isolate;background:#060d1b}
body[data-page=mining]{--section-accent:#8ce5ff;--section-rgb:65,181,244}
body[data-page=upgrades]{--section-accent:#c5b1ff;--section-rgb:158,111,250}
body[data-page=tasks]{--section-accent:#ffd58e;--section-rgb:255,176,66}
body[data-page=shop]{--section-accent:#ffb3df;--section-rgb:244,115,192}
body[data-page=friends]{--section-accent:#a4d5ff;--section-rgb:92,161,255}
body[data-page=top]{--section-accent:#c0bcff;--section-rgb:155,135,255}
body[data-game-look=founder]{--world-glow:#d6a13c2e}
body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}
body:before{background-color:#071025;background-image:url('/worlds/evolution-world-v1.webp'),var(--world-preview,none);background-position:center top;background-size:cover;background-repeat:no-repeat}
body:after{z-index:-1;background:radial-gradient(ellipse at 85% 3%,var(--world-glow),transparent 57%),linear-gradient(90deg,#030a1794,#0610226e 48%,#030a1794)}
.shell{background:linear-gradient(90deg,#07112255,#07112222 75%)}
.sidebar{background:linear-gradient(180deg,#09172cdd,#071326e6);border-right-color:#5d8fb944;box-shadow:8px 0 45px #02071333}
.workspace{position:relative}
.topbar{padding-bottom:18px;border-bottom:1px solid #6d9ac13a}
.brandmark{filter:drop-shadow(0 0 12px #66f6d240);border:1px solid #8be9da33;box-shadow:0 0 0 4px #0c254140}
.game-wordmark{font-weight:900!important;text-transform:uppercase;letter-spacing:-.8px!important;color:#b6f8ff;background:linear-gradient(110deg,#e2fff7 4%,#80f6d7 20%,#90d8ff 37%,#c1aeff 53%,#ffbadf 68%,#fff1c7 82%,#a9fce7 97%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 6px #77dfed33);animation:brand-spectrum 12s ease-in-out infinite}
.brand .game-wordmark{font-size:21px;line-height:1.05;max-width:123px}
.brand small{font-size:8px;letter-spacing:1.2px;color:#b5cadf}
.breadcrumb>.game-wordmark{font-size:18px;letter-spacing:-.5px!important}
.phase{border-color:#8ec7d34a;background:radial-gradient(ellipse at 90% 5%,#76d5f228,transparent 70%),#0a1b30}
.phase>span{color:#a1dcff}.phase strong{font-size:19px;color:#e4f7ff}.phase p{color:#a9bdd5}
.topactions .mini-wallet{background:linear-gradient(130deg,#173954f0,#12283ff0);border-color:#82c9e355;box-shadow:inset 0 1px #c7f4ff19,0 5px 18px #02071345}
.mini-wallet svg{filter:drop-shadow(0 0 6px #79f9d94d)}
.iconbtn,.language-select{background-color:#10243a;border-color:#5c88ab66}
.iconbtn:hover{border-color:var(--section-accent)}
.pageheading{position:relative;isolation:isolate;overflow:hidden;min-height:174px;padding:24px;border:1px solid rgba(var(--section-rgb),.42);border-radius:23px;background:radial-gradient(ellipse at 88% 35%,rgba(var(--section-rgb),.23),transparent 65%),linear-gradient(105deg,#0a1c32f5,#0a1832bd),url('/worlds/evolution-world-v1.webp') center/cover;box-shadow:inset 0 1px #d2eaff14,0 10px 28px #02071140}
.pageheading:before{content:"";position:absolute;pointer-events:none;inset:10px;border:1px solid rgba(var(--section-rgb),.1);border-radius:16px;background:linear-gradient(90deg,transparent,rgba(var(--section-rgb),.3),transparent) bottom/60% 1px no-repeat;z-index:-1}
.pageheading>div:not(.section-art){position:relative;z-index:2;flex:1;min-width:0;padding-right:150px}
.pageheading h1{font-size:29px;line-height:1.12;max-width:540px;text-wrap:balance;color:#f0f7ff;margin:9px 0 11px;letter-spacing:-.85px;text-shadow:0 2px 12px #0207138c}
.pageheading p{color:#c0cfe1;max-width:530px;line-height:1.75}
.pageheading .eyebrow{color:var(--section-accent);font-size:9px;line-height:1.5;letter-spacing:1.7px}
.pageheading>.pill,.pageheading>.iconbtn{position:absolute;bottom:16px;right:18px;z-index:3;background:#0a1425e8;border-color:rgba(var(--section-rgb),.4);max-width:170px;white-space:normal;text-align:center}
.section-art{position:absolute;right:15px;top:15px;bottom:38px;width:160px;pointer-events:none;z-index:1}
.section-art:before{content:"";position:absolute;inset:4% -2% -9%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--section-rgb),.27),transparent 68%)}
.section-art:after{content:"";position:absolute;inset:30% 8% 6%;border:1px solid rgba(var(--section-rgb),.35);border-radius:50%;transform:rotateX(64deg);box-shadow:0 0 20px rgba(var(--section-rgb),.14)}
.section-art img{position:absolute;width:124px;height:124px;object-fit:contain;right:12px;top:50%;transform:translateY(-50%);filter:drop-shadow(0 8px 10px #02071390)}
.section-art img+img{width:75px;height:75px;top:65%;right:-4px;transform:translateY(-35%) rotate(8deg)}
.section-art img:nth-child(3){width:70px;height:70px;top:65%;right:100px;transform:translateY(-35%) rotate(-10deg)}
#page-lab .section-art img{width:91px;height:91px;right:24px;border-radius:50%;filter:drop-shadow(0 0 19px #72ffe041)}
#page-friends .section-art img{width:110px;height:130px;right:32px}
#page-friends .section-art img+img{width:81px;height:107px;right:-6px;top:66%}
#page-friends .section-art img:nth-child(3){right:92px;top:67%;width:78px;height:103px}
#page-top .section-art img{width:144px;height:144px;right:0}
.lab-help{margin:0 0 12px;gap:14px}.lab-help .textbtn{color:#acdded}
.panel:not(.shop-card):not(.upgrade-card):not(.task){background:radial-gradient(ellipse at 95% 0,rgba(var(--section-rgb),.07),transparent 67%),linear-gradient(140deg,#14253cf7,#0c182af7);border-color:#567a9c66;box-shadow:inset 0 1px #c2e5ff0b,0 7px 20px #02071332}
.panel .section-title,.section-title{color:#dceeff}
.primary{background:linear-gradient(120deg,#b0ffe4,#77ebcf 56%,#7ed7f4);border-color:#caffec;box-shadow:inset 0 1px #effff9a6,0 6px 20px #4acbbd22}
.primary:hover{background:linear-gradient(120deg,#c9ffed,#a0f8e1 56%,#a7e9ff)}
.secondary{box-shadow:inset 0 1px #c3e2ff0d;background:linear-gradient(135deg,#233b57,#182c45);border-color:#6486a965}
.secondary.mint{background:linear-gradient(135deg,#1a4c42,#17332f);border-color:#7cc8ad66}
.player-membership{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;min-height:34px!important;margin:0 0 14px!important;padding:7px 13px!important;border-radius:10px!important;background:linear-gradient(110deg,#4a300de8,#211708ec)!important;border-color:#d2aa5f99!important;color:#ffe6aa!important;font-size:11px!important;box-shadow:inset 0 1px #ffde9419}
.player-membership:before{content:"";display:block;width:22px;height:22px;background:url('/items/premium-thumb-v1.webp') center/contain no-repeat;flex-shrink:0}
.player-membership[data-founder=true]:before{background-image:url('/items/founder-thumb-v2.webp')}
.player-membership[hidden]{display:none!important}
.stat{position:relative;isolation:isolate;overflow:hidden;border-color:#6486ac55;background:linear-gradient(125deg,#14283ef5,#0c192cf5);box-shadow:inset 0 1px #d3efff0c}
.stat:after{content:"";position:absolute;z-index:-1;width:65px;height:65px;right:-5px;bottom:-10px;background:var(--stat-art,url('/items/boost-thumb-v1.webp')) center/contain no-repeat;opacity:.22;transform:rotate(-12deg)}
.stat:nth-child(1){--stat-art:url('/items/cpu-thumb-v1.webp');border-top-color:#7bdcc587}.stat:nth-child(2){--stat-art:url('/items/efficiency-thumb-v1.webp');border-top-color:#ab8cf987}.stat:nth-child(3){--stat-art:url('/items/memory-thumb-v1.webp');border-top-color:#7ac4ff87}
.stat strong{color:#f1f9ff;text-shadow:0 2px 7px #02071366}.stat .label{color:#b7cbe0}
.ref-stats .stat:nth-child(1){--stat-art:url('/agents/pulse-v1.webp')}.ref-stats .stat:nth-child(2){--stat-art:url('/agents/vector-v1.webp')}.ref-stats .stat:nth-child(3){--stat-art:url('/agents/nova-v1.webp')}
.evo-track{gap:10px;margin-top:28px}.evo-stage{position:relative;padding-top:10px}.evo-stage:before{content:"";position:absolute;left:1px;top:-11px;width:10px;height:10px;transform:rotate(45deg);border:1px solid #6b84a4;background:#16293f;box-shadow:0 0 0 4px #12253d}
.evo-stage.reached:before{border-color:#b9ffe6;background:linear-gradient(135deg,#dafff2,#6cd8d2);box-shadow:0 0 0 4px #1a4354,0 0 13px #8af5d448}
.evo-stage .bar{background:#45607a}.evo-stage.reached .bar{background:linear-gradient(90deg,#8af8d1,#87d2ff)}
.resource-display{position:relative;display:grid;place-items:center;height:164px;margin:-4px 0 13px;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#22bbba36,transparent 65%),linear-gradient(145deg,#132d4b,#0b1e35);border:1px solid #72d8e32b}
.resource-display:before,.resource-display:after{content:"";position:absolute;width:160px;height:55px;border:1px solid #77f8d680;border-radius:50%;bottom:5px;transform:rotateX(20deg);box-shadow:0 0 22px #59c9f136,inset 0 0 25px #72e4f11a}
.resource-display:after{width:220px;height:78px;bottom:-13px;opacity:.38}
.resource-display img{width:153px;height:153px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 8px 14px #02071388)}
.mining-active .resource-display img{animation:reactor-rise 6s ease-in-out infinite}
.meter{height:7px;background:#263e58;box-shadow:inset 0 1px 4px #0004}.meter>span{background:linear-gradient(90deg,#75e6bc,#90e6ff);box-shadow:0 0 12px #7ce6da45}
.task{position:relative;overflow:hidden;border-color:#be92524d;background:radial-gradient(ellipse at 0 50%,#e9b94f1b,transparent 60%),linear-gradient(130deg,#202d40,#0e1c2f);box-shadow:inset 0 1px #ffe7b00a}
.task[data-task-art=efficiency]{background:radial-gradient(ellipse at 0 50%,#ad85e326,transparent 60%),linear-gradient(130deg,#252a45,#131b32);border-color:#a68aca55}
.task[data-task-art=memory]{background:radial-gradient(ellipse at 0 50%,#60bef32b,transparent 60%),linear-gradient(130deg,#16334a,#111e34);border-color:#72bfed55}
.task[data-task-art=cpu]{background:radial-gradient(ellipse at 0 50%,#4cd7ac24,transparent 60%),linear-gradient(130deg,#183b35,#111f31);border-color:#62c9a955}
.task-icon{height:61px;width:61px;border-radius:15px;flex-shrink:0;background:radial-gradient(ellipse,#70cae029,transparent 80%),#09172b7a;border:1px solid #a0c5e529;box-shadow:inset 0 1px #d0efff16}
.task-icon img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 7px #0007)}
.task h2{font-size:14px;line-height:1.4}.task p{color:#b8c8db;line-height:1.65}.task .task-reward{color:#ffe29e;text-shadow:0 0 12px #ffcc5922}
.task button{background:linear-gradient(140deg,#284c3d,#17362d);border-color:#8ccc9b77;color:#c5ffdd}.task.done{opacity:.75}
.store-category-title{color:var(--section-accent);padding-bottom:11px;border-bottom:1px solid rgba(var(--section-rgb),.25)}
.chat-card,.note-panel,.player-ai-entry{position:relative;overflow:hidden}.chat-avatar{box-shadow:0 0 18px #7adfc621}.player-ai-entry{border-color:#77b6d35c}
.ref-personal{border-top-color:#97caff!important}.ref-link input,.ref-personal input{background:#091a30;border-color:#6fadd68c}
.ranking-summary{padding:13px 16px;border:1px solid #b29df633;border-radius:15px;background:linear-gradient(115deg,#3b31513b,#102137d9)}
.navbtn,.bottomnav button{--nav-accent:#90f6d1}
[data-tab=mining]{--nav-accent:#85dcff}[data-tab=upgrades]{--nav-accent:#c1a9ff}[data-tab=tasks]{--nav-accent:#ffd38b}[data-tab=shop]{--nav-accent:#ffb5dd}[data-tab=friends]{--nav-accent:#9ac9ff}[data-tab=top]{--nav-accent:#d0b7ff}
.navbtn .icon,.bottomnav button .icon{color:var(--nav-accent);opacity:.72}
.navbtn.active{color:var(--nav-accent);background:linear-gradient(100deg,color-mix(in srgb,var(--nav-accent) 16%,transparent),#13253d);border-color:color-mix(in srgb,var(--nav-accent) 32%,transparent)}
.navbtn.active:after{background:var(--nav-accent);box-shadow:0 0 10px var(--nav-accent)}
.navbtn.active .icon,.bottomnav button.active .icon{opacity:1;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--nav-accent) 60%,transparent))}
.bottomnav{background:linear-gradient(180deg,#10233bf5,#09162bf7);border-top-color:#7aabc865;box-shadow:0 -8px 26px #0207146b}
.bottomnav button.active{color:var(--nav-accent);background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--nav-accent) 16%,transparent),transparent 75%);border-radius:12px}
dialog{background:linear-gradient(145deg,#172b44f7,#0a1729f5),url('/worlds/evolution-world-v1.webp') center/cover;border-color:#8aacd280;box-shadow:0 25px 95px #020713cf,inset 0 1px #d2efff20}
dialog .dialoghead h2{color:#d4edff}.footer{color:#a0b5cf}
@keyframes brand-spectrum{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes reactor-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.no-motion .game-wordmark,.no-motion .resource-display img{animation:none!important}
.feedback-paused .game-wordmark,.feedback-paused .resource-display img{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.game-wordmark,.resource-display img{animation:none!important}}
@media(max-width:1000px) and (min-width:761px){.brand .game-wordmark{font-size:17px}.pageheading{padding:20px}.pageheading>div:not(.section-art){padding-right:112px}.section-art{right:8px;width:132px}.section-art img{width:104px;height:104px}.section-art img+img{width:65px;height:65px}.section-art img:nth-child(3){right:78px;width:61px;height:61px}.pageheading h1{font-size:25px}}
@media(max-width:760px){
 body:before{background-position:48% 0}.shell{background:#07112422}
 .workspace{padding-top:15px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 0 15px;margin-bottom:16px}
 .mobilebrand{gap:9px;min-width:0}.mobilebrand .brandmark{width:37px;height:37px}
 .mobilebrand .game-wordmark{font-size:18px;line-height:1.03;max-width:108px;white-space:normal;overflow-wrap:normal;letter-spacing:-.6px!important}
 .topactions{gap:5px}.topactions .mini-wallet{font-size:10px;padding:8px 7px;gap:5px;min-height:35px}.topactions .mini-wallet .icon{width:13px;height:13px}
 .topactions .language-select.compact{font-size:10px;width:40px;padding:6px 4px;min-height:35px}.topactions .iconbtn{height:33px;width:31px;border-radius:10px}
 .topbar:has(#admin-link:not(.hidden)){grid-template-columns:minmax(0,1fr)}.topbar:has(#admin-link:not(.hidden)) .topactions{justify-content:flex-end}
 .pageheading{min-height:166px;padding:18px 15px;border-radius:20px;margin-bottom:16px}
 .pageheading>div:not(.section-art){padding-right:118px}.pageheading h1{font-size:24px;line-height:1.12;letter-spacing:-.7px;margin:9px 0}.pageheading p{font-size:10px;line-height:1.65;max-width:210px}
 .pageheading .eyebrow{font-size:7px;letter-spacing:1.25px}.pageheading>.pill,.pageheading>.iconbtn{bottom:12px;right:12px;font-size:8px;max-width:112px;padding:6px 8px}
 .section-art{right:4px;top:8px;bottom:36px;width:111px}.section-art img{width:91px;height:110px;right:7px}.section-art img+img{width:53px;height:64px;right:-2px}.section-art img:nth-child(3){width:49px;height:58px;right:64px}
 #page-lab .section-art img{width:68px;height:68px;right:17px}#page-friends .section-art img{width:85px;height:111px;right:22px}#page-friends .section-art img+img{width:64px;height:87px;right:-5px}#page-friends .section-art img:nth-child(3){right:64px;width:61px;height:82px}#page-top .section-art img{width:110px;height:130px;right:0}
 .lab-help{gap:8px;margin-bottom:10px}.lab-help .textbtn{font-size:10px}.player-membership{font-size:10px!important;min-height:31px!important;margin-bottom:12px!important;padding:5px 10px!important}
 .player-membership:before{width:21px;height:21px}.task{padding:15px 12px;gap:10px;align-items:center}.task-icon{width:49px;height:55px;border-radius:12px}.task-icon img{width:49px;height:53px}.task h2{font-size:12px}.task p{font-size:10px}.task .task-reward{font-size:12px}.task button{font-size:10px;min-width:71px;padding:10px 7px}.task .task-content{min-width:0}
 .resource-display{height:151px}.resource-display img{width:144px;height:144px}.stat:after{width:53px;height:53px;opacity:.19}.stat strong{font-size:17px}.evo-track{gap:5px;margin-top:24px}.evo-stage strong{font-size:8px;line-height:1.5}
 .bottomnav{padding-top:9px}.bottomnav button{font-size:7px;gap:6px}.bottomnav button .icon{width:21px;height:21px}.ranking-summary{padding:10px 12px}
}
@media(max-width:360px){.mobilebrand .brandmark{height:31px;width:31px}.mobilebrand{gap:6px}.mobilebrand .game-wordmark{font-size:15px;max-width:91px}.topactions .mini-wallet{font-size:9px}.topactions .mini-wallet .icon{display:none}.topbar{gap:5px}.pageheading h1{font-size:22px}.pageheading>div:not(.section-art){padding-right:104px}.section-art{width:97px;right:0}.task button{min-width:64px;font-size:9px}.task-icon{width:41px}.task-icon img{width:43px}}