.asset-icon { width: 30px; height: 30px; display: inline-block; object-fit: contain; vertical-align: middle; }
#mainMenuModal { background: linear-gradient(100deg,rgba(3,8,18,.76),rgba(3,8,18,.5)),url('../assets/core-keyart.png') center/cover; backdrop-filter:none; }
#mainMenuModal > div { max-width: 1180px; }
#mainMenuModal .cyber-panel { background:rgba(5,13,27,.88); border-color:rgba(103,232,249,.24); box-shadow:0 20px 80px #0007; }
#mainMenuModal h1 { line-height:1.3; }
#metaUpgradesGrid { scrollbar-width:thin; scrollbar-color:#26465b transparent; }
#metaUpgradesGrid > div { background:#0a1625dd; }
.chip-card { min-width:0; }
#levelUpModal { overflow-y:auto; }
#levelUpModal > div { margin:auto; }
.evolution-card { grid-column:span 2; text-align:left; padding:26px; border:1px solid #efc46b; border-radius:16px; background:radial-gradient(ellipse at top right,#78521c55,transparent),#15131d; box-shadow:0 0 32px #e8b34222; display:flex; flex-direction:column; gap:14px; transition:transform .2s,box-shadow .2s; }
.evolution-card:hover,.evolution-card:focus-visible { transform:translateY(-4px); box-shadow:0 0 40px #e8b34255; outline:2px solid #ffe5ab; }
.evolution-card h3 { font-size:26px; font-weight:900; color:#ffdf94; }
.evolution-card small { color:#d8bf93; font-family:monospace; }
.evolution-card p { font-size:14px; line-height:1.8; color:#d6dce9; }
.evolution-card strong { color:#ffe7b2; border-top:1px solid #796340; padding-top:14px; font-size:13px; }
.evolution-label { color:#eac370; letter-spacing:.12em; font:11px monospace; }
.evolved-slot { border-color:#ffd45c!important; box-shadow:0 0 12px #ffd45c44; position:relative; }
.evolved-slot small { position:absolute; bottom:-2px; color:#ffdf94; font-size:8px; }
#notice { pointer-events:none; position:fixed; z-index:80; top:110px; left:50%; transform:translate(-50%,-10px); max-width:90%; border:1px solid #73909f; border-radius:8px; padding:12px 20px; background:#071220ee; color:#dbfaff; opacity:0; transition:.2s; text-align:center; font-size:13px; }
#notice.visible { opacity:1; transform:translate(-50%,0); }
#dashBtn { display:none; position:fixed; right:22px; bottom:110px; z-index:20; border:1px solid #67e8f9; background:#081d2ddd; border-radius:50%; width:76px; height:76px; color:#c5faff; font-size:14px; touch-action:manipulation; }
#dashBtn small { display:block; font:9px monospace; color:#6bb9cb; margin-top:3px; }
body:has(#hudLayer:not(.hidden)) #dashBtn { display:block; }
button:disabled { opacity:.45; cursor:not-allowed; }
button:focus-visible { outline:2px solid #a5f3fc; outline-offset:4px; }
@media(max-width:767px) {
 #mainMenuModal { align-items:flex-start; padding:14px; }
 #mainMenuModal > div { gap:16px; }
 #mainMenuModal .cyber-panel { padding:22px; }
 #mainMenuModal h1 { font-size:29px; }
 .evolution-card { grid-column:1/-1; padding:20px; }
 #upgradeCardsContainer { grid-template-columns:1fr; gap:10px; }
 #upgradeCardsContainer .chip-card { padding:14px; }
 #levelUpModal > div { padding:18px; }
 #levelUpModal .mb-6 { margin-bottom:14px; }
 #notice { top:140px; }
}
@media(prefers-reduced-motion:reduce) {
 .glitch-title::before,.glitch-title::after { display:none; }
 .animate-pulse,.animate-ping { animation:none!important; }
}